@charset "UTF-8";

html,body {
	background-color: #807860;
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #292824;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

h2 {
	background-color: #ccc09a;
	border: 3px solid #eee;
	font-family: 'Ultra', serif;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-left: -40px;
	margin-top: 0;
	padding: 15px;
	text-align: center;
}

/*----------------------------------------MAIN STYLES----------------------------------------*/

#container {
	background-color: #fff;
	box-shadow: 0 0 4px #000;
	height: auto;
	margin: 0 auto;
	padding: 4px;
	position: relative; 
	width: 952px;
}

header {
	height: 354px;
	width: 952px;
}

nav {
	background-color: #892c2c;
	color: #fff;
	font-size: 16px;
	height: 28px;
	margin-bottom: 4px;
	padding-top: 27px;
	padding-right: 101px;
	text-align: right;
	text-decoration: none;
	width: 851px;
}

#topWindowHome {
	background-image: url(../images/top_window_home.jpg);
	height: 291px;
	padding-bottom: 4px;
	width: 952px;
}

#topWindowBilly {
	background-image: url(../images/top_window_home.jpg);
	height: 291px;
	padding-bottom: 4px;
	width: 952px;
}

#topWindowColleen {
	background-image: url(../images/top_window_home.jpg);
	height: 291px;
	padding-bottom: 4px;
	width: 952px;
}

#topWindowLatona {
	background-image: url(../images/top_window_latona.jpg);
	height: 291px;
	padding-bottom: 4px;
	width: 952px;
}

#topWindowJeff {
	background-image: url(../images/top_window_jeff.jpg);
	height: 291px;
	padding-bottom: 4px;
	width: 952px;
}

#mainBody {
	display: block;
	float: left;
	height: auto;
	padding: 28px 0 0 26px;
	width: 580px;
}

#rightColumn {
	display: block;
	float: right;
	height: auto;
	padding: 0;
	width: 320px;
}

#googleMap{
	margin-left: 13px;
}

footer {
	background-color: #292824;
	color: #fff;
	font-size: 16px;
	height: auto;
	margin: 100px 0 0 0; 
	padding: 10px 10px 20px 10px;
	text-align: center;
	width: 932px;
}

.clearBoth {
	clear: both;
}

/*----------------------------------------TEXT STYLES----------------------------------------*/

ol {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
}

ul {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
}

.headline {
	color: #892c2c;
	font-family: 'Ultra', serif;
	font-size: 20px;
	letter-spacing: -1px;
}

.subhead {
	color: #807860;
	font-family: 'Ultra', serif;
	font-size: 16px;
}

.artistName {
	color: #807860;
	font-family: 'Quattrocento', serif;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0px;
}

.copyright {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
}


/*----------------------------------------BUTTON STYLES----------------------------------------*/

#btnFacebook {
	background-image: url(../images/btn_facebook.png);
	display: block;
	height: 24px;
	right: 70px;
	position: absolute;
	top: 28px;
	width: 24px;
	z-index: 2;
}

#btnTwitter{
	background-image: url(../images/btn_twitter.png);
	display: block;
	height: 24px;
	right: 42px;
	position: absolute;
	top: 28px;
	width: 24px;
	z-index: 2;
}

#btnInstagram{
	background-image: url(../images/btn_instagram.png);
	display: block;
	height: 24px;
	right: 14px;
	position: absolute;
	top: 28px;
	width: 24px;
	z-index: 2;
}

#btnAppontments {
	background-image: url(../images/btn_appointments.png);
	cusror: pointer;
	display: block;
	height: 31px;
	left: 26px;
	position: absolute;
	top: 280px;
	width: 293px;
	z-index: 3;
}
#btnAppontments:hover {
	background-image: url(../images/btn_appointments_hover.png);
	display: block;
	height: 31px;
	left: 26px;
	position: absolute;
	top: 280px;
	width: 293px;
	z-index: 3;
}


#btnColleen {
	background-image: url(../images/btn_artist_colleen.png);
	display: block;
	height: 60px;
	margin: 0 0 4px 13px;
	width: 306px;
	z-index: 2;
}
#btnColleen:active,
#btnColleen:focus,
#btnColleen:hover {
	background-image: url(../images/btn_artist_colleen_hover.png);
}


#btnLatona {
	background-image: url(../images/btn_artist_latona.png);
	display: block;
	height: 60px;
	margin: 0 0 4px 13px;
	width: 306px;
	z-index: 2;
}
#btnLatona:active,
#btnLatona:focus,
#btnLatona:hover {
	background-image: url(../images/btn_artist_latona_hover.png);
}


#btnJeff {
	background-image: url(../images/btn_artist_jeff.png);
	display: block;
	height: 60px;
	margin: 0 0 4px 13px;
	width: 306px;
	z-index: 2;
}
#btnJeff:active,
#btnJeff:focus,
#btnJeff:hover {
	background-image: url(../images/btn_artist_jeff_hover.png);
}

#btnBilly {
	background-image: url(../images/btn_artist_billy.png);
	display: block;
	height: 60px;
	margin: 0 0 4px 13px;
	width: 306px;
	z-index: 2;
}
#btnBilly:active,
#btnBilly:focus,
#btnBilly:hover {
	background-image: url(../images/btn_artist_billy_hover.png);
}

/*----------------------------------------LINK STYLES----------------------------------------*/

a:link {
 	color: #807860;
	text-decoration: none;
}
a:visited { 	
	color: #807860;
}
a:hover { 	
	color: #892c2c;
}


.navLink:link {
 	color: #fff;
	font-size: 15px;
	padding: 0 0 0 8px;
	text-decoration: none;
} 
.navLink:visited { 	
	color: #fff;
}
.navLink:hover { 	
	color: #ccc09a;
}


.footerLink:link {
 	color: #ccc09a;
	font-size: 12px;
	padding: 0 5px 0 5px;
	text-decoration: none;
}
.footerLink:visited { 	
	color: #ccc09a;
}
.footerLink:hover { 	
	color: #807860;
}

/*----------------------------------------IMAGE STYLES----------------------------------------*/

#logo {
	background-image: url(../images/logo.png);
	display: block;
	height: 158px;
	left: 15px;
	position: absolute;
	top: 11px;
	width: 318px;
	z-index: 2;
}

#contactInfo {
	background-image: url(../images/contact_info.png);
	display: block;
	height: 92px;
	left: 26px;
	position: relative;
	top: 174px;
	width: 451px;
	z-index: 2;
}

#headerArtists {
	background-image: url(../images/header_artists.png);
	height: 50px;
	margin: 22px 0 0 5px;
	width: 328px;
}

#headerLocation {
	background-image: url(../images/header_location.png);
	height: 50px;
	margin: 22px 0 0 5px;
	width: 328px;
}




.photo_paragraph_left {
	border: solid;
	border-bottom-width: 3px;
	border-color: #d6d6d6;
	float: left;
	margin: 5px 12px 0 0;
}

.photo_paragraph_right {
	border: solid;
	border-bottom-width: 3px;
	border-color: #d6d6d6;
	float: right;
	margin: 5px 0 0 12px;
}