@charset "UTF-8";
/* CSS Document */

/* template content
------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A4A38;
	margin: 0;
	padding: 0;
	background-color:#fff;
	border:none;
}

#top {
	width:800px;
	height:25px;
}

/*-------------------------------------------
	home
-------------------------------------------*/

#wrap {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	border: none;
	background-image: url(images/the-polaroid-party.jpg);
	text-align: left;
}

#spacer {
	width:800px;
	height:185px;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #5A4A38; }
a:active { text-decoration: none; }


#allnav {
	width: 315px;
	height: 180px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(images/nav.jpg);
	background-repeat: no-repeat;
}

#homenav {
    width: 315px; height: 180px;
    background: url(images/nav.jpg);
    margin: 0; padding: 0;
    position: relative;
}

#homelinks {
	width: 425px;
	height: 53px;
	margin: 157px 0 0 375px;
	padding: 0;
	text-align: left;
}

#homenav li { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; }
#homenav li a { height: 0px; display: block; padding-top: 18px; overflow: hidden; }

#homenav1 { top: 0; width: 315px; height: 18px; }
#homenav2 { top: 18px; width: 315px; height: 18px; }
#homenav3 { top: 36px; width: 315px; height: 18px; }
#homenav4 { top: 54px; width: 315px; height: 18px; }
#homenav5 { top: 72px; width: 315px; height: 18px; }
#homenav6 { top: 90px; width: 315px; height: 18px; }
#homenav7 { top: 108px; width: 315px; height: 18px; }
#homenav8 { top: 126px; width: 315px; height: 18px; }
#homenav9 { top: 144px; width: 315px; height: 18px; }
#homenav10 { top: 162px; width: 315px; height: 18px; }

#homenav1 a:hover { background: transparent url(images/nav.jpg) -315px 0 no-repeat; }
#homenav2 a:hover { background: transparent url(images/nav.jpg) -315px -18px no-repeat; }
#homenav3 a:hover { background: transparent url(images/nav.jpg) -315px -36px no-repeat; }
#homenav4 a:hover { background: transparent url(images/nav.jpg) -315px -54px no-repeat; }
#homenav5 a:hover { background: transparent url(images/nav.jpg) -315px -72px no-repeat; }
#homenav6 a:hover { background: transparent url(images/nav.jpg) -315px -90px no-repeat; }
#homenav7 a:hover { background: transparent url(images/nav.jpg) -315px -108px no-repeat; }
#homenav8 a:hover { background: transparent url(images/nav.jpg) -315px -126px no-repeat; }
#homenav9 a:hover { background: transparent url(images/nav.jpg) -315px -144px no-repeat; }
#homenav10 a:hover { background: transparent url(images/nav.jpg) -315px -162px no-repeat; }


/*-------------------------------------------
	sub pages
-------------------------------------------*/

#container {
	width: 890px;
	margin: 0 auto;
	margin-top:0;
	border: none;
	background-image: url(images/sub-bg.jpg);
	background-repeat: no-repeat;
}

#artist_header {	
	width: 890px;
	height: 100px;
}

#nav_artists {
	width:565px;
	height:25px;
	margin: 0 0 0 235px;
	padding: 0px;
}

#nav_arrows {
	width:650px;
	height:50px;
	margin: 0 0 0 150px;
	padding: 0px;
}

#logo {
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
}

#logo_link {
    width: 420px; height: 50px;
    margin: 0; padding: 0;
    position: relative;
}

#logo_link li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#logo_link li a { height: 0px; display: block; padding-top: 50px; overflow: hidden; }

#logo_link-on { left: 0; width: 420px; }

#artist_left {
	width: 275px;
	float:left;
	padding-top: 15px;
	padding-right: 25px;
	text-align: right;
}

#artist_left p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5A4A38;
	line-height: 15px;
}	

.pink {color: #ec008c}
.red {color: #bf1e2e}
.orange {color: #f1592a}
.ltgreen {color: #8cc63f}
.green {color: #2bb673}
.ltblue {color: #25aae1}
.blue {color: #0f75bc}
.brown {color: #5a4a38}

div#container_friends {
	width: 804px;
	margin: 0 auto;
	margin-top:0;
	border: none;
	position: relative;

}

div#landing {
	width: 800px;
	padding-top: 50px;
	padding-right: 45px;
	padding-left: 45px;
	background-color: #FFFFFF;
	border: none;
}



div#friends {
	width: 804px;
	border: none;
	padding-top: 45px;
}

div#artist_right {
	width: 590px;
	background-color: #FFFFFF;
	border: none;
	float:right;
	padding-top: 10px;

}

div#nav {
	margin: 0px;
	padding-top: 0px;
	padding-left: 455px;
	position:absolute;
	width:245px;
	height:25px;
	top:114px;
	z-index:1;
}



div#nav_friends {
	margin: 0px;
	padding-top: 0px;
	padding-left: 413px;
	position:absolute;
	width:352px;
	height:25px;
	top:113px;
	z-index:1;
}
	



div#land_left {
	margin: 0px;
	padding-top: 0px;
	position:absolute;
	width:490px;
	height:232px;
	top:354px;
	z-index:1;
}

div#land_right {
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	position:absolute;
	top:454px;
	left: 506px;
	width:93px;
	height:126px;
}

div#friends_content {
	width: 594px;
	float: left;
	padding-left: 60px;
}

div#friends_overview {
	width: 770px;
	float: left;
	padding-left: 30px;
}

div#friends_logos{
	width: 120px;
	float: left;
	padding-left: 30px;
}



	
p.nav {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5A4A38;
	line-height: 15px;
	word-spacing: 5px;
	letter-spacing: 1px;
}	

p.bios {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5A4A38;
	line-height: 20px;
	
}	


/*-------------------------------------------
	footer
-------------------------------------------*/

#footer {
	width: 760px;
	height: 50px;
	margin: 0 auto;
	padding: 20px;
	border: none;
	text-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}

.footerlink:link {
	color: #999;
	text-decoration: none;
}
.footerlink:visited {
	text-decoration: none;
	color: #999;
}
.footerlink:hover {
	text-decoration: none;
	color: #666666;
}
.footerlink:active {
	text-decoration: none;
	color: #666666;
}