/* 
 ----------------------------------------------------------------------------

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #b1c8ab url("../images/bg-body.gif") top left repeat;
	text-align:center;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#014762; 
	}

p{ margin-bottom:10px; }

h1, h2	{ display:none; }
body#index h1 {display:block; padding:5px 60px 0px 15px;}

h3	{ font-size:16px;
	font-weight: 100;
	color:#7772a7;
	padding-bottom:3px;
	 }
a:link, a:visited {
	color:#014762;
	text-decoration: underline;
	}

a:hover, a:active {
	color:#7772a7;
	text-decoration: underline;
	}

/* quick contact */
#quickcontact { width: 156px; margin: 0; padding: 0 0 0 60px; }
#quickcontact form { width:156px; }
#quickcontact div { margin-top:2px; padding:0px; }
.fields { display: block; width: 156px; height: 21px; background: url(../images/field.gif) no-repeat top left; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #545176; border: 0; padding: 2px; } 
.bigfields { display: block; width: 156px; height: 73px; background: transparent; overflow: auto; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #545176; border: 0; padding-top:2px; }
.bg-bigfields {background: url(../images/bigfield.gif) no-repeat; width:156px; height:73px;}

/* main contact */
#contactform { text-align: center; width: 400px; margin: 30px 15px 40px 25px; }
#contactform p { font-size:12px;}
#contactform div { padding: 5px; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #014762; text-align: right; }
#contactform div p { margin: 0px 80px 0px 0px; }
#label { font-weight: bold; text-align: left; }
.formsingle { width: 155px; height: 22px; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.bigfields2 { width: 250px; height: 70px; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.smallfield { width: 100px; height: 22px; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; }

/* Added by Ceatus 040708 */
.subject	{ display: none; }
.error, .formsingle.required, .required	{ background: #fcc; color: #c00; border: 1px solid #c00; }
.formsingle.required	{ width: 157px; w\idth: 155px; height: 24px; he\ight: 22px; }

/* submit button */

.submitButtonHover {cursor: pointer; width:63px; height:23px; background: url(../images/submit-hover.gif) no-repeat top left; border: none; }
.submitButton {cursor: pointer; width:63px; height:23px; background: url(../images/submit.gif) no-repeat top left; border: none ; }


/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }

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

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background: url("../images/btn-submit.gif"); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}
	
.docs {
	float:left;
	padding-right:5px;
	}
	
.mags {
	float:left;
	padding-right:5px;
	}	
	
.redtxt {color: #990000;}

/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background:url("../images/bg-wrap.gif") repeat-y; 
	width:769px; 
	margin:0 auto; 
	text-align:left;
	margin-bottom:10px;
	}
	
#header {
	position:relative;
	background:url("../images/header.jpg") left top no-repeat;
	width:769px;
	height:136px;
	}
	#header span {display:none;}
	
/* Top Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("../images/topnav.jpg") no-repeat; 
	width:769px; 
	height:40px; 
	margin-bottom:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height: 40px; display: block; }

#nav li { float: left; list-style: none; display: inline; }

#nav-01 { width: 79px; margin-left: 12px;}
#nav-02 { width: 75px;}
#nav-03 { width: 74px;}
#nav-04 { width: 73px;}
#nav-05 { width: 75px;}
#nav-06 { width: 74px;}
#nav-07 { width: 73px;}
#nav-08 { width: 73px;}
#nav-09 { width: 74px;}
#nav-10 { width: 76px;}


#nav-01 a:hover {background: transparent url("../images/topnav.jpg") -12px -40px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/topnav.jpg") -91px -40px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/topnav.jpg") -166px -40px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/topnav.jpg") -240px -40px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/topnav.jpg") -313px -40px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/topnav.jpg") -388px -40px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/topnav.jpg") -462px -40px no-repeat;}
#nav-08 a:hover {background: transparent url("../images/topnav.jpg") -535px -40px no-repeat;}
#nav-09 a:hover {background: transparent url("../images/topnav.jpg") -608px -40px no-repeat;}
#nav-10 a:hover {background: transparent url("../images/topnav.jpg") -682px -40px no-repeat;}

/* ------------------------------------------------------------------------- */

#flash {
	background:url("../images/flash-bkgr.jpg") left top no-repeat;
	width:769px;
	height:217px;
	}
 
#column-left { 
	width:450px; 
	float:left;
	padding-left:12px; 
	}
	
	#column-left p {
	padding: 5px 60px 0 15px;
	}
	
	#column-left span {
	font-size:14px;
	font-weight: bold;
	}
	
#sub-column-left { 
	width:296px; 
	float:left;
	padding-left:18px;
	margin-top:5px; 
	}
		
	
#blurb_1_title {
	background:url("../images/welcome-header.gif") left top no-repeat;
	width:450px;
	height:54px;
	}
	#blurb_1_title span {display:none;}
	/* more
 * ------------------------------------------------------------------------- */

.more {
	background: url("../images/more.gif") top left no-repeat;					
	width: 58px;	
	height: 14px;
	display:block; 
	margin-bottom:0px;
	margin-left:320px;
	}
	
.more:hover { 
	background-position: 0px -14px; 
  	} 
 
      
.more span { 
	display:none; 
	} 
/* ------------------------------------------------------------------------- */

#divider {
	background: url("../images/divider.gif") top left no-repeat;					
	width: 450px;	
	height: 11px;
	margin-top:10px;
	}
	
#blurb_2_title {
	background:url("../images/meet-doctor-header.gif") left top no-repeat;
	width:450px;
	height:41px;
	}
	
#blurb_3_title {
	background:url("../images/media-header.gif") left top no-repeat;
	width:296px;
	height:38px;
	
	}
	
#blurb_5 { width: 450px;}
#blurb_5_title {
	background:url("../images/procedures-header.gif") left top no-repeat;
	width:450px;
	height:38px;
	}

	
#asps {
	background:url("../images/asps.gif") left top no-repeat;
	width:111px;
	height:83px;
	margin-left:51px;
	float:left;
	}
	
#cgps {
	margin-top:50px;
	padding-left:20px;
	float:left;
	}
  
#column-right { 
	width:296px; 
	float:left; 
	}
	
#sub-column-right { 
	width:438px; 
	float:left;
	padding-bottom:20px; 
	}
	
#body_content a:link, #body_content a:visited {
	color:#7772a7;
	text-decoration: underline;
	}

#body_content a:hover, #body_content a:active {
	color:#7772a7;
	text-decoration: none;
	}

#body_content ul {
	padding-bottom:10px;
	}

#body_content li {
	color:#7772a7;
	margin-left:40px;
	padding-left: 15px;
	background-image: url(../images/dot-purp.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#sub-column-right p {
padding-right:10px;	}

#sub-column-right p.intro {
	font-size:12px;
	}

#bna-left-col {
	width:218px;
	float:left;
	}
	
#bna-right-col {
	width:218px;
	float:left;
	}

.procedure-description {
 float:right;
 width:156px;
 margin:0px 10px 0px 10px;
}

.procedure-description p {
font-size:10px;
line-height:12px;
padding-top:8px;
}	
		
#procedures-header {
	background:url("../images/procedures-header.gif") left top no-repeat;
	width:296px;
	height:41px;
	}
	
#non-surg-header {
	background:url("../images/non-surg-header.gif") left top no-repeat;
	width:296px;
	height:28px;
	}
	
#contact-us-top {
	background:url("../images/purple-btn-contact.jpg") top left no-repeat;
	width:450px;
	height:72px;
	position:relative;
	}
	#contact-us-top a { width:103px; height:20px; top:32px; left:263px; position:absolute }
	#contact-us-top a span { display:none; }
	
.non-surg-button {
	background: url("../images/non-surg-button.jpg") top left no-repeat;					
	width: 296px;	
	height: 107px;
	display:block; 
	margin-bottom:10px;
	}
	
.non-surg-button:hover  { 
	background-position: 0px -107px; 
  	} 
 
      
.non-surg-button span { 
	display:none; 
	}
	
#bna-title { background: url("../images/bna-title.gif") top left no-repeat;					
	width: 409px;	
	height: 61px;
	}
	
	/* bna Nav
 * ------------------------------------------------------------------------- */

#bna-nav { 
	background: url("../images/bna-nav.jpg") no-repeat; 
	width:409px; 
	height:154px; 
	margin-bottom:0;
	margin-left:20px; 
	}

#bna-nav span { display: none; }

#bna-nav li, #bna-nav a { height: 154px; display: block; }

#bna-nav li { float: left; list-style: none; display: inline; }

#bna-nav-01 { width: 80px; margin-left: 0px;}
#bna-nav-02 { width: 80px;}
#bna-nav-03 { width: 80px;}
#bna-nav-04 { width: 80px;}
#bna-nav-05 { width: 80px;}


#bna-nav-01 a:hover {background: transparent url("../images/bna-nav.jpg") 0px -154px no-repeat;}
#bna-nav-02 a:hover {background: transparent url("../images/bna-nav.jpg") -80px -154px no-repeat;}
#bna-nav-03 a:hover {background: transparent url("../images/bna-nav.jpg") -160px -154px no-repeat;}
#bna-nav-04 a:hover {background: transparent url("../images/bna-nav.jpg") -240px -154px no-repeat;}
#bna-nav-05 a:hover {background: transparent url("../images/bna-nav.jpg") -320px -154px no-repeat;}

/* ------------------------------------------------------------------------- */
	 			
	
#body_content_title {
	width:438px;
	background: url(../images/sub-header2.gif) no-repeat; 
	padding: 35px 0px 12px 0px;
	}
#body_content_title h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #7772a7;  display:block; padding: 0px 0px 5px 0px;  }
	

/* Procedure Nav
 * ------------------------------------------------------------------------- */

#bna p { padding: 0px 10px 10px 20px;}
	
#procednav {
	position: relative;
	background: url("../images/procedurenav.jpg") top left no-repeat;					
	width: 296px;	
	height: 392px;
	float:left;
	}

#procednav span { display: none; }

#procednav li {
	position:absolute;
	width: 296px;
	}

#procednav li, #procednav a {
	height: 79px;			
	display: block;
	}


#procednav-01 { top:  8px;  margin-top:0px; }	
#procednav-02 { top:  105px; }
#procednav-03 { top:  201px; }
#procednav-04 { top:  298px; }


#procednav-01, #procednav-02, #procednav-03, #procednav-04 { left: 0px; width: 296px; }


#procednav-01 a:hover { background: transparent url("../images/procedurenav.jpg") -296px   -8px no-repeat; }
#procednav-02 a:hover { background: transparent url("../images/procedurenav.jpg") -296px  -105px no-repeat; }
#procednav-03 a:hover { background: transparent url("../images/procedurenav.jpg") -296px  -201px no-repeat; }
#procednav-04 a:hover { background: transparent url("../images/procedurenav.jpg") -296px  -298px no-repeat;}
/* ------------------------------------------------------------------------- */

#contact-header {
	background:url("../images/contact-header.gif") left top no-repeat;
	width:296px;
	height:96px;
	}
	

#blurb_4_title {
	background:url("../images/location-header.gif") left top no-repeat;
	width:296px;
	height:39px;
	}

#blurb_4 span {
	font-size:12px;
	font-weight:bold;
	}
	
#location2 {
	float:left;
	width:148px;
	}
	
#location3 {
	float:left;
	width:148px;
	}
	
#blurb_1_int {
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	list-style: none;
	}
	
	#blurb_1_body_int {
	padding-left:60px;
	}
	
#blurb_1_title_int {
	background:url("../images/sub-location-header.gif") left top no-repeat;
	width:295px;
	height:40px;
	}
	
#blurb_1_int a:link, #blurb_1_int a:visited {
	color:#014762;
	text-decoration: none;
	}

#blurb_1_int a:hover, #blurb_1_int a:active {
	color:#014762;
	text-decoration: underline;
	}
	
#blurb_1_int li {
	padding-left: 15px;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

	

.directions {
	background: url("../images/directions.gif") top left no-repeat;					
	width: 122px;	
	height: 16px;
	display:block; 
	margin-bottom:10px;
	}
	
.directions:hover { 
	background-position: 0px -16px; 
  	} 
 
      
.directions span { 
	display:none; 
	}

.maps { text-align:center; padding-top:20px; padding-bottom:40px;} 

.maps img { padding-bottom:20px;} 			

	
 
#bottom-wrap { 
	background:url("../images/btm-wrap.jpg") no-repeat; 
	width:769px; 
	height:44px;
	 
	clear:both; 
	overflow:hidden; 
	}


/* inside framework
 * ------------------------------------------------------------------------- */
   
#subhead { 
	background:url("../images/subhead.gif"); 
	height:20px; 
	}

/* -- OR -- */

body#face #subhead {
	background:url("../images/subhead-face.gif"); 
	height:20px;
	}

body#breast #subhead {
	background:url("../images/subhead-breast.gif"); 
	height:20px;
	}


#carecredit {
	padding: 0 90px;
	margin: 0 0 30px 0;
}

/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:760px; 
	margin:0 auto; 
	text-align:center;
	padding-bottom:10px; 
	}
	
#footer p {
	color: #014762;
	}	

#footer a:link, #footer a:visited {
	color:#dff2f9;
	}

#footer a:hover, #footer a:active {
	color:#014762;
	}

#footer ul { margin-bottom:10px; }

#footer li { 
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #014762;
	}

	#footer li.first { border: none; }
	
	
#level-1 { padding: 0 0 0 10px;}
#level-2 { padding: 0 0 0 50px;}
#level-3 { padding: 0 0 0 90px;}

#right-pad {padding-right:10px;}