/* color palette

backgrounds
all: B9DABA
content: E6F8E6
content-supp: 728D73
nav2: 728D73

text
default: 000000
nav1: FFFFFF
 
*/

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#562b13 url(images/body_background.gif) repeat-x;
	font-family: Verdana, arial, sans-serif;
	line-height:1.5em;
	font-size: 72%;
}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1em 0em 1em 0em;
	font-weight: normal;
	color: #562b13;
	}
h3 {
	font-size: 1.2em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #562b13;
	}
h4 {
	font-size: 1.0em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #562b13;
	}
h5 {
	font-size: 1.0em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	color: #000000;
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.1em 0em 1.4em 0em;
	}
a {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #562b13;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	}
strong, b {
	font-weight: bold;
	}

#container1 {
	background:url(images/container1_back.gif) top left repeat-y;
	margin:15px auto 0 auto;
	text-align:left;
	width:810px;
}
#Procedures #container1, #Contact #container1
{
	background:url(images/procedures_container1_back.gif) top left repeat-y;
}
#container2 {
}

#container3 {

	}
#branding {
	height:364px;
	
	}
	#branding-logo {
		height:314px;
		text-indent:-5000px;
		background:transparent url(images/branding_logo.jpg) no-repeat;
	}
	#branding-tagline {
		height:50px;
		text-indent:-5000px;
		background:url(images/branding_tagline.jpg) no-repeat;
	}
	#Procedures #branding-tagline, #Contact #branding-tagline
	{
		background:url(images/procedures_branding_tagline.gif) no-repeat;
	}
	#branding-name {display:none;}
	#branding-extra {display:none;}
#nav1 {
	width:192px;
	float:left;
	margin-right:25px;
	}
	#nav1-main {
		
	}
	#nav1-main ul {
		margin:0;
		padding:0;	
		list-style:none;
	}
	#nav1-main li {
		margin:0;
		padding:0;
		height:50px;
		overflow:hidden;
		}
	#nav1-main li a {
		display:block;
		height:50px;
		text-indent:-5000px;
		}
	#nav1-main li a:hover {
		background:transparent;
		}
	/** HOME **/
	#navHome {
		background:url(images/navHome_over.gif) no-repeat;
		}
	#navHome a {
		background:url(images/navHome.gif) no-repeat;
		}
	#Home #navHome a, #Home #navHome {
		background:url(images/navHome_on.gif) no-repeat;
		}
	/** Links **/
	#navLinks {
		background:url(images/navSurgeons_over.gif) no-repeat;
		}
	#navLinks a {
		background:url(images/navSurgeons.gif) no-repeat;
		}
	#Links #navLinks a, #Links #navLinks {
		background:url(images/navSurgeons_on.gif) no-repeat;
		}
	/** Contact **/
	#navContact {
		background:url(images/navContact_over.gif) no-repeat;
		}
	#navContact a {
		background:url(images/navContact.gif) no-repeat;
		}
	#Contact #navContact a, #Contact #navContact, #Contact #navContact a, #Contact #navContact{
		background:url(images/navContact_on.gif) no-repeat;
		}
	/** Procedures **/
	#navProcedures {
		background:url(images/navProcedures_over.gif) no-repeat;
		}
	#navProcedures a {
		background:url(images/navProcedures.gif) no-repeat;
		}
	#Procedures #navProcedures a, #Procedures #navProcedures {
		background:url(images/navProcedures_on.gif) no-repeat;
		}
	/** Photos **/
	#navSkinCare {
		background:url(images/navSkinCare_over.gif) no-repeat;
		}
	#navSkinCare a {
		background:url(images/navSkinCare.gif) no-repeat;
		}
	#SkinCare #navSkinCare a, #SkinCare #navSkinCare {
		background:url(images/navSkinCare_on.gif) no-repeat;
		}
	
		
	
	#nav1-section {display:none;}
	#nav1-supp {display:none;}
	#nav1-extra {
		text-align:center;
		margin-top:50px;
	}
#nav2 {}
	#nav2-main {display:none;}
	#nav2-section {display:none;}
	#nav2-supp {display:none;}
	#nav2-extra {display:none;}
#content1 {
		width:593px;
		float:left;
	}
	#content1-intro {display:none;}
	#content1-main {
		width:408px;	
		float:left;
		margin-right:0px;
	}
	#content1-main h2
	{
		height:85px;
		padding:0;
		margin:0;
		text-indent: -5000px;
	}
	#Home #content1-main h2
	{
		background: url(images/h2_welcome.gif) no-repeat;
	}
	#Procedures #content1-main h2
	{
		background: url(images/h2_procedures.gif) no-repeat;
		text-indent:0px;
		line-height: 1.0em;
		padding: 80px 0px 0px 0px;
		margin: 0em 0em 1em 0em;
		width: auto;
		height: auto;
	}
	#SkinCare #content1-main h2
	{
		background: url(images/h2_skincare.gif) no-repeat;
	}
	#Links #content1-main h2
	{
		background: url(images/h2_surgeons.gif) no-repeat;
	}
	#Contact #content1-main h2
	{
		background: url(images/h2_contact.gif) no-repeat;
	}
	#content1-main ul {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		list-style:none;
		}
	#content1-main ul li {
		padding-left:15px;
		margin-left:30px;
		background:url(images/li_back.gif) 0 5px no-repeat;
		}
	#content1-supp {display:none;}
	#content1-extra {
		width:143px;
		float:right;
		padding: 0px 6px 0px 6px;
	}
	#content1-extra h4
	{
		font-weight: bolder;
		font-style:italic;
	}
	#content1-extra p
	{
		color: #562b13;
	}
	#content1-extra a
	{
		display:block;
		padding:12px 0;
	}
	#content1-extra img {
		padding:10px 0px;
		}

#content2 {}
	#content2-intro {display:none;}
	#content2-main {display:none;}
	#content2-supp {display:none;}
	#content2-extra {display:none;}
#siteinfo {
		background:transparent url(images/site-info_back.gif) top left no-repeat;
		margin:0 auto;
		width:810px;
		padding:30px 0;
		text-align: center;
	}
#siteinfo p, #siteinfo ul, #siteinfo li, #siteinfo a {color: #ffffff;}
#siteinfo li a { color: #ffffff;}
	
	#siteinfo p{ margin: 0px; padding: 0px;}
	#siteinfo ul{ margin: 0px; padding: 5px 0px 2px 0px; text-align: center;}
	#siteinfo li{ display: inline; padding: 0px 0px 0px 0px; margin: 0px;}
	#siteinfo  a{ padding: 0px 4px 0px 4px; margin: 0px; }

	#siteinfo-legal { 
		margin: 5px 2px 0px 2px; 
		padding: 5px 0px 0px 0px;
	}	
	#siteinfo-credits { 
		margin: 0px; 
		padding: 0px 0px 10px 0px;
	}
	#siteinfo-extra {}
#extradiv1 {display:none;}
#extradiv2 {display:none;}
#extradiv3 {	
	height:1px;
	clear:both;
}
#extradiv4 {display:none;}


/* Procedure */
#procedure_list {				
		float: right;
		margin: 25px 0px 0px 0px;
		/*adding a width fixes float problems with the menu in IE for the Mac */
		width:235px;
	}
	#procedure_list select {
		/*Use to force the jump menu width */
		width:235px; overflow:hidden; 
	}
	#procedure_list form {}
#procedure_content {}
	#procedure_content h3 {}
	#procedure_content h3 a{
	text-decoration: none;
	}
	#procedure_content h3 a:hover{
	text-decoration: underline;
	}
	#procedure_content ul {}
	#procedure_content ul, #procedure_content li {}
	#procedure_content li {}
	#procedure_images {float:right; width:160px; margin:20px 0px 20px 20px;}
#procedure_nav {}
	#procedure_nav ul {}
	#procedure_nav ul, #procedure_nav li {}
	#procedure_nav li {}
	
/* Photo Gallery */
#photo_nav {
		font-size: 1.0em;
		float: right;
		margin: 15px 5px 0px 5px;
		width: 140px;
	}
	#photo_nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#photo_nav h3{
		text-decoration: none;
		font-weight: bold;
		margin:0;
		padding:0;
	}
	#photo_nav h3 a {
		text-decoration: none;
		font-weight: bold;
		line-height: 0.8em;
		font-size: 1em;
	}
	#photo_nav h3 a:hover{
	text-decoration: underline;
	}
	#Photos #content1-main #photo_nav p{
		margin-left:0;
	} 
	#photo_nav ul, #photo_nav li {}
	#content1-main #photo_nav li {background:transparent;margin:0;padding:0;}
	#photo_nav a {}
	#photo_nav img {background:#3E7B86; padding:1px; margin:2px 2px 0px 0px;border:none;}
#photo_content {}
	#photo_content a {font-size: 1.0em;}
	#photo_content img {padding:1px; margin:4px 4px 0px 0px; border:1px solid #025291;}
	#photo_content p {}

/* MapQuest */
#map_quest_content { background:#fff; border:2px solid #000; padding:5px;margin:5px;}
	#map_quest_content a {}
	#map_quest_content img {border:0;}
	#map_quest_content p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 1em 0em 1em 0em;	
	}


/* Form */
input { background-color: #FFFFFF;}
.text_form { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #333333; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}


/* Specials */

.hide {display: none;}
.hide_div {display: none;}
.clear_both {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}


	#Procedures #siteinfo, #Photos #siteinfo, #Contact #siteinfo {background:transparent url(images/site-info_back_2col.gif) top left no-repeat;}

	#Procedures #content1-extra, #Photos #content1-extra, #Contact #content1-extra {
		display:none;
		}
	#Procedures #content1-main, #Photos #content1-main, #Contact #content1-main {
		width:575px;	
		margin-right:0;	
	}