html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #8e9d4d;
	font-family: georgia, serif;
	color: #404c33;
	text-align: center;
}

strong{font-weight:bold;}

a{
color: #8e9d4d !important;
}

a:hover, a:visited{
color: #abc730 !important;
}

.index{
width: 994px;
margin: 0 auto;
text-align: left;
}

.header{
position: relative;
margin: 0 auto;
height: 540px;
margin-left: 7px;
background: url(/images/header.jpg) no-repeat;
}

#smLinks{
position: absolute;
width: 255px;
height: 51px;
padding: 5px 0 0 10px;
background: url(/images/connectBg.png) no-repeat 0 0;
}
#smLinks #twitterLink, #smLinks #facebookLink {
display: block;
width: 36px;
height: 35px;
float: left;
text-indent: -999em;
background: url(/images/smIcons.png);
}
#smLinks #twitterLink:hover{
background-position: 0 bottom;
}
#smLinks #facebookLink{
background-position: right top;
}
#smLinks #facebookLink:hover{
background-position: right bottom;
}


.inner .header{
height: 394px;
text-indent: -9999em;
}

.aboutHead{
background: url(/images/interiorHeaderHinkle.jpg) no-repeat -6px 0;
}

.facilityHead{
background: url(/images/interiorHeader.jpg) no-repeat -6px 0;
}

.proceduresHead{
background: url(/images/interiorHeaderProcedures.jpg) no-repeat -6px 0;
}

.contactHead{
background: url(/images/interiorHeaderContact.jpg) no-repeat -6px 0;
}

.directionsHead{
background: url(/images/interiorHeaderDirections.jpg) no-repeat -6px 0;
}

.inner .header a{
display: block;
width: 100%;
height: 100%;
}

.header h1{
width: 305px;
height: 48px;
position: relative;
top: 255px;
left: 50px;
text-indent: -99999em;
background: url(/images/welcomeHeadline.gif) no-repeat;
}

.header p{
width: 305px;
position: relative;
top: 280px;
left: 50px;
font-size: 14px;
line-height: 1.6;
}

.bannerGallery a, .bannerCovered a, .bannerLumineers a{
display:block;
width: 333px;
height: 235px;
text-indent: -9999em;
float: left;
cursor:pointer;
margin-bottom: 3px;
background: url(/images/smileGallery.jpg);
}

.bannerGallery a{
background-position: -1px 0;
}

.bannerCovered a{
width: 330px;
background: url(/images/amICovered.jpg);
}

.bannerLumineers a{
width: 331px;
background: url(/images/lumineers.jpg);
}

.content{
padding: 65px 71px 65px 67px;
width: 842px;
margin-left: 7px;
clear: both;
font-size: 15px;
line-height: 1.7;
background: #fff url(/images/contentBg.jpg) no-repeat bottom;
}

.content p{
padding-bottom: 50px;
}

.content ul{
list-style: none;
margin: 0 0 15px 20px;
}

.content li{
padding-left: 15px;
color: #666;
font-family: verdana, sans-serif;
font-size: 14px;
background: url(/images/iconList.gif) no-repeat 0 10px;
}

.content img { margin: 0px 14px 6px 0px; float: left }

.subnav{
float: right;
width: 270px;
margin: 0 0 80px 60px !important;
list-style-type: none;
font-style: italic;
font-size: 14px;
}

.subnav li{
padding: 1px 0 1px 0 !important;
background-image: url(/images/iconList.gif);
background-repeat: no-repeat;
background-position: 14px 9px;
padding-left: 25px !important;
font-family: georgia, serif;
}

.subnav a{
color: #404c33 !important;
text-decoration: none;
}

.subnav a:hover{
color: #404c33;
text-decoration: underline;
}

.other{
background-color: #f0f7e8 !important;
}

.fLeft{
float: left;
}

.fRight{
float: right;
}

.photoLeft{
margin: 0 25px 0 0;
}
.photoRight{
margin: 0 0 0 25px;
}

h3{
font-size: 22px;
font-style: italic;
color: #8e9d4d;
}

.details{
font-size: 13px;
}

.creativestate a{
display:block;
clear:both;
float: left;
width: 128px;
height: 37px;
text-indent: -9999em;
margin: 12px 0 0 7px;
background: url(/images/csLogo.gif) 0 0;
}

.creativestate a:hover{
background-position: 0 -37px;
}

#ftrLinks p{
color: #ccd3af;
font-size: .7em;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
}
#ftrLinks span{
color: #fff;
}
#ftrLinks{
clear:both;
padding: 15px 6px 0px 6px;
}
#ftrLinks a{
color: #fff !important;
text-decoration: none;
margin-left: 15px;
}

#ftrLinks .ftrLeft{
float:left;
}
#ftrLinks .ftrRight{
float:right;
}

.footerLinks{
float:right;
width: 216px;
margin: -11px 0 0 7px;
}

.footerLinks li{
float: left;
list-style-type: none;
}

.ftrHome a, .ftrContact a, .ftrPrivacy a, .ftrCopyright a{
display:block;
width: 45px;
height: 13px;
text-indent: -9999em;
background: url(/images/footerInfo.gif) 0 0;
}

.ftrContact a{
width: 78px;
background-position: -45px 0;
}

.ftrPrivacy a{
width: 90px;
background-position: -123px 0;
}
.ftrCopyright a{
width: 216px;
height: 7px;
background-position: 0 -13px;
}
.galleryList{
list-style-type: none;
}
.map{
border: 5px solid #8e9d4d;
-webkit-box-shadow: 0px 0px 15px #999;  
-moz-box-shadow: 0px 0px 15px #999;  
box-shadow: 0px 0px 15px #999; 
}

#logos{
height: 59px;
clear:both;
margin: 0 0 0 2px;
background: url(/images/logoBg.png) no-repeat;
}

#logos a{
display: block;
float: left;
text-indent: -999em;
height: 43px;
width: 188px;
margin: 8px 30px 0;
background: url(/images/logos.png) no-repeat;
}
#logos a#millen{
margin-left: 50px;
}
#logos a#millen:hover{
background-position: 0 bottom;
}
#logos a#invisi{
width: 146px;
background-position: -240px 0;
}
#logos a#invisi:hover{
background-position: -240px bottom;
}
#logos a#nit{
width: 52px;
background-position: -441px 0;
}
#logos a#nit:hover{
background-position: -441px bottom;
}
#logos a#lumi{
width: 148px;
background-position: -551px 0;
}
#logos a#lumi:hover{
background-position: -551px bottom;
}
#logos a#zoom{
width: 108px;
background-position: -757px 0;
}
#logos a#zoom:hover{
background-position: -757px bottom;
}


/*---------- form layout ------------- */

#contactUs{
width: 452px;
}

#contactUs label{
display: block;
line-height: 1.1;
margin-bottom: 8px;
}

#contactUs input, #contactUs textarea{
font-family: arial;
color: #404b32;
border: 3px solid #aab478;
padding: 5px;
width: 450px;
margin: 0 0 20px 0;
}

#contactUs input:focus, #contactUs textarea:focus{
background: #aab478;
color: #fff;
}
#contactUs textarea{
height: 80px;
font-size: 12px;
overflow:auto;
}

#contactUs #submit{
border: 0px;
width: 134px;
height: 51px;
float: right;
}