@import url("font.css");
body, html{
  scrollbar-face-color: #834628 !important;
  scrollbar-shadow-color: #D2B68C !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: #D2B68C !important;
  scrollbar-arrow-color: #FFF; !important;
}

body, ul, ol, li, div, h1, h2, h3 {margin:0; padding:0;}

body { background:url(../images/bg.jpg) repeat-x; background-color: #DEC691; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }
span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
span a { color: #333; text-decoration: none; }
span a:hover { color: #660000; background: #FFF; }
img { border: 0; }

#main { margin:0 auto; width:760px; position: relative; }
#header { background:url(../images/top_head.jpg); width: 760px; height: 120px; position: relative; }
#Hero {  background:url(../images/Hero.jpg); width: 760px; height: 190px; position: relative; }
.form { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #272018; border-width: 1px; border-color: #BB8149; background:url(../images/formbg.jpg) repeat-x; background-position: fixed; }
#HeaderWelcome{
background:url(../images/HeaderWelcome.jpg);
with:760px;
height:102px;
}

/* MainBox */
#MainBox{
background:url(../images/MainBoxBG.gif) repeat-y;
}

#HomeContentBox{
display:table;
width:760px;
padding-bottom:38px;
background:url(../images/HomeContentBoxbottom.gif) no-repeat bottom;
}

/* NAVIGATION SETUP */

#nav, #nav a {height:46px; list-style:none; text-decoration:none;}
#nav li {float:left; list-style:none;}
#nav a {display:block;}

#home {	background:url(../images/nav_home_up.jpg); width:95px; }
#home a:hover {	background:url(../images/nav_home_over.jpg); }

#about { background:url(../images/nav_about_up.jpg); width:84px; }
#about a:hover { background:url(../images/nav_about_over.jpg); }

#face {	background:url(../images/nav_face_up.jpg); width:65px; }
#face a:hover {	background:url(../images/nav_face_over.jpg); }

#breast { background:url(../images/nav_breast_up.jpg); width:68px; }
#breast a:hover { background:url(../images/nav_breast_over.jpg); }

#body {	background:url(../images/nav_body_up.jpg); width:67px; }
#body a:hover {	background:url(../images/nav_body_over.jpg); }

#men { background:url(../images/nav_men_up.jpg); width:65px; }
#men a:hover { background:url(../images/nav_men_over.jpg); }

#skin {	background:url(../images/nav_skin_up.jpg); width:101px; }
#skin a:hover { background:url(../images/nav_skin_over.jpg); }

#gallery { background:url(../images/nav_gallery_up.jpg); width:99px; }
#gallery a:hover { background:url(../images/nav_gallery_over.jpg); }

#contact { background:url(../images/nav_contact_up.jpg); width:115px; }
#contact a:hover { background:url(../images/nav_contact_over.jpg); }


/* Dropdown Navigation Style - References "Dropdown Script" in the "_javascript/scripts.js" file. This hack allows "LI" tags to use the ":hover" attribute in IE (this is already enabled in most modern browsers besides IE... stupid IE!!!). To use simply add ".over" to your "Li" (be aware that you must also still declare the hover state for browsers other then IE.)  */

ul#nav li ul { /* Dropdown Hiding */
	position:absolute;
	margin-left:-5000px;
}

ul#nav li:hover ul { /*Dropdown Hover Reappear */
	position:absolute;
	margin:0;
}
ul#nav li.over ul { /* IE Hack (References JS tag) */
	position:absolute;
	margin:0px;
}

ul#nav li ul li a { /* Dropdown Styles */
	font: 11px Arial;
	padding: 5px;
	color: #000; 
	width: 125px;
	height: 20px;
	background: #FCEAA9;
}

ul#nav li ul li a:hover { /* Dropdown Hover Style */
	text-decoration: underline; 
	background: #77815C;
}

/* LeftBox */
#LeftBox { 
width:477px; 
float:left;
}
	#AboutDoc{
	width:477px;
	background:url(../images/AboutDocBG.gif) repeat-y;
	}
		#AboutDocText{
		margin:0 30px 0 50px;
		width:397px;
		display:table;
		}
		#AboutDocText h1, h2, p{
		padding:0 0 10px 0;
		}
		#AboutDocText ul{
		padding:0 30px 10px 50px;
		}
	#HeaderProc{			
	background:url(../images/HeaderProc.gif);
	width:477px;
	height:70px;
	display:block;
	}
	#BottomAbout{			
	background:url(../images/BottomAbout.gif);
	width:477px;
	height:70px;
	display:block;
	}
	#Proc{
	background:url(../images/ProcBG.gif);
	width:477px;	
	}
		#ProcFace{
		background:url(../images/Proc_Header_Face.gif) no-repeat;
		padding:70px 0 0 0;
		}
			#ProcFace h1, h2, p{
			padding:0 30px 10px 50px;
			}
		#ProcBreast{
		background:url(../images/Proc_Header_Breast.gif) no-repeat;
		padding:70px 0 0 0;
		}
			#ProcBreast h1, h2, p{
			padding:0 30px 10px 50px;
			}
		#ProcBody{
		background:url(../images/Proc_Header_Body.gif) no-repeat;
		padding:70px 0 0 0;
		}
			#ProcBody h1, h2, p{
			padding:0 30px 10px 50px;
			}
		#ProcMale{
		background:url(../images/Proc_Header_Male.gif) no-repeat;
		padding:70px 0 0 0;
		}
			#ProcMale h1, h2, p{
			padding:0 30px 10px 50px;
			}
		#ProcBottom{
		background:url(../images/ProcBottom.gif);
		width:477px;	
		height:16px;
		font-size:12px;
		}
		
/* RightBox */
#home-right-col { 
width: 283px; 
background: url(../images/right_col_home.gif) no-repeat;
float: left; 
} 

/* Footer */
#footer { background:url(../images/footer.jpg) no-repeat; width: 760px; height: 145px; clear: both; }
#footer p { font-size: 12px; color: #FFF; text-align: center; }
#footer a { color: #FFF; text-decoration: underline; }
#footer a:hover { color: #660000; background: #FFF; text-decoration: none; }

#Parity{
display:none;
}