/* Developed by Matthew Sloggett for the American Society of Plastic Surgeons */

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#fff url(../images/bg_x.gif) repeat-x;
	font-family: "Times New Roman", Times, serif;
	line-height:1.5em;
	font-size: 76%;
}
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.5em;
	margin: 1em 0em 1em 0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #376ca1;
	}
.componentheading {
	font-size: 1.5em;
	margin: 1em 0em 1em 0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #376ca1;
}
h3 {
	font-size: 1.3em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #333333;
	}
h4 {
	font-size: 1.1em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #376ca1;
	}
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.1em;
	line-height: 1.4em;
	margin: 0.1em 0em 1.4em 0em;
	}
li {
	color: #000000;
	}
a {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #376ca1;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	color: #e14e1d;
	}
strong, b {
	font-weight: bold;
	}

#container1 {
	width: 99%;
	min-width: 800px;
	background: transparent url(../images/bg_y.gif) 28% 0%  repeat-y;
}
#container2 {margin:0;}
#container3 {margin:0;}

#branding 	{
	float: right;
	width: 72%;
	background: transparent url(../images/bg_sky.jpg) top left no-repeat;
	height: 423px;
	margin: 0;
	overflow:hidden;
}
	#branding-logo {}

	#branding-tagline {
		width: 575px;
		padding: 45px 0px 0px 14px;
	}
	#branding-name {}
			#branding-name h1{
			padding: 450px 0px 0px 0px;
			}
	#branding-name {}
	#branding-extra {}



#nav1 {
	float: left;
	width: 28%;
	overflow:hidden;
}

	#nav1-main {
		width: 220px;
		float: right;
		overflow: hidden;
		background: #000000 url(../images/nav1_bg.jpg) top right no-repeat;
		height: 240px;
		display: block;
	}
	#nav1-section {	
		clear: right;
		float: right;
		width: 220px;
		display: block;
		padding: 0px 0px 50px 0px;
	}

		#nav1-section ul{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px;
		list-style:none;
		}
		#nav1-section li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		height: 35px;
		width: 189px; 
		display: block;
		overflow: hidden;
		}
		#nav1-section a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width: 189px; 
		display: block;
		}


#nav1-section		.item1 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px 0px;}
#nav1-section		.item6 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -35px;}
#nav1-section		.item9 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -70px;}
#nav1-section		.item75 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -105px;}
#nav1-section		.item76 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -140px;}
#nav1-section		.item89 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -175px;}
#nav1-section		.item90 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/nav1.gif); background-position: 0px -210px;}
#nav1-section		.item20 a{ padding: 40px 0px 0px 0px; overflow: hidden; background: transparent url(../images/photonav.gif); background-position: 0px 0px;}


#nav1-section		.item1 a:hover {background-position: -189px 0px;}
#nav1-section		.item6 a:hover {background-position: -189px -35px;}
#nav1-section		.item9 a:hover {background-position: -189px -70px;}
#nav1-section		.item75 a:hover {background-position: -189px -105px;}
#nav1-section		.item76 a:hover {background-position: -189px -140px;}
#nav1-section		.item20 a:hover {background-position: -189px 0px;}
#nav1-section		.item89 a:hover {background-position: -189px -175px;}
#nav1-section		.item90 a:hover {background-position: -189px -210px;}


	#nav1-supp {		
		clear: both;
		width: 220px;
		float: right;
		}
	#nav1-extra {
		clear: both;
		width: 220px;
		float: right;
		}
	
#nav2 {}
	#nav2-main {display:none;}
	#nav2-section {display:none;}
	#nav2-supp {display:none;}
	#nav2-extra {display:none;}

#content1 {
	clear: right;
	float: right;
	width: 72%;
	min-width: 576px;
}
	
	#content1-intro {}
	#content1-main {
		width: 566px;
		padding-left:  10px;
	}
	#content1-main .contentpaneopen {width:100%;}
	#content1-supp {}
	#content1-extra {}

#content2 {}
	#content2-intro {}
	#content2-main {}
	#content2-supp {}
	#content2-extra {}
	
#siteinfo {
	margin: 0 0 0 29%;
	width: 575px;
}
	#siteinfo p , #siteinfo ul, #siteinfo a{ color: #376ca1;}
	#siteinfo p { font-size: 1.0em; text-align: center;}
	
	#siteinfo ul{ margin: 0px; padding: 0px 0px 10px 0px; text-align: center;}
	#siteinfo li{ font-size: 1.0em; display: inline; padding: 0px 8px 0px 0px; margin: 0px;}

	#siteinfo-legal {margin-top:20px;}
	#siteinfo-credits {}
	#siteinfo-extra {}
	
#extradiv1 {display:none;}
#extradiv2 {display:none;}
#extradiv3 {display:none;}
#extradiv4 {display:none;}


/* Procedure */
#procedure_list {				
		float: right;
		margin: 0px 0px 0px 0px;
		/*adding a width fixes float problems with the menu in IE for the Mac */
		width:220px;
		padding: 2px 5px 0px 0px;
	}
	#procedure_list select {
		/*Use to force the jump menu width */
		width:220px; 
	}
	#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 {clear: right; 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: 0px 0px 10px 0px;
	width: 135px;
	}
#photo_nav li a{}
#photo_nav p{}
	#photo_nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#photo_nav h3{
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0px;
	}
	#photo_nav h3 a {
	text-decoration: none;
	font-weight: bold;
	line-height: 0.8em;
	padding: 0px;
	}
	#photo_nav h3 a:hover{
	text-decoration: underline;
	}
	#photo_nav ul, #photo_nav li {}
	#photo_nav li {}
	#photo_nav li a img {padding:0px 2px 2px 0px;}
	#photo_nav li a:hover img {}
#photo_content {}
	#photo_content a {font-size: 1.0em;}
	#photo_content img {padding:1px; margin:4px 2px 0px 0px; border:2px solid #382c20;}
	#photo_content p {}

.abps {
	margin-left: 25px;
	margin-top: 10px;
}

/* MapQuest */
#map_quest_content { background-color:#FFFFFF; padding: 4px; border: 1px solid #382c20; width:565px;}
	#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;	
	color: #000000;
	}


/* Form */
input { background-color: #FFFFFF;}
.text_form { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:300px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:300px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #000000; 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;}
.indent {padding: 0px 0px 0px 20px;}
#form_honey { display: none; position: absolute; top: -300px;}



#map #content1-main {
		width: 576px;
		padding-left:  0px;
	}
#map #content1-main h2, #map #content1-main h3, #map #content1-main p{padding-left:  10px;}
			
#doctor		#branding 	{	background: transparent url(../images/bg_sky_meet.jpg) top left no-repeat;}
#map		#branding 	{	background: transparent url(../images/bg_sky_map.jpg) top left no-repeat;}
#doctor		#branding-tagline, #map #branding-tagline {display:none}
#doctor		#branding-name, #map #branding-name {width: 575px; padding: 45px 0px 0px 14px;}

#procedures #nav1-extra img, #contact #nav1-extra img, #map #nav1-extra img, #doctor #nav1-extra img {display: none;}
#procedure_images {clear:right; float:right; margin:20px 0 20px 20px; width:160px;}