@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px auto 0px auto;
	text-align:center;
	padding: 0px;
	background-color: #dfcb8e;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	color: #392a0d;
	behavior:url("/css/csshover3.htc");
}

a { color: #3a571e; text-decoration: none;}
a:hover { color: #3a571e; text-decoration: underline;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
}

ol.main { padding: 0; margin: 5px 40px 0 70px; }


#galleryleft {float:left; width:250px; margin-left:30px;}

#galleryright {float:left; margin-left:10px;}
		
#galleryright ul {list-style-type:none; margin:0px; padding:0px;}
		
#galleryright ul li { 
			background:transparent url("../images/index/bullet.gif") 0px 5px no-repeat;
			padding-left:20px; 
			}
#stylecolumn {padding-left:30px}
			
#stylecolumn ul {list-style-type:none; margin:0px; padding:0px; line-height:20px}
		
#stylecolumn ul li { 
			background:transparent url("../images/index/bullet.gif") 0px 5px no-repeat;
			padding-left:20px; 
			}

li.pdf { padding: 7px; font-size: 1.0em; list-style-image: url(../images/index/pdficon_small.gif); }

#procedright { width: 243px; margin-left: 70px; float: left;}
#procedleft { width: 350px; float: left;}

.procedpic {float: right; padding-right: 40px; clear: both;}

#procedleft li {
	list-style-position: outside;
	list-style-image: url(../images/index/bullet.gif);
	padding: 0px; margin: 0px;
	
}

.paddingtop { padding-top:20px; }

.paddingtop2 { padding-top:10px; }

small {font-size: 11px; line-height: 18px;}

h1 { color: #907135; padding: 25px 0px 0px 45px; font-size: 14px; font-weight: bold; line-height:16px;}

h2 { color: #907135; padding: 10px 0px 0px 45px; font-size: 12px; }

h3 { color: #907135; padding: 10px 0px 0px 45px; font-size: 11px; }

p { padding: 15px 30px 0px 45px;}

#wrapper { background-image: url(../images/bg_wrap.jpg); background-repeat: repeat-x; background-position: left top; margin: 0; }

#containter { width: 1045px; margin: 0px auto 0px auto; text-align: center; padding: 0px;}

#main { width: 1045px; text-align: left;}

#main ul { padding: 10px 0px 10px 70px;}

ul span {color:#786033; font-weight:bold; }

#header { background: url(../images/index/sliced.jpg); margin: 0; height: 104px; }

.line-height { line-height: 26px;}

.logo	{ float:left; margin: 0 0 0 15px; height: 104px; width:548px;  }

img.right { float: right; margin: 0 5px 5px 15px; padding: 2px; border: solid 1px #392a0d;}
img.rightabout { float: right; margin: 0 5px 5px 15px;}

img.left { float: left; margin: 0 15px 5px 5px; padding: 2px; border: solid 1px #392a0d;}

.bordered { padding: 2px; border: solid 1px #dfcb8e; }

.specials {
	width: 235px;
	height: 155px;
	float: right;
	margin: 20px 30px 10px 10px;
}
	.specials p {
		font-size: .8em;
		margin: 0 0 0 10px;
		padding: 0;
		color: #d86d32;
	}

#tumbgallery {text-align:center;}
#before { position:relative; left:285px; float:left;}
#after { position:relative; right:290px; float:right;}

#addresscontact p { line-height: 20px; color: #dcbe81; }

#leftcol { 
	width: 729px; 
	float: left;
	background-image: url(../images/index/leftbox-middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 25px;
	}

#leftcol-index { 
	width: 729px; 
	float: left;
	background-image: url(../images/index/leftbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 25px;
	}
#rightcol { width: 316px; float: left; margin-bottom:25px;}

#leftbox {
	width: 389px;
	height: 288px;
	float: left;
	background-image: url(../images/index/index-box-bgleft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#leftbox p {padding: 55px 40px 0 45px; }

#rightbox {
	width: 340px;
	height: 288px; 
	float: left;
	
	}
	
#rightbox p {padding: 78px 30px 0 25px; }

.leftfloatcolumn { 
color: #000;
margin: 5px 5px 5px 0px;
font-size: 1em;
padding: 2px;
float: left;
width: 300px;
height: 150px;
}

.rightfloatcolumn { 
color: #000;
margin: 5px 0px 5px 0px;
font-size: 1em;
padding: 2px;
float: left;
position: relative;
width: 300px;
height: 150px;
}




#featuredproced {
	background-image: url(../images/index/index-07.jpg);
	height: 62px;
	width: 303px;
	background-repeat: no-repeat;
	background-position: left top;
}

#featuredproced span {display: none;}

#featuredproced2 {
	background-image: url(../images/index/index-08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 309px;
	width: 303px;
}

#featuredproced2 p { color: #503501; padding: 50px 120px 0px 35px; font-size:11px; line-height: 17px;}

.clear {clear: both;}

#bottomwrapper { background-image: url(../images/index/bg-ft.jpg); background-repeat: repeat-x;
	background-position: left top; height: 126px; margin:0; padding:0; }

#bottom {
	background-image: url(../images/index/sliced-11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	height: 126px;
	width: 1045px;
}

#bottomwrapper-index { background-image: url(../images/index/bg-footer.jpg); background-repeat: repeat-x;
	background-position: left top; height: 165px; margin:0; padding:0; }

#bottom-index {
	background-image: url(../images/index/sliced-11-index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	height: 165px;
	width: 1045px;
}

#bottom p { color: #FFF; font-size: 13px; line-height:20px; font-family:Helvetica, Verdana, Arial; padding: 10px 0px 0px 20px; text-align: left;}

#bottom p span { color: #FFF; font-size: 10px; line-height:16px; padding: 0 60px 0 0; font-family:Helvetica, Verdana, Arial; text-align: left;}

#bottom p span a { text-decoration:underline;}

#bottom a { color: #FFF; }

#bottom-index a { color: #FFF; }

#bottom-index p { color: #FFF; font-size: 13px; line-height:20px; font-family:Helvetica, Verdana, Arial; padding: 10px 0px 0px 20px; text-align: left;}

#bottom-index p span { color: #FFF; font-size: 10px; line-height:16px; padding: 0 60px 0 0; font-family:Helvetica, Verdana, Arial; text-align: left;}

#bottom-index p span a { text-decoration:underline;}

#spacer {height: 62px; width: 303px;}

#homereadmore { float: right;  margin-right: 20px;}

#logobuttons { float: left; margin-left: 35px;}

#contact-home {
	background-image: url(../images/index/form.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 316px;
}


#contact-home p { padding-left: 20px; font-size: 12px; color:#dcbe81; line-height:20px; text-align:center; padding-top: 0;}

#contact-home span {color:#FFFFFF; font-size: 15px; font-weight:bold; text-align:center;}

.contactform { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }

.subject {display:none;}

.input { width: 220px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.input_consult { width: 220px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #755d31; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.comments { width: 220px; height: 100px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.comments_consult { width: 220px; height: 100px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #755d31; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.maininput { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.maincomments { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.checkbox {margin: 0 0 0 25px }

label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

label input { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

label textarea { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	height:100px; overflow:auto; 
	}

.submit { width: 80px; margin-left: 190px; border: none;}
.submit_consult { width: 115px; margin-top: 15px; margin-left: 150px; border: none;}
.submitmain { width: 97px; margin-left: 300px; margin-top: 100px; border: none;}

.rightpad {padding-right: 180px; text-align: right; font-size: 11px; padding-bottom: 15px;}

p.footer {font-size:8px;}

/* -------------------navigation-------------------------- */
#navcontain { width: 1045x; height: 30px; }


#nav { 
	background: url(../images/index/navigation.jpg) no-repeat; 
	width:1045px; 
	height:30px; 
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px;

	}

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 30px; display: block; margin: 0px;}

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

#nav-01 { width: 70px; left:24px; padding-left: 24px; }
#nav-02 { width: 99px; left:94px; }
#nav-03 { width: 88px; left:193px; }
#nav-04 { width: 120px; left:281px; }
#nav-05 { width: 86px; left:401px; }
#nav-06 { width: 104px; left:487px; }
#nav-07 { width: 94px; left:591px; }
#nav-08 { width: 58px; left:685px; }
#nav-09 { width: 64px; left:743px; }
#nav-10 { width: 113px; left:807px; }
#nav-11 { width: 100px; left:920px; }

#nav-01 a:hover {background: transparent url(../images/index/navigation.jpg) -24px -30px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/navigation.jpg) -94px -30px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/navigation.jpg) -193px -30px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/navigation.jpg) -281px -30px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/navigation.jpg) -401px -30px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/navigation.jpg) -487px -30px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/navigation.jpg) -591px -30px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/navigation.jpg) -685px -30px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/index/navigation.jpg) -743px -30px no-repeat;}
#nav-10 a:hover {background: transparent url(../images/index/navigation.jpg) -807px -30px no-repeat;}
#nav-11 a:hover {background: transparent url(../images/index/navigation.jpg) -920px -30px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#ede0bb;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	border:0px; 
	z-index: 30;

	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
	

#nav li ul li { 
	height: 22px; /* Height of each drop down nav item */
	}	

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

	}

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

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	text-decoration: none;

	}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;

}
/* Hover styles for drop down items */

	
#nav-02 ul a:hover { 
	background-image: none;
	background-color: #dfca8b;
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */


#nav-02 ul, #nav-02 li { width:110px; }


#nav-03 ul a:hover { 
	background-image: none;
	background-color: #dfca8b;
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */


#nav-03 ul, #nav-03 li { width:90px; }


#nav li:hover, #nav li.hover {   
    position: static;   
}

/* 2nd tier drop down */
	#nav-02 ul li ul  {
		display:none;
		width:200px;
		margin-left:-202px; /* width of drop down nav +2 */
		margin-top:-23px; /* height of drop down nav item +1 */
		}
		
	#nav-02 ul li:hover ul, #nav-02 ul li.sfhover ul { 
		display:block;
		}
	
	#nav-02 ul li ul li a {
		width:200px;
		height:22px;
		}

	#nav-02 ul li.big, #nav-02 ul li.big a {
		height:70px;
		}
	#nav-02 ul li.big ul li a {
		height:22px;
		}
		
/* 2nd level drop downs -------------------------------------------------------------------- */
#nav li ul ul {
	margin: -22px 0 0 110px;
}		

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

/* -------------------procedure buttons-------------------------- */
#buttoncontain { width: 1045px; height: 107px; float: left;}

#button {
	width:1045px;
	height:107px;
	position:relative;
	z-index: 10;
	font-family: Arial;
	margin: 0px;
	background-image: url(../images/index/button.jpg);
	background-repeat: no-repeat;
	}

#button span { display: none; margin: 0px;}

#button li, #button a { height: 107px; display: block; margin: 0px;}

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

#button-01 { width: 181px; left:0px;}
#button-02 { width: 172px; left:181px; }
#button-03 { width: 172px; left:353px; }
#button-04 { width: 170px; left:525px; }
#button-05 { width: 172px; left:695px; }
#button-06 { width: 178px; left:867px; }


#button-01 a:hover {background: transparent url(../images/index/button.jpg) 0px -107px no-repeat;}
#button-02 a:hover {background: transparent url(../images/index/button.jpg) -181px -107px no-repeat;}
#button-03 a:hover {background: transparent url(../images/index/button.jpg) -353px -107px no-repeat;}
#button-04 a:hover {background: transparent url(../images/index/button.jpg) -525px -107px no-repeat;}
#button-05 a:hover {background: transparent url(../images/index/button.jpg) -695px -107px no-repeat;}
#button-06 a:hover {background: transparent url(../images/index/button.jpg) -867px -107px no-repeat;}