/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,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; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }
.clear { clear: both; height: 0.1em; overflow: hidden; }

/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #6B516B;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #583758;
	text-decoration: none;
}

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

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: left;
	color: #41403b;
	background: #FFFFFF url(../images/allpages/back.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#container{
	margin: 0;
	text-align: left;
	width: 780px;
}

/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/


/* Main Horizontal Boxes
 *****************************************************************************/

#header{
	background: url(../images/allpages/head.jpg);
	width: 159px;
	height: 59px;
	margin: 10px 0 9px 0;
	position: relative;
	}
	#header a{
		position: absolute;
		width: 159px;
		height: 59px;
		}
		#header span{
			display: none;
			}

#mast{
	background: url(../images/allpages/mast.jpg);
	width:757px;
	height:232px;
	margin:0 0 0 12px;
	}
	#mast span {
		display: none;
		}
		
	#mast.bg-header-flash #header-flash { margin-left:4px; }
	#mast.bg-header-flash { background:url("../images/bg-flash.jpg") no-repeat; margin-left:12px; padding:0; }
	
#content{
	background: url(../images/allpages/container-back.jpg) repeat-y left;
	height: auto;
}
	#left{
		width: 179px;
		margin: 0 0 0 17px;
		float: left;
		display: inline;
	}
		#procedures{
			background: url(../images/allpages/procedures.jpg);
			height: 29px;
			width: 179px;
			margin: 0 0 0 -1px;
			}
			#procedures span{
				display: none;
				}
		#left ul, #left p{
			margin: 5px 5px 10px 10px;
		}
		#left ul li{
			font-size: 11px;
		}
		#left li {
			margin-bottom: 5px;
		}
 
	#middle{
		width: 379px;
		margin: 0 0 0 6px;
		float: left;
	}
		#middle h1.other_titles{
			margin: 15px 15px 15px 15px;
			font-weight: bold;
			font-size: 15px;
		}
		#middle h2{
			margin: 15px 15px 5px 15px;
			font-weight: bold;
			font-size: 13px;
		}
		#middle h3{
			margin: 15px 15px 5px 15px;
			font-size: 12px;
			font-weight: bold;
		}
		#middle p{
			margin: 5px 20px 15px 20px;
		}
		#middle ul{
			margin: 5px 20px 15px 20px;
		}
		#middle li{
			margin: 0 20px 2px 20px;
			list-style: circle;
		}
		#middle a{
			text-decoration: underline;
		}
		.topofpage{
			text-align: right;
		}
		#supporting{
			background: url(../images/allpages/supporting.jpg);
			width: 379px;
			height: 35px;
			margin: 0 0 0 -1px;
		}
			#supporting span{
				display: none;
			}
		#featuredcases{
			background: url(../images/allpages/featuredcases.jpg);
			height: 27px;
			width: 346px;
			margin: 0 0 0 15px;
		}
			#featuredcases span{
				display: none;
			}
		#featured{
			background: url(../images/allpages/features.jpg);
			width: 363px;
			height: 93px;
			margin: 0 0 0 9px;
		}
		#featured a{
		display: block;
		width: 121px;
		height: 93px;
		float: left;
		}
		.bna-thumb2{
			margin: 0 18px 12px 18px;
			float: left;
			display: inline;
			}
			.bna-thumb1{
				margin: 0 18px 12px 115px;
				}
 
	#right{
		width: 179px;
		margin: 0 0 0 6px;
		float: left;
	}
		#right p{
			margin: 5px 10px 15px 10px;
		}
		#quikie{
			background: url(../images/allpages/quikie.jpg);
			width: 179px;
			height: 29px;
			margin: 0 0 0 -1px;
			}
			#quikie span{
				display: none;
			}
		body#contact-page #quikie{
			background: url(../images/allpages/location.jpg);
			width: 179px;
			height: 29px;
			margin: 0 0 0 -1px;
			}

 
/* Specific Boxes
 *****************************************************************************/
 
/* Other Details
 *****************************************************************************/

/* Titles */

	#contact{
		background: url(../images/titles/contact.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#contact span{
			display: none;
			}
			
			
				#thankyou{
		background: url(../images/titles/thankyou.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#thankyou span{
			display: none;
			}

	#surgeons{
		background: url(../images/titles/surgeons.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
	}

	#skin{
		background: url(../images/titles/skin.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#skin span{
			display: none;
			}

	#practice{
		background: url(../images/titles/practice.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
	}
		#practice span, #surgeons span{
			display: none;
		}

	#face{
		background: url(../images/titles/face.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#face span{
			display: none;
			}
			
	#hair{
		background: url(../images/titles/hair.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#hair span{
			display: none;
			}
			
	#contouring{
		background: url(../images/titles/contouring.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#contouring span{
			display: none;
			}

	#sitemap{
		background: url(../images/titles/sitemap.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#sitemap span{
			display: none;
			}

	#breast{
		background: url(../images/titles/breast.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#breast span{
			display: none;
			}

	#body{
		background: url(../images/titles/body.jpg);
		width: 379px;
		height: 35px;
		margin: 0 0 0 -1px;
		}
		#body span { display: none;}
 
/* Quick contact Form */

		#quickcontactform1 input, #quickcontactform1 textarea{
			color: #715971;
			border: 1px solid #715971;
			background: #FFFFFF;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 2px 10px;
		}
		#quickcontactform1 p{
			margin: 0 0 0px 10px;
			font-size:11px;
			}
		
		#quickcontactform1 textarea{
			height: 70px;
			overflow: auto;
			width: 154px;
		}
		
		.quickcontact1{
			width: 155px;
		}
		
		#quickcontactform1 .quickcontact-button1{
			width: 51px;
			height: 23px;
			border: none;
			margin: 0 0 0 118px;
		}


		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 25px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../../images/allpages/topnav.jpg) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 580px;
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}
		
		#h-spritenav1 a{
			display: block;
		}
		
		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:  17px; width:  44px}
		#h-spritenav1-2{left:  62px; width: 121px}
		#h-spritenav1-3{left: 184px; width:  89px}
		#h-spritenav1-4{left: 274px; width:  47px}
		#h-spritenav1-5{left: 322px; width:  35px}
		#h-spritenav1-6{left: 358px; width:  39px}
		#h-spritenav1-7{left: 398px; width: 119px}
		#h-spritenav1-8{left: 518px; width:  61px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat  -17px -25px}
		#h-spritenav1-2 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat  -62px -25px}
		#h-spritenav1-3 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -184px -25px}
		#h-spritenav1-4 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -274px -25px}
		#h-spritenav1-5 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -322px -25px}
		#h-spritenav1-6 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -358px -25px}
		#h-spritenav1-7 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -398px -25px}
		#h-spritenav1-8 a:hover{background: url(../../images/allpages/topnav.jpg) no-repeat -518px -25px}


		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 73px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 100px;
			height: 219px;
			background: url(../images/v-spritenav.gif);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3{left: 0; width: 100px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  73px;}
		#v-spritenav1-3{top: 146px;}
		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/v-spritenav.gif) -100px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/v-spritenav.gif) -100px  -73px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/v-spritenav.gif) -100px -146px no-repeat;}


/* Text Nav */
	
		#text-nav{
			background: #ffffff url(../images/allpages/closer.jpg) no-repeat top left;
			clear: both;
			clear: both;
			width: 780px;
			margin: 10px auto 15px auto;
			text-align: center;
			padding: 10px 0 0 0;
		}	

		#text-nav ul{
			margin: 0 0 10px 0;
			}
			
		#text-nav li{
			padding: 0 5px 0 7px;
			display: inline;
			border-left: 1px solid #6B516B;
			background: none;
			font-size: 12px;
			line-height: 13px;
			color: #6B516B;
		}
		
		#text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #6B516B; margin: 0 auto 10px auto; width: 680px;}
		#text-nav a:link, #text-nav a:visited{color: #583758;}
		#text-nav a:hover, #text-nav a:active{color: #A581A5;}
		
		#text-nav2 a:link, #text-nav a:visited{color: #A581A5;}
		#text-nav2 a:hover, #text-nav a:active{color: #583758; text-decoration:underline;}
		
/* ------ Main Contact Form ---------*/
		#contact_main {
			margin-bottom: 20px;
		}

		#contact_main label{
			border:none;
			margin: 40px auto 0 auto;
			width: 350px;
		}
		

		#contact_main input, #contact_main textarea, #contact_main option, #contact_main select{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
		}

		#contact_main br{
			clear: both;
		}
		
		#contact_main p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
			}
	
		#contact_main label input, #contact_main label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 100px;
		}
	
		#contact_main form, #contact_main label, #contact_main input, #contact_main textarea, #contact_main select{
			font-size: 11px;
		}
	
		#contact_main label{
			position: relative;
			width: 140px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		
		#contact_main fieldset{
			width: 300px;
			padding: 5px 10px;
		}
		
		#contact_main hr{
			border: 0px;
			height: 1px;
			color: #000000;
			background: #000000;
			margin: 0 0 20px 0;
		}

		#contact_main label textarea{
			position: absolute;
			left: 110%;
			top: 0px;
			width: 160px;
			height: 100px;
		}

		#contact_main .radio{
			top:0;
			width: 14px;
		}
		
		#contact_main .reset{
			width:60px;
			margin: 10px 0 0 90px;
		}

		#contact_main .reset-clear{
			width:60px;
			margin: 100px 0 0 90px;
		}
		
		#contact_main .submit{
			width:60px;
			margin: 10px 0 0 12px;
		}
		
		#contact_main .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#contact_main .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#contact_main .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		

		#center-column-inside #contact_main label{
			font: 12px Arial,Helvetica,sans-serif;
		}

/* Horizontal SuckerSpriteNav */

#menu {
	background: url(../images/allpages/topnav.jpg) top left no-repeat;					
	width: 580px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 25px;		/* Height of entire image */
}
#menu span { display: none; }
#menu li { 
	position: relative;
	float: left;
	list-style: none;
}
#menu li, #menu a { 
	height: 25px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-01 {left: 17px; width: 45px;}
#menu-02 {left: 17px; width: 122px;}
#menu-03 {left: 17px; width: 90px;}
#menu-04 {left: 17px; width: 48px;}
#menu-05 {left: 17px; width: 36px;}
#menu-06 {left: 17px; width: 40px;}
#menu-07 {left: 17px; width: 120px;}
#menu-08 {left: 17px; width: 62px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/allpages/topnav.jpg) -17px -25px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/allpages/topnav.jpg) -62px -25px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/allpages/topnav.jpg) -184px -25px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/allpages/topnav.jpg) -274px -25px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/allpages/topnav.jpg) -322px -25px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/allpages/topnav.jpg) -358px -25px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/allpages/topnav.jpg) -398px -25px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/allpages/topnav.jpg) -518px -25px no-repeat;}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#menu li ul {
	position:absolute;
	left:-9999px;
	z-index:999;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#FFFFFF;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#menu li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #5E4E58;
	border-top:none;
	}	

#menu li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#menu li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size:1.0em;
	color:#5E4E58;
	text-decoration:none;
	}

#menu li:hover ul, #menu li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-04 ul a:hover, #menu-05 ul a:hover, #menu-06 ul a:hover { 
	background-image:none;
	background-color:#F0D4E3;
	color:#5E4E58;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#menu-04 ul, #menu-04 li { width:140px; }
#menu-05 ul, #menu-05 li { width:100px; }
#menu-06 ul, #menu-06 li { width:100px; }