/* ----- element styling ----- */

body {background:#968c7b; color:#ffffff; font-family:'Lucida Grande', Arial, sans-serif; font-size:13px;}

h4 {color: #ffbe0d;}

h3 {font-size:14px; color: #ffbe0d;}

h2 {font-size:2em; color: #ffbe0d; padding-bottom:.5em;}

a {text-decoration:none; color:#86650d;}

table {margin:10px;}

/* ----- layout styling ----- */

#container {width:960px; margin:auto; padding-left:20px; padding-right:20px; margin-top:10px;}
    
    #header {width:960px; background:url('../img/dimmer2.png'); padding:10px; padding-top:25px; padding-bottom:25px;}
    
        #header h1 {padding:10px;}
        
        #logo {background:url('../img/logoi.png'); background-repeat:no-repeat; width:936px; height:63px; margin:auto;}
        
    #nav {float:left;}
    
        ul#sliding-navigation  {list-style: none;}  
        
        ul#sliding-navigation li a  {display: block; width: 170px; padding: 5px 15px; margin: 0; margin-bottom: 3px; margin-top: 3px; font-size:15px; font-size:1.2em;}
            
        ul#sliding-navigation li a  {color: #969697; border-bottom: 2px solid #1c1c1c; text-decoration: none;}

        ul#sliding-navigation li a.active {color: #000000;}
          
        ul#sliding-navigation li a:hover { color: #ffffff;}
                			
	#content {width:960px; min-height:400px; padding:10px; margin-top:15px; background:url('../img/dimmer2.png');}
	
	#footer {background:url('../img/dimmer2.png'); width:960px; padding-bottom:5px; margin-top:15px; position:fixed; bottom:0px; text-align:left; padding-left:10px; padding-right:10px;}

			#footerText { padding-left:5px; padding-top:5px; font-size:10px;}


/* ----- special styling ----- */

.horizLine  {width:960px; height:1px; background:#9e9e9e;}

.clearfix:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
 
* html .clearfix {height: 1%;}

.map {border:2px solid #555; z-index:1; float:right; position:relative; z-index:111;}

#info {position:relative; margin-left:215px; margin-top:-40px; height:1px; z-index:112;}

#banner_text{position:absolute; top:85px; left:40px;}

#banner_text h2 {font-size:1.6em; color:#ffffff;}

#banner_text p {padding-top:10px; padding-bottom:5px; color:#fdfdfd; width:350px; font-size:1.25em;}

#banner_text_dark {position:absolute; top:46px; left:510px; background:#ffffff; width:216px; border:solid black 2px; padding:5px; z-index:2; overflow:hidden; z-index:120;}

#banner_text_dark h2 {font-size:2em; color:#2c2c2c;}

#banner_text_dark p {padding-top:10px; padding-bottom:5px; color:#2c2c2c; font-size:1.4em; font-weight:bold;}

#hours_text_dark {position:absolute; top:46px; left:47px; background:#ffffff; width:90px; border:solid black 2px; padding:5px; z-index:2; margin:auto; z-index:120;}

#hours_text_dark h2 {font-size:2em; color:#2c2c2c; overflow:hidden;}

#hours_text_dark p {padding-top:10px; padding-bottom:5px; color:#3c3c3c; font-size:1.4em; font-weight:bold;}

.formTable {float:right; width:675px;}

    .formTable td {padding:5px;}
    
    .formTable td a {color:#0080ff; font-weight:bold; font-size:1.3em; padding-left:10px;}
    
    .formTable td h3 {font-size:1.2em;}

#locations img {display:block; float:right; margin-right:200px; margin-top:30px; margin-bottom:20px;}

.underMap {position:relative;margin-right:160px;  margin-top:10px; float:right;}

#historySection {float:right; width:650px; margin:10px;}

    #historySection p {text-indent:20px; line-height:1.3em;}
    
#contactForm {float:right; width:650px; margin:10px;}

.faq {float:right; width:650px; margin:10px; padding-bottom:20px; }

.faq h3 {margin-bottom:20px;}

.faq h4 {padding-bottom:10px;}

.faq p {text-indent:20px; line-height:1.3em;}

.faq ul {list-style-type:circle; padding-left:20px;}

.faq ul li {line-height:1.3em;}

#faqList a h4 {text-indent:20px;}

#banner {background:url('../img/banner4.png'); width:650px; height:263px; float:right; margin:10px; z-index:100;}

#mainPage {width:650px; height:500px; padding:10px; float:right; position:relative;}

#bannerText {padding-top:10px;}

#bannerText p {line-height:1.3em; padding-bottom:10px;}

#services {line-height:1.3em;}

#services h2 {font-size:2em; color:#ffffff; padding-bottom:.5em;}

#services p {padding-left:10px; color:#969697; font-size:1.3em; font-style:italic;}

#services small {line-height:1.1em; font-size:1em; padding-left:20px;}

#col1 {position:absolute; top:170px; left:0px;}

#col2 {position:absolute; top:170px; left:240px;}

#col3 {position:absolute; top:170px; left:480px;}

#col4 {position:absolute; top:340px; left:0px;}

.bg {height: auto; left: 0px; min-height: 100%; min-width: 1024px; position: fixed; top: 0px; width: 100%; z-index:-1;}

.mobileBg {height: auto; left: 0px; min-height: 100%; min-width: 640px; position: fixed; top: 0px; width: 100%; z-index:-1;}

#contactInfo {width:650px; padding:10px; float:right; position:relative;}


    
    #contactInfo p {text-indent:15px; line-height:1.2em;}
    
    #contactInfo a {color:#ffbe0d;}
    
    #contactInfo h3 {padding:5px;}    
    
#mobileContent { background:url('../img/dimmer2.png'); width:86%; padding:10px; margin:auto; margin-top:10px; margin-bottom:10px; text-align:center;}

    #mobileContent {font-size:1.2em;}
    
    .mobileMap {border:2px solid #555; position:relative; z-index:111;}