/* You are free to take a look at the style sheet used on the Ana Black Photography web site, but please take note that the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright Ana Black Photography and may not be reproduced. Stealing this design will only lead to bad karma!*/ 


body {
	margin:0px auto 0px auto;
	padding:0;
	text-align:center;
	font: 11px/16px verdana, arial, tahoma, lucida, sans-serif;
	color:#FFFFFF;
	background:#000000;
}

p	{
	font:12px/18px tahoma, verdana, arial, sans-serif;
	color:#FFFFFF;
	margin:10px 0;
}
h1{	font:16px/18px tahoma, verdana, arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	margin:50px 0 0 0;
}

a{color:#FFFFFF;}


/*Styles for home page */
#banner{
	margin:100px auto 0px auto;
	width:723px;
	height:280px;
	text-align:center;
}
#home_logo span{
	background:transparent url(images/home_logo.gif) no-repeat;
	float:left;
	width:360px;
	height:280px;
	margin:0px 3px 0 0;
	padding:0;
	text-indent:-9999px;
	}
#home_image{
	float:right;
	width:360px;
	height:280px;
	margin:0;
	padding:0;
}
#home_buttons{
	margin:0px auto 0px auto;
	width:723px;
	height:27px;
	text-align:center;
}
#home_contact a{
	background:transparent url(images/home_contact.gif) no-repeat;
	float:left;
	width:242px;
	height:27px;
	margin:0px 3px 0 0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}

#home_enter a{
	background:transparent url(images/enter.gif) no-repeat;
	float:right;
	width:71px;
	height:27px;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}

/*Style for main title */
#logo span{
	background:transparent url(images/logo.gif) no-repeat;
	float:left;
	width:339px;
	height:37px;
	margin:20px 0 20px 0;
	padding:0;
	text-indent:-9999px;
	}
	
/*Styles for navigation bar */
#menu{float:right;}
	
div#nav ul{
	height: 37px;
	width:410px;
	background: #000000 url(images/navigation.gif) top right no-repeat;
	margin:20px 0 0 0;
	padding: 0;
	position:relative;
	}
#nav li {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
}
#nav a {
	height: 35px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	}

#fashion	{left: 0px; width: 62px;}
#beauty	{left: 68px; width: 60px;}
#music	{left: 130px; width: 100px;}
#commercial	{left: 230px; width: 190px;}

#fashion a:hover, #fashion a.here {background: transparent url(images/navigation.gif) 0px -24px no-repeat;}
#beauty a:hover, #beauty a.here {background: transparent url(images/navigation.gif) -68px -24px no-repeat;}
#music a:hover, #music a.here {background: transparent url(images/navigation.gif) -130px -24px no-repeat;}

#commercial a:hover, #commercial a.here {background: transparent url(images/navigation.gif) -230px -24px no-repeat;}


	
/*style for content */

div#wrapper {
	width: 770px;
	height:590px;
	position: relative;
	padding: 0;
	margin: 0px auto 0px auto;
	text-align: left;
}
#photo {
	position: absolute;
	top: 82px;
	left: 0px;
	padding: 0;
	margin: 0;
}

#content { /* used on bio and contact page */
	width:380px;  
	position: absolute;
	top: 60px;
	left: 360px;
	padding: 0;
	margin: 0;
	height:400px;
}

#footer{
	position: absolute;
	top: 570px;
	left: 0px;
	width: 770px;
	font: 10px/12px verdana, arial, tahoma, lucida, sans-serif;
	color:#FFFFFF;
	background:#000000;
	text-align: left;
}

/*Styles for thumbnails*/

ul#thumbs, ul#thumb {
	position: absolute;
	top: 60px;
	left: 360px;
	padding: 0;
	margin: 0;
}

ul#thumbs li, ul#thumb li  {
	position: absolute;
	list-style-type: none;
	border: 1px solid #DCD6D6;
	height: 66px;
	width: 66px;
	overflow: hidden;
}
/* top tow */
ul#thumbs li#thumb_00, ul#thumb li#thumb_00 {
	top: 30px;
	left: 340px;
}
/*second row */
ul#thumbs li#thumb_04 {top: 72px;left: 340px;}
ul#thumbs li#thumb_03 {top: 72px;left: 267px;}
ul#thumbs li#thumb_02 {top: 72px;left: 194px;}
ul#thumbs li#thumb_01 {top: 72px;left: 121px;}

/*third row */
ul#thumbs li#thumb_08 {top: 145px;left: 340px;}
ul#thumbs li#thumb_07 {top: 145px;left: 267px;}
ul#thumbs li#thumb_06 {top: 145px;left: 194px;}
ul#thumbs li#thumb_05 {top: 145px;left: 121px;}
/*fourth row */
ul#thumbs li#thumb_12 {top: 218px;left: 340px;}
ul#thumbs li#thumb_11 {top: 218px;left: 267px;}
ul#thumbs li#thumb_10 {top: 218px;left: 194px;}
ul#thumbs li#thumb_09 {top: 218px;left: 121px;}
/*fifth row */
ul#thumbs li#thumb_16 {top: 291px;left: 340px;}
ul#thumbs li#thumb_15 {top: 291px;left: 267px;}
ul#thumbs li#thumb_14 {top: 291px;left: 194px;}
ul#thumbs li#thumb_13 {top: 291px;left: 121px;}

/*fifth row */
ul#thumbs li#thumb_20 {top: 364px;left: 340px;}
ul#thumbs li#thumb_19 {top: 364px;left: 267px;}
ul#thumbs li#thumb_18 {top: 364px;left: 194px;}
ul#thumbs li#thumb_17 {top: 364px;left: 121px;}



/*sixth row */
ul#thumbs li#bio, ul#thumb li#bio {top: 440px;left: 267px; height:20px; border:none;}
ul#thumbs li#contact, ul#thumb li#contact {top: 440px;left: 340px; height:20px; border:none;}





li#bio a, li#contact a, li#m_bio a, li#m_contact a {font:12px tahoma, verdana, arial, sans-serif; color:#FFFFFF; text-align:right; text-decoration:none; padding-left:20px;}

/* Styles for editorial section * -----------------/
/*second row */

ul#thumb li#thumb_03 {top: 72px;left: 340px;}
ul#thumb li#thumb_02 {top: 72px;left: 250px;}
ul#thumb li#thumb_01 {top: 72px;left: 158px;}

/*third row */

ul#thumb li#thumb_06 {top: 160px;left: 340px;}
ul#thumb li#thumb_05 {top: 160px;left: 250px;}
ul#thumb li#thumb_04 {top: 160px;left: 158px;}
/*fourth row */

ul#thumb li#thumb_09 {top: 248px;left: 340px;}
ul#thumb li#thumb_08 {top: 248px;left: 250px;}
ul#thumb li#thumb_07 {top: 248px;left: 158px;}
/*fifth row */

ul#thumb li#thumb_12 {top: 336px;left: 340px;}
ul#thumb li#thumb_11 {top: 336px;left: 250px;}
ul#thumb li#thumb_10 {top: 336px;left: 158px;}




/* used on music page only ----------------*/
/*second row */
ul#thumbs li#m_thumb_05 {top: 72px;left: 340px;}
ul#thumbs li#m_thumb_04 {top: 72px;left: 267px;}
ul#thumbs li#m_thumb_03 {top: 72px;left: 194px;}
ul#thumbs li#m_thumb_02 {top: 72px;left: 121px;}
ul#thumbs li#m_thumb_01 {top: 72px;left: 48px;}

/*third row */
ul#thumbs li#m_thumb_10 {top: 145px;left: 340px;}
ul#thumbs li#m_thumb_09 {top: 145px;left: 267px;}
ul#thumbs li#m_thumb_08 {top: 145px;left: 194px;}
ul#thumbs li#m_thumb_07 {top: 145px;left: 121px;}
ul#thumbs li#m_thumb_06 {top: 145px;left: 48px;}

/*fourth row */
ul#thumbs li#m_thumb_15 {top: 218px;left: 340px;}
ul#thumbs li#m_thumb_14 {top: 218px;left: 267px;}
ul#thumbs li#m_thumb_13 {top: 218px;left: 194px;}
ul#thumbs li#m_thumb_12 {top: 218px;left: 121px;}
ul#thumbs li#m_thumb_11 {top: 218px;left: 48px;}

/*fifth row */
ul#thumbs li#m_thumb_20 {top: 291px;left: 340px;}
ul#thumbs li#m_thumb_19 {top: 291px;left: 267px;}
ul#thumbs li#m_thumb_18 {top: 291px;left: 194px;}
ul#thumbs li#m_thumb_17 {top: 291px;left: 121px;}
ul#thumbs li#m_thumb_16 {top: 291px;left: 48px;}

/*sixth row */
ul#thumbs li#m_thumb_25 {top: 364px;left: 340px;}
ul#thumbs li#m_thumb_24 {top: 364px;left: 267px;}
ul#thumbs li#m_thumb_23 {top: 364px;left: 194px;}
ul#thumbs li#m_thumb_22 {top: 364px;left: 121px;}
ul#thumbs li#m_thumb_21 {top: 364px;left: 48px;}

/*seventh row */
ul#thumbs li#m_thumb_30 {top: 437px;left: 340px;}
ul#thumbs li#m_thumb_29 {top: 437px;left: 267px;}
ul#thumbs li#m_thumb_28 {top: 437px;left: 194px;}
ul#thumbs li#m_thumb_27 {top: 437px;left: 121px;}
ul#thumbs li#m_thumb_26 {top: 437px;left: 48px;}




/*sixth row */
ul#thumbs li#m_bio{top: 530px;left: 267px; height:20px; border:none;}
ul#thumbs li#m_contact {top: 530px;left: 340px; height:20px; border:none;}