@import url("global.css");

/* ======================================== Sub page Hero Images ========================================= */

#Masthead{
height:272px;
margin:0px 0 0 0;
width:1000px;
}
	#About #Masthead{
	background:url(../images/Hero_About.jpg) no-repeat;
	}
	#ProceduresPage #Masthead{
	background:url(../images/Hero_Procedures.jpg) no-repeat;
	}
	#Face #Masthead{
	background:url(../images/Hero_face.jpg) no-repeat;
	}
	#Breast #Masthead{
	background:url(../images/Hero_breast.jpg) no-repeat;
	}
	#Body #Masthead{
	background:url(../images/Hero_body.jpg) no-repeat;
	}
	#Skin #Masthead{
	background:url(../images/Hero_skin.jpg) no-repeat;
	}
	#Gallery #Masthead{
	background:url(../images/Hero_Gallery.jpg) no-repeat;
	}
	#Articles #Masthead{
	background:url(../images/Hero_Articles.jpg) no-repeat;
	}
	#ContactPage #Masthead{
	background:url(../images/Hero_Contact.jpg) no-repeat;
	}				
	#MediaPage #Masthead{
	background:url(../images/Hero_Media.jpg) no-repeat;
	}	
	#Financing #Masthead{
	background:url(../images/Hero_financing.jpg) no-repeat;
	}	

	#NavBox{
	background:none;
	padding:235px 0 0;
	}

/* ======================================== ContentBox ========================================= */

#ContentBox {
	background:url(../images/BG_ContentBoxSubPage.gif) repeat-y;
	width:958px;
	margin:0 0 0 18px;
	padding-bottom:20px;
}

/* ContentLeft */

#ContentLeft {
	width:676px;
	float:left;
}
#HDRContentLeft {
	background:url(../images/HDR_BrownBar.jpg) no-repeat;
	width:676px;
	height:69px;
}
	#HDRContentLeft h1{
	text-transform:uppercase;
	}
#ContentMain {
	padding:20px 0 0 0;
}
	#ContentMain h2{
	font:20px;
}

/* Skin Page */	
.SkinList {
padding:0 0 0 30px;
}	
	.SkinList li{
	float:left;
	margin:0 20px 0 20px;
	width:220px;
	}

/* ContentRight */

#ContentRight {
	width:282px;
	float:left;
}
#Contact {
	background:url(../images/HDR_Contact2.gif) no-repeat;
	width:262px; /* 282 */
	padding:90px 0 20px 20px;
}
/* old one 
#Contact input {
	width:198px;
	height:14px;
	margin:3px 0 0 0;
	padding:2px 0 0 2px;
	border:1px solid #544B3D;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
}
#Contact textarea {
	width:198px;
	height:60px;
	margin:3px 0 0 0;
	padding:2px 0 0 2px;
	border:1px solid #544B3D;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
}
#Contact .SubmitBTN {
	width:65px;
	height:17px;
	padding:0;
	margin-top:8px;
	background:#D1AF8A;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}
*/
#GalleryPreview {
	width:242px; /* 282 */
	background:url(../images/BG_Gallery2.gif);
	display:table;
	padding:80px 0 0 40px;	
}

/* ======================================== ContentBox2 ========================================= */

#ContentBox2 {
	width:1000px;
	background:#ECE1B3;
	display:table;
	padding:0 0 20px 0;
}	
#HDRContentBox2 {
	background:url(../images/HDR_CosmeticProc.gif) no-repeat;
	width:1000px;
	height:69px;
}

/* ContentLeft2 */

#ContentLeft2 {
	width:752px;
	float:left;
}
#ProceduresBox {
	width:723px;
	background:url(../images/BG_ProceduresBox.gif) repeat-y;
	display:table;
	margin:0 0 0 20px;
}
	#Procedures {
		background:url(../images/ProceduresBox.jpg) no-repeat;
		width:723px;
		display:table;
		padding-top:130px;
		padding-bottom:40px;
	}
		#Procedures div {
			float:left;
			width:180px;
		}
#ProceduresBoxBTM {
	background:url(../images/ProceduresBoxBTM.gif) no-repeat;
	width:723px;
	height:5px;
	margin:0 0 0 20px;
}
#ThreeBoxes {
	background:url(../images/BG_ThreeBoxes.gif) repeat-y;
	width:721px;
	display:table;
	margin:10px 0 0 20px;
}
	#FeaturedProc {
		background:url(../images/HDR_FeaturedProc.jpg) no-repeat;
		width:230px;
		display:table;
		float:left;
		padding-top:150px;
		padding-bottom:10px;
	}
	#Insurance {
		background:url(../images/HDR_Insurance.gif) no-repeat;
		width:228px;
		display:table;
		float:left;
		margin-left:17px;
		padding-right:17px;	
		padding-top:120px;
	}
	#Financing {
		background:url(../images/HDR_Financing.gif) no-repeat;
		width:219px; /* 229px */
		padding:200px 10px 0 0;
		display:table;
		float:left;
	}
	
/* ContentRight2 */	
	
#ContentRight2 {
	width:238px; /* 248px */
	float:left;
	padding-left:10px;
}
	#HDRMedia {
		background:url(../images/HDR_Media.gif) no-repeat;
		width:217px;
		height:69px
	}
	#Media {
		width:217px;
		background:url(../images/BG_Media.gif) repeat-y;
		display:table;
	}
		#Media img {
			margin:12px 0 0 14px;
		}
		#ViewArticles {
			background:url(../images/ViewArticles.gif) no-repeat;
			width:217px;
			height:16px;
		}
			#ViewArticles a {
				width:100px;
				height:16px;
				display:block;
				float:right;
			}
#MediaSpotlight {
	background:url(../images/MediaSpotlight.jpg) no-repeat;
	width:216px;
	height:224px;
	margin:20px 0 0 0;
}
	#MediaSpotlight a {
	display:block;
	width:216px;
	height:224px;
}
/* GalleryContent */	
#GalleryContentBox{
background:url(../images/BG_GalleryContent.gif) repeat-y;
font:25px Arial, Helvetica, sans-serif;
color:#ECE1B3;
margin:0 auto;
padding:0 0 10px 0;
width:958px;
}
#GalleryBox{
background:url(../images/BG_GalleryContent.gif) repeat-y;
font:25px Arial, Helvetica, sans-serif;
color:#ECE1B3;
margin:0 auto;
padding:0 0 10px 0;
width:958px;
}
	#GalleryBox h1{
	background:#605041;
	font:25px Arial, Helvetica, sans-serif;
	color:#ECE1B3;
	text-transform:uppercase;
	margin:0 0 30px 0;
	padding:44px 0 0 30px;
	}
	#GalleryBox ul{	
	padding:0 0 0 20px;
	}
	#GalleryBox li{	
	color:#663300;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	float:left;	
	text-align:center;
	margin: 0 20px 20px 20px;
	width:400px;
	}
	#GalleryBox img{	
	border:1px solid #666;
	margin:0 0 5px 0;
	padding:2px;	
	}
	#GalleryBox p{
	padding:0 40px 10px 40px;
	}


	/* ======================================== Other ========================================= */
.BackToTop {
display:block;
color:#663300;
font:11px Arial, Helvetica, sans-serif;
padding:20px 0 0 0;
}	
.BackToTop a:hover{
color:#333;
}	
hr{
margin:20px 0 20px 0;
}
.CosmetAssure_List li{
list-style-type:disc;
}
/* ======================================== Consultation Form ========================================= */
#ContactForm ul, #ContactForm li{
list-style:none;
}
#ContactForm li{ /* Vertical spacing between form fields */
margin:4px 0;
}
#ContactForm label{ /* Styles for descriptions */
width:150px;
display:block;
float:left;
}
#ContactForm input{
border:1px solid #333300;
width:200px;
}
#ContactForm textarea{
border:1px solid #333300;
width:200px;
height:80px;
}
#ContactForm .SubmitBtn{
height:20px;
width:100px;
background:#FFC800;
color:#333;
}

/* ======================================== Footer ========================================= */
#Footer{
background:url(../images/FooterSubpage.jpg) no-repeat;
color:#FFF;
font:11px Arial;
padding:30px 0 10px 0;
text-align:center;
}
#Footer a{
color:#FFF;
}

/* ====================================== Media ========================================== */
.Articles{
padding:0 0 0 40px;
}
.Articles a{
border:1px solid black;
padding:2px;
margin:0 10px 10px 10px;
float:left;
}