/* page attributes */
body { background: url(../images/index/bg-body.gif) repeat-x top left #BABDA1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; margin: 0 auto 0 auto; padding: 0px; text-align:left;  }
h1, h2, h3, p, ul, li{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; }
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: underline; }
a:hover { color: #4F020F; }
a img {border:0;}
li {margin-bottom:8px;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight:bold; color: #fff; padding:10px 15px 0 45px; margin: 0; clear:left; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight:bold; color: #fff; padding:10px 15px 0 45px; margin: 0; clear:left; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #fff; padding:10px 15px 0 45px; margin: 0; }


/* classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.bold { font-weight: bold; }
.underline { text-decoration:underline;}
.hide { display: none; }
.thumbs { margin: 2px 5px 0px 5px; }
.link {color:#FFDC00; text-align:right; text-decoration:none; font-size:11px; font-weight:bold;}
.back-to-top {text-align: right; display:block;}
.clear {clear: both; height: .1em;}

/* skeleton */
#wrap { width: 770px; text-align: left;  margin: 0 auto 0 auto; }
#top { background: url(../images/index/top.gif) no-repeat top left; width:770px; padding-top:132px;}
#banner { background: url(../images/index/banner.jpg) no-repeat top left; width: 558px; height:298px; float:left;}
	/* index page link within #banner */		
	#banner a {	
		position:absolute;
		left:163px;
		width:474px;
		top:23px;
		height:83px; 
		}
	#banner a span {
		display:none;
  }
#nav-01-side { background: url(../images/index/nav-01-side.gif) no-repeat top left; width:35px; height:298px; float:left;}
#div-horizontal { background: url(../images/index/div-horiz.gif) no-repeat top left; width:770px; height:43px; clear:left; }
#header-three { background: url(../images/index/header-three.gif) no-repeat top left; width:770px; padding-top:28px; }
#wrap-body-index { background:  url(../images/index/bg-index.gif) repeat-y top left; width:770px; float:left;}
#wrap-body-index:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#column-left { width:228px; padding-top: 8px; float:left;}
#column-left p { padding: 0 15px 0 20px; }
#column-left h1 { padding: 0 15px 0 20px; }
#column-middle { width:313px; padding-top: 8px; float:left; }
#column-middle p {padding: 0 15px 0 20px;}
#column-middle h2 {padding: 0 15px 0 20px;}
#column-right { width: 228px; padding-top: 8px; float:left; }
#column-right p { padding: 0 15px 0 20px; font-size:11px;}
#column-right h1 { padding: 0 15px 0 20px; font-size:11px;}

#subheader-breastcancer { background: url(../images/index/subheader-breastcancer.jpg) no-repeat top left; width:313px; padding-top:110px; }
#subheader-ourlocations { background: url(../images/index/subheader-ourlocations.gif) no-repeat top left; width:228px; padding-top:40px;}
#subheader-ourlocations p { padding: 0 25px 0 30px; font-size:11px; }

#gartside-btn { width:155px; height:61px; padding:10px 0px 10px 31px; }
#announcement { width:186px; height:132px; padding:35px 0px 0px 25px; }

#bottom { background: url(../images/index/bottom-index.gif) no-repeat bottom left; width: 770px; height:61px; clear:left; }

/* skeleton inside */
#wrap-body-inside { background:  url(../images/inside/bg-inside.gif) repeat-y top left; width:770px; float:left;}
#wrap-body-inside:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#banner-inside { background: url(../images/inside/banner-inside.jpg) no-repeat top left; width: 558px; height:298px; float:left;}
#inside-column-left { width:542px; padding-top:8px; float:left;}
#inside-column-left ul {padding:0 20px 0px 45px; margin:0 20px 0px 45px;}
#inside-column-left p { padding: 0 20px 0 45px; }
#inside-column-right { width: 228px; padding-top: 8px; float:left;}
#inside-column-right p { padding: 0 15px 0 20px; font-size:11px;}
#bottom-inside { background: url(../images/inside/bottom-inside.gif) no-repeat bottom left; width: 770px; height:61px; clear:left; }

#header-about {background: url(../images/inside/header-about.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-breastcancer {background: url(../images/inside/header-breastcancer.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-silicone {background: url(../images/inside/header-silicone.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-contact {background: url(../images/inside/header-contact.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-thanks {background: url(../images/inside/header-thankyou.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-meet {background: url(../images/inside/header-meet.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-procedures-body {background: url(../images/inside/header-procedures-body.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-procedures-breast {background: url(../images/inside/header-procedures-breast.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-procedures-face {background: url(../images/inside/header-procedures-face.gif) no-repeat top left; width:770px; padding-top:28px;}
#header-sitemap {background: url(../images/inside/header-sitemap.gif) no-repeat top left; width:770px; padding-top:28px;}
#pop-up { background-image:none; background-color:#BABDA1; margin:10px auto; padding-left:30px; padding-right:30px; }
#pop-up p, #pop-up ul, #pop-up ol, #pop-up li { color:#000; font-size:11px; }

/* bna skeleton */
.bna-thumbs {width: 225px; font-weight:bold; margin-bottom:5px; float:left;}
.wrap-bna-thumbs { margin-left:30px; margin-right:30px;}


/* footer */
#footer { width: 770px; margin: 0 auto 0 auto; text-align:center; }
#footer p { color:#606344; font-size:11px; margin:0; padding-bottom:8px;}
#footer a { text-decoration: none; font-size:11px; color:#606344; }
#footer a:hover { text-decoration: underline;  }
#footer-column-1 p { margin-left: 20px; font-size:11px; }
#footer-column-2 p { margin-right: 15px;  }   

/* sprite nav-01 */
#nav-01 {background:  url(../images/index/nav-01.gif) no-repeat top left; width: 177px; height: 298px; position: relative; margin: 0px; padding: 0px; float:left;}
#nav-01 li {margin: 0; padding: 0; list-style: none; position: absolute;}
#nav-01 li, #nav-01 a {height: 22px; display: block;}
#nav-01 span {display: none;}

#nav-01-01 { top: 0px; left: 0; width: 177px;}
#nav-01-02 { top: 71px; left: 0; width: 177px;}
#nav-01-03 { top: 98px; left: 0; width: 177px;}
#nav-01-04 { top: 125px; left: 0; width: 177px;}
#nav-01-05 { top: 152px; left: 0; width: 177px;}
#nav-01-06 { top: 179px; left: 0; width: 177px;}
#nav-01-07 { top: 206px; left: 0; width: 177px;}
#nav-01-08 { top: 233px; left: 0; width: 177px;}
#nav-01-09 { top: 260px; left: 0; width: 177px;}

#nav-01-02 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -71px  no-repeat;}
#nav-01-03 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -98px  no-repeat;}
#nav-01-04 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -125px  no-repeat;}
#nav-01-05 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -152px  no-repeat;}
#nav-01-06 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -179px  no-repeat;}
#nav-01-07 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -206px  no-repeat;}
#nav-01-08 a:hover { background: transparent url(../images/index/nav-01.gif) -177px  -233px  no-repeat;}

/* sprite nav-02 */
#nav-02-wrap {padding-left:25px;}
#nav-02 {background:  url(../images/index/nav-02.gif) no-repeat top left; width: 187px; height: 268px; position: relative; margin: 0; padding: 0; }
#nav-02 li {margin: 0; padding: 0; list-style: none; position: absolute;}
#nav-02 li, #nav-02 a {height: 59px; display: block;}
#nav-02 span {display: none;}

#nav-02-01 { top: 0px; left: 0; width: 187px;}
#nav-02-02 { top: 5px; left: 0; width: 187px;}
#nav-02-03 { top: 71px; left: 0; width: 187px;}
#nav-02-04 { top: 137px; left: 0; width: 187px;}
#nav-02-05 { top: 203px; left: 0; width: 187px;}
#nav-02-06 { top: 263px; left: 0; width: 187px;}

#nav-02-02 a:hover { background: transparent url(../images/index/nav-02.gif) -187px  -5px  no-repeat;}
#nav-02-03 a:hover { background: transparent url(../images/index/nav-02.gif) -187px  -71px  no-repeat;}
#nav-02-04 a:hover { background: transparent url(../images/index/nav-02.gif) -187px  -137px  no-repeat;}
#nav-02-05 a:hover { background: transparent url(../images/index/nav-02.gif) -187px  -203px  no-repeat;}

/* sprite inside-nav-01 */
#nav-01-inside {background:  url(../images/inside/nav-01-inside.gif) no-repeat top left; width: 177px; height: 298px; position: relative; margin: 0px; padding: 0px; float:left;}
#nav-01-inside li {margin: 0; padding: 0; list-style: none; position: absolute;}
#nav-01-inside li, #nav-01-inside a {height: 22px; display: block;}
#nav-01-inside span {display: none;}

#nav-00-inside-00 { top: 0px; left: 0; width: 177px;}
#nav-01-inside-01 { top: 44px; left: 0; width: 177px;}
#nav-01-inside-02 { top: 71px; left: 0; width: 177px;}
#nav-01-inside-03 { top: 98px; left: 0; width: 177px;}
#nav-01-inside-04 { top: 125px; left: 0; width: 177px;}
#nav-01-inside-05 { top: 152px; left: 0; width: 177px;}
#nav-01-inside-06 { top: 179px; left: 0; width: 177px;}
#nav-01-inside-07 { top: 206px; left: 0; width: 177px;}
#nav-01-inside-08 { top: 233px; left: 0; width: 177px;}
#nav-01-inside-09 { top: 260px; left: 0; width: 177px;}

#nav-01-inside-01 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -44px  no-repeat;}
#nav-01-inside-02 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -71px  no-repeat;}
#nav-01-inside-03 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -98px  no-repeat;}
#nav-01-inside-04 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -125px  no-repeat;}
#nav-01-inside-05 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -152px  no-repeat;}
#nav-01-inside-06 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -179px  no-repeat;}
#nav-01-inside-07 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -206px  no-repeat;}
#nav-01-inside-08 a:hover { background: transparent url(../images/inside/nav-01-inside.gif) -177px  -233px  no-repeat;}


/*------------------------- FORMS -----------------------------------*/
/* ------------------------ form elements ------------------------ */
fieldset { border: none;}
form {
	width:150px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; color: #fff;} 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #5E6239;
	color:#81846B;
	width:149px; /* 5 pixles smaller than form width !important */
	height:20px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:.95em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:68px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ 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:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/index/submit.gif");
	width:59px;
	height:19px;
	border:none;
	cursor:pointer;
	}

#inside-column-left form{margin-left: 30px;}
#inside-column-right form,  #column-right form {padding-left: 25px;}
