@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#401104; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0;}
h2			{font:1.3em Arial, Helvetica, sans-serif;margin:0;padding:0;}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}


#content h1	{margin-top:35px;}
#content h1 	{margin-bottom:-10px;}
#content strong {font-weight:normal;}
#content .faqa	{font-size:17px;}


.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;line-height:13px;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#googlemap {width: 640px; height: 300px; border:1px solid #c58742;line-height:15px;float:left;}

.heading	{width:1000px;float:right;height:90px;}
.border	{padding:8px; background:#eccaa5; border:1px solid #fbe3c9; margin:5px;}


/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #401104;
	background:#da984e url(../images/flashbg.jpg) top center repeat-x;
	}
	
#home #wrapper	{
	width:1000px;
	height:455px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

.logo	{
	float:left;
	margin: 0 0 0 0;
	z-index:10;
	position:absolute; 
	}


#content	{
	width:1000px;
	margin:30px 0 30px 0;
	padding:0;
	min-height:500px;
    height:auto !important;
    height:500px;
	}
	
#flmovie	{
	width:1000px;
	height:375px;
	position:absolute;  
	z-index:1;
	}

#bottom	{
	background:#641a05 url(../images/FooterBG.jpg) repeat-x;
	width:100%;
	padding-top:15px;
	min-height:300px; 
    height:auto !important;
    height:300px;
	}
	
#bottom	.contain	{
	width:1000px;
	margin:0 auto;
	text-align:left;
	color:#290b03;
	padding-bottom:25px;
	}

#bottom	.contain a {text-decoration:none;color:#290b03;}
#bottom	.contain strong {font-weight:normal;}

/******* FOOTER *******/
#footer	{
	height:80px;
	width:1000px;
	margin: 15px auto;
	font-size:1.0em;
	line-height:1.3em;
	text-align:left;
	color:#c88e74;
	clear:both;
	}
#footer a	{text-decoration:none;color:#c88e74;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#c88e74;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}




#nav .menu {	
	padding: 40px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:40px;
	float:left;
	}
		
#nav a#home										{background:url(../images/nav-home.gif) no-repeat;width:79px;}
#nav a#home:HOVER,.home #nav a#home				{background:url(../images/nav-home-over.gif) no-repeat;}

#nav a#procedures												{background:url(../images/nav-procedures.gif) no-repeat;width:141px;}
#nav a#procedures:HOVER,.procedures #nav a#procedures			{background:url(../images/nav-procedures-over.gif) no-repeat;}

#nav a#before										{background:url(../images/nav-before.gif) no-repeat;width:167px;}
#nav a#before:HOVER,.before #nav a#before			{background:url(../images/nav-before-over.gif) no-repeat;}
				
#nav a#about									{background:url(../images/nav-about.gif) no-repeat;width:92px;}
#nav a#about:HOVER,.about #nav a#about			{background:url(../images/nav-about-over.gif) no-repeat;}

#nav a#news										{background:url(../images/nav-news.gif) no-repeat;width:77px;}
#nav a#news:HOVER,.news #nav a#news				{background:url(../images/nav-news-over.gif) no-repeat;}

#nav a#contact									{background:url(../images/nav-contact.gif) no-repeat;width:102px;}
#nav a#contact:HOVER,.contact #nav a#contact	{background:url(../images/nav-contact-over.gif) no-repeat;}



/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	height:40px;
	float:right;
	width:658px; 
	margin: 40px 0 0 0;
	}
*html #nav	{
	z-index:500;
	width:658px; 
	} /*IE 6*/ 

ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 658px; /*For KHTML*/
  list-style: none;
  height: 40px;
}
ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 40px;
  z-index:500;
}
ul#hrznav li a {
	float: left; 
	text-indent: -9999px;
	height:40px;
}
ul#hrznav li:hover a, ul#hrznav li a:hover {}

ul#hrznav li .sub {
	position: absolute;	
	top: 40px; left: 0;
	background:url(../images/navbg-dropdown.gif) no-repeat;

	border-top:none;
	padding: 10px 5px 5px;
	float: left;
	display: none;
}

	
ul#hrznav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#hrznav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 165px;
	float: left;
}
ul#hrznav .sub ul li {
	width: 100%;
	color: #fff;
	height:23px;
}

ul#hrznav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	margin:0;
	padding: 2px 5px;
	display: block;
	font:13px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	color: #fff;
}
ul#hrznav .sub ul li a:hover {color: #ffca80; }



/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	background:#ecc89e;
	border: 1px solid #f7e8d7;	
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	border:1px solid #f7e8d7;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#cf3207;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}


.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    font-size:100%;
	padding:1px 10px;
    text-decoration:none;
    cursor:pointer;
	background:#cf3207;
    border:1px solid #aa2a07;
    color:#f6e7d5;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.button a.submit:hover, button.submit:hover{
    background:#f6e7d5;
    border:1px solid #fff;
    color:#cf3207;
	cursor:pointer;
}

	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}



/****    FADE IN - OUT BEFORE AND AFTER PHOTOS *******/
div.baboxlg	{
	width:890px;
	float:right; 
	margin: 0 0 0 15px;
	}
	
div.babox	{
	width:390px;
	float:right; 
	margin: 0 0 0 15px;
	}


div.fadehover {
	position: relative;
	width: 195px;
	height: 170px;
	float:left;
	}
	

img.a {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}


div.box	{
	height:240px;
	width:160px;
	padding: 0 35px 0 0;
	float:left;
	font: italic 11px/12px Arial, Helvetica, sans-serif;
	text-align:center;
	}
div.box div.fadehover {height:160px;}