/* ------------------------------------------------------------------------------------- */
/* Copyright Rosemont Media 2009. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


:link,:visited { text-decoration:none }


ul,ol { list-style:none }


h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }


a img,:link img,:visited img { border:none }
a {outline:none}


/* more varnish stripping as necessary...                             */




/* basic elements
 * ------------------------------------------------------------------------------------- */


body {
	background: #BEA074 url(../images/bg.gif) top left repeat-x;
	text-align: center;
}


p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}


a img, :link img, :visited img { border: none }


a:link, a:visited {
	color: #700000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #BEA074;
	text-decoration: underline;
}


/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper-index {
	width: 780px;
	margin: 0 auto;
	background: url(../images/index/bg_index.jpg) left top repeat-y;
	text-align: left;
}


#wrapper-sub {
	width: 780px;
	margin: 0 auto;
	background: url(../images/sub/bg_sub.jpg) left top repeat-y;
	text-align: left;
}


/* HORIZONTAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;					
	width: 780px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}


#menu li, #menu a {height: 35px; display: block;}
#menu-01 {left: 33px; width: 79px;}
#menu-02 {left: 112px; width: 148px;}
#menu-03 {left: 260px; width: 146px;}
#menu-04 {left: 406px; width: 112px;}
#menu-05 {left: 528px; width: 118px;}
#menu-06 {left: 646px; width: 105px;}


#menu-01 a:hover {background: transparent url(../images/menu.jpg) -33px -35px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -112px -35px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -260px -35px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -406px -35px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -528px -35px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.jpg) -646px -35px no-repeat;}


/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#button {
	background: url(../images/index/buttons.jpg) left top no-repeat;					
	width: 200px;
	height: 215px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#button li span {display: none;}
#button li {margin: 0; padding: 0; list-style: none; position: absolute;}


#button li, #button a {height: 60px; display: block;}
#button-01 {top: 11px;}
#button-02 {top: 79px;}
#button-03 {top: 147px;}


#button-01, #button-02, #button-03 { left: 0px; width: 200px; }


#button-01 a:hover {background: transparent url(../images/index/buttons.jpg) -200px -11px no-repeat;}
#button-02 a:hover {background: transparent url(../images/index/buttons.jpg) -200px -79px no-repeat;}
#button-03 a:hover {background: transparent url(../images/index/buttons.jpg) -200px -147px no-repeat;}


/* image replacement
 * ------------------------------------------------------------------------------------- */
#header {
	background: url(../images/header.jpg) left top no-repeat;
	width: 780px;
	height: 85px;
}


#banner {
	width: 780px;
	height: 225px;
}
	.index {
		background: url(../images/banner/banner_index.jpg) left top no-repeat;
	}
	.about {
		background: url(../images/banner/banner_about.jpg) left top no-repeat;
	}
	.breast {
		background: url(../images/banner/banner_breast.jpg) left top no-repeat;
	}
	.face {
		background: url(../images/banner/banner_face.jpg) left top no-repeat;
	}
	.nonsurgery {
		background: url(../images/banner/banner_nonsurgery.jpg) left top no-repeat;
	}
	.contact {
		background: url(../images/banner/banner_contact.jpg) left top no-repeat;
	}


.contact-us {
	background: url(../images/contact_us.jpg) left top no-repeat;
}


.our-office {
	background: url(../images/our_office.jpg) left top no-repeat;
	width: 275px;
	height: 45px;
}


.location-title {
	background: url(../images/sub/location_title.jpg) left top no-repeat;
}


.directions {
	background: url(../images/sub/directions.jpg) left top no-repeat;
	width: 275px;
	height: 45px;
}


.contact-footer {
	background: url(../images/index/footer_content_left.jpg) left top no-repeat;
	width: 275px;
	height: 40px;
}


.meet-title {
	background: url(../images/index/meet_dr.jpg) left top no-repeat;
	width: 305px;
	height: 45px;
}


#welcome-title {
	background: url(../images/index/welcome.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}


#welcome-img {
	background: url(../images/index/welcome_img.jpg) left top no-repeat;
	width: 205px;
	height: 174px;
	float: right;
}


#welcome-footer {
	background: url(../images/index/footer_welcome.jpg) left top no-repeat;
	width: 505px;
	height: 30px;
}


#about-title {
	background: url(../images/page_titles/about.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}


#breast-title {
	background: url(../images/page_titles/breast_body.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}


#contact-title {
	background: url(../images/page_titles/contact.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}

#thankyou {
	background: url(../images/page_titles/thankyou.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}

#facial-title {
	background: url(../images/page_titles/facial.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}


#nonsurgical-title {
	background: url(../images/page_titles/non_surgical.jpg) left top no-repeat;
	width: 505px;
	height: 90px;
}


/* content
 * ------------------------------------------------------------------------------------- */
 #content-container {
 	width: 780px;
	margin: 0 auto;
	padding: 0;
}


#content-right {
	width: 505px;
	float: right;
}


#welcome {
	width: 505px;
	background: url(../images/index/bg_welcome.jpg) left top repeat-y;
}
	#welcome p {
		padding-top: 10px;
		margin-left: 30px;
		margin-right: 50px;
	}
	
#meet-dr {
	width: 293px;
	float: right;
	background: url(../images/index/meet_dr.jpg) right top no-repeat;
}
	#meet-dr p {
		margin-left: 28px;
		margin-right: 50px;
		padding-top: 45px;
	}
#buttons {
	width: 200px;
	float: right;
}


#content-right-sub {
	width: 505px;
	float: right;
}
	#content-right-sub p {
		margin: 10px 50px 5px 30px;
	}
	#content-right-sub p.heading1 {
		margin: 10px 50px 5px 30px;
		font-size: 15px;
		font-weight: bold;
		color: #660000;
	}
	#content-right-sub p.heading2 {
		margin: 10px 50px 5px 30px;
		font-size: 14px;
		font-weight: bold;
		color: #660000;


	}
	#content-right-sub p.heading3 {

		margin: 10px 50px 5px 30px;
		font-size: 13px;
		font-weight: bold;
		color: #660000;
	}


#content-left {
	width: 275px;
	float: right;
}
	#content-left p {
		margin-top: 10px;
		margin-left: 77px;
	}
	.contact-pg {
	padding-top: 120px;

	padding-bottom: 15px;
	padding-right: 25px;
	}
	#content-left form {
		margin-top: 120px;
		margin-left: 77px;
		margin-bottom: 15px;
	}
	#content-left img.map {
		margin-top: 15px;
		margin-left: 77px;
		margin-bottom: 15px;
	}
	
	#content-left img.augment{
		margin-top: 100px;
		margin-left: 60px;
	}
	
	#content-left img.reduc {
		margin-top: 600px;
		margin-left: 60px;
	}
	#content-left img.reduc2 {
		margin-top: 10px;
		margin-left: 60px;
	}
	
	#content-left img.abdom {
		margin-top: 10px;
		margin-left: 60px;
	}
	
	#content-left img.facelift {
		margin-top: 10px;
		margin-left: 60px;
	}
	
	#content-left img.bleph {
		margin-top: 10px;
		margin-left: 60px;
	}
	
	#content-left img.browlift {
		margin-top: 10px;
		margin-left: 60px;
	}
	
	#content-left img.rhino {
		margin-top: 10px;
		margin-left: 60px;
	}

#body {
 	width: 250px;
	float: left;
	padding-bottom: 20px;
}
	#body ul {
		padding-left: 43px;
		list-style-image: none;
	}


#breast {
	width: 200px;
	float: left;
}
	#breast ul {
		padding-left: 53px;
		list-style-image: none;
	}
#face-ul {
	width: 505px;
	float: left;
	padding-bottom: 20px;
}
	#face-ul ul {
		padding-left: 53px;
		list-style-image: none;
	}
	
#nonsurgical {
	width: 505px;
	float:left;
	padding-bottom: 20px;
}
	#nonsurgical ul {
		padding-left: 53px;
		list-style-image: none;
	}


/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer-index {
	background: url(../images/index/footer_index.jpg) left top no-repeat;
	width: 780px;
	height: 100px;
	clear: both;
}


#page-footer-sub {
	background: url(../images/sub/footer_sub.jpg) left top no-repeat;
	width: 780px;
	height: 100px;
	clear: both;
}


#footer {
	width: 760px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
}


	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #000000;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #ECE1CE;
		text-decoration: underline;
	}


/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border: 1px solid #AB5A53;
	background-color: #AB5A53;
	margin-bottom: 3px;
}


input.submit {
	border: none;
}
.quickcontact {
	width: 150px;
}


.top {
	display: block;
	text-align: right;
	font-size: 12px;
}


.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}


.big-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}


.big-form br {
	clear: left;
}


img.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}


img.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
div.clear {
	clear: both;
}

#ptt {
background:url("../images/ptt-over.gif") no-repeat;
width:200px;
height:89px;
margin-left:50px;
margin-top:100px;
}

#ptt a {
	position:absolute;
	height:89px;
	width:200px;
	}
	
#ptt a:hover{ background:transparent url("../images/ptt.jpg") no-repeat;}
#ptt a span {display:none;}

#contactBtn {display:block; 
width:184px; 
height:58px; 
background:url("../images/contactBtn.jpg");
text-indent:-9999px;
margin:52px 0 0 62px;
}

#contactBtn:hover {
	background:url("../images/contactBtn.jpg") bottom;
}



/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:0 0 0 243px; } /* defines placement of contact-main submit button */

fieldset, img, a img, :link img, :visited img {
border:0 none;
}