/* CSS Document */

html, body {margin:0; padding:0; background-color:#111; height:100%;}

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; }

h1 {text-align:left; color:#ebc785; font-size:18px; margin:24px 0 36px 0;}
h2 {text-align:left; color:#ebc785; font-size:14px; margin-top:0;}
h3 {text-align:left; color:#ebc785; font-size:15px; margin-top:0; margin-bottom:24px;}
h4 {text-align:left; color:#ebc785; font-size:11px; margin:24px 0 60px 12px; font-style:italic;}


#wrapper {position:relative; min-height:100%;}
#head-container {display:block; width:100%; height:95px; background-color:#111; padding:10px 0;}
#head-content {margin:0 auto; width:1000px;}
#logo {float:left; position:relative; margin:0;}
#phone {float:right; position:relative; margin:0;}

#container {position:relative; display:inline-block; width:100%; padding-bottom: -100px;}
#content { margin:0 auto; width:1000px; padding:10px; min-height:100%;}

#main-text {float:left; width:660px; padding:10px; text-align:left;}
#main-text ul {text-align:left; margin:0; margin-left:36px; list-style-type:square;}
#main-text li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}
#item-list {float:right; width:300px;}
#item-list ul {text-align:left; margin:0; margin-top:8px; list-style-type:square;}
#item-list li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}

#main-text2 {float:right; width:600px; padding:10px; text-align:left;}
#main-text2 ul {text-align:left; margin:0; margin-left:36px; list-style-type:square;}
#main-text2 li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}
#item-list2 {float:left; width:320px;}
#item-list2 ul {text-align:left; margin:0; list-style-type:square;}
#item-list2 li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}

#home-features {display:inline-block; margin:0 auto; padding-bottom:120px; width:1000px; background-color:#111;}
.feature-block1 {float:left; width:250px; height:204px; text-align:center;}
.feature-block {float:right; width:250px; height:204px; text-align:center;}

#contentspacer { display:inline-block; margin:0 auto; padding-bottom:120px; width:1000px; background-color:#111;}
#displayspacer { display:inline-block; margin:0 auto; padding-bottom:60px; width:1000px; background-color:#111;}

#hlpdiv1 {float:left; width:210px; text-align:left; margin:0; padding:10;}
#hlpdiv2 {float:right; width:510px; margin:0; padding:10;}
#hlpdiv3 {float:right; width:250px; text-align:center; margin-left:25px; padding:10;}
.column {position:relative; width:240px;}
#hlpdiv3 img {border:0; margin-bottom:12px;} 

#displaydiv1 {float:left; width:210px; text-align:left; margin:0; padding:10;}
#displaydiv2 {float:right; width:510px; margin:0; padding:10;}
#displaydiv3 {float:right; width:250px; text-align:center; margin-left:25px; padding:10;}
#displaydiv3 ul {text-align:left; margin:0 0 24px 36px; list-style-type:square;}
#displaydiv3 li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}

#testidiv1 {float:left; width:210px; text-align:left; color:#369; margin:0; padding:10;}
#testidiv1 ul {text-align:left; margin:0; list-style-type:none;}
#testidiv1 li {text-align:left; margin-bottom:9px; list-style-type:none; padding:0 12px 6px 0;}

#testidiv2 {float:right; width:440px; margin:0; padding:10;}
#testidiv2 ul {text-align:left; margin:0; margin-left:24px; list-style-type:square;}
#testidiv2 li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}
#testidiv3 {float:right; width:300px; text-align:center; margin-left:25px; padding:10;}
#testidiv3.column {position:relative; width:240px;}
#testidiv3 img {border:0; margin-bottom:12px;}

#contact-left {float:left; width:240px; padding:10px;}
#contact-right {float:right; width:710px; padding:10px; margin-left:10px; text-align:center;}

.locations {text-align:left; padding:0; margin-bottom:36px;}
.locations ul {text-align:left; margin:0; margin-left:36px; list-style-type:square;}
.locations li {text-align:left; margin-bottom:9px; list-style-type:square; padding-left:12px; font-style:italic;}


#locprice {display:block; width:224px; margin:0 auto; margin-bottom:120px; background-color:#369; padding:8px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

#formbox {margin:0 auto; margin-top:15px; width:560px; background-color:#232323; padding:10px; border-radius:5px;}

#footer-container {display:block; width:100%; height:100px; background-color:#369; position:absolute; bottom:0; left:0;}

#footer {position:relative; clear:both; margin:0 auto; margin-bottom:-100px; width:1000px; height:100px; font-size:10px; color:#eee; background-color:#369; }
#foot-left {position:relative; float:left; width:250px; margin:30px 0 0 10px; text-align:center;}
#foot-right {position:relative; float:right; width:150px; margin-top:30px;}

p {text-align:left; margin-top:0; margin-bottom:15px;}



ul {list-style-type:none; margin:0; padding:0;}
li {list-style-type:none; margin:0; padding:0;}



ul#listOfImages {

  height: 300px;
  margin: 0;
  padding: 0;
  width: 996px;
  position: relative;
  border-bottom:6px solid #369; margin-bottom:8px; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
}
  
  ul#listOfImages li {
    display: block;
    height: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 996px;
  }
    
    ul#listOfImages li img {
      border:0; 
    }



input.frmtxt { color:#222; font-weight:bold; padding:3px; border:1px solid #222; background-color:#efefef; border-radius:5px; }
input.frmtxt:focus {color:#fff; border:1px solid #ebc785; background-color:#369; border-radius:5px; }
textarea.boxtxt { color:#222; font-weight:bold; padding:3px; border:1px solid #222; background-color:#efefef; border-radius:5px; }
textarea.boxtxt:focus {color:#fff; border:1px solid #ebc785; background-color:#369; border-radius:5px; }
input.frmbtn { text-align:center; color:#ebc785; font-weight:bold; padding:6px 18px; border:1px solid #222; background-color:#369; border-radius:5px; }
input.frmbtn:hover { color:#369; background-color:#ebc785;}

img.titlepic {height: 300px; margin:0 auto; padding: 0; width: 996px; position: relative; border-bottom:6px solid #369; margin-bottom:8px; padding:0; overflow:hidden; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
img.featpic {margin:6px 0 4px 0; border:solid 1px #369; border-radius:5px; }


a, a:link, a:visited {color:#ebc785; text-decoration:none;}
a:hover {color:#369;}

#mainnav {width:100%; font-size:12px; font-weight:bold; height:30px; padding-top:10px; background-color:#369;}
a.mainnav:link, a.mainnav:visited {display:inline; margin:0 12px; padding:9px; text-decoration:none; color:#ebc785; background-color:#369; text-shadow: 0.1em 0.1em 0.2em #111;}
a.mainnav:hover {color:#369; background-color:#ebc785; text-shadow:none;}


a.feature:link, a.feature:visited {display:inline-block; width:242px; height:200px; background:#111 url("../graphics/feature-bg.gif") no-repeat; overflow:hidden; text-align:center; text-decoration:none; color:#ebc785; font-size:12px; font-weight:bold; margin:0; padding:0; text-shadow: 0.1em 0.1em 0.2em #111;}
a.feature:hover {background:#111 url("../graphics/feature-bg-r.gif"); color:#fff;}

a.hlplink, a.hlplink:link, a.hlplink:visited {display:block; width:198px; height:24px; margin-right:12px; margin-bottom:2px; padding:6px 0 3px 12px; text-decoration:none; color:#369; background-color:transparent; text-shadow: 0.1em 0.1em 0.2em #111;}
a.hlplink:hover {color:#ebc785;}

a.testilink, a.testilink:link, a.testilink:visited {width:200px; margin-left:6px; text-decoration:none; color:#369; background-color:transparent; text-shadow: 0.1em 0.1em 0.2em #111;}
a.testilink:hover {color:#ebc785;}

a.gallerylink:link, a.gallerylink:visited {display:block; margin:0 auto; width:200px; height:150px; padding:2px; border:1px solid #369; background-color:#222; overflow:hidden;}
a.gallerylink:hover {border:1px solid #ebc785; background-color:#369;}

a.whatlink:link, a.whatlink:visited {color:#369; text-decoration:none; font-size:10px;}
a.whatlink:hover {color:#ebc785; text-decoration:none;}

a.mathlink:link, a.mathlink:visited {color:#222; text-decoration:none; font-size:6px;}
a.mathlink:hover {color:#222; text-decoration:none;}
	
a.footlink:link, a.footlink:visited {text-decoration:none; color:#eee;}
a.footlink:hover {text-decoration:underline; color:#ebc785;}


/* -- drop menu style -- */



.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;
background-color:transparent; 
padding: 10px;
margin: 0;
text-align: left; 
}

.chromestyle ul li{
display: inline;
text-align:left;
}

.chromestyle ul li a{
color: #bcbec0;
padding: 10px;
margin: 0;
text-decoration: none;
	margin-left:1px; 
	margin-right:1px;
	border:0;
	border-bottom:1px solid #b2d234;
	text-align:left;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/

	text-decoration:none;
	color:#000;
	background-color:#bcbec0;
	border:1px solid #b2d234;
	border-top:0;	
	margin-left:0; 
	margin-right:0;

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top:0;
border: 1px solid #111; /*THEME CHANGE HERE*/
border-bottom-width: 0;
border-top-width:0;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: #369;
width: 180px;
visibility: hidden;
text-align:left;
opacity: 0.9;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.8;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #111; /*THEME CHANGE HERE*/
padding:8px 4px;
text-decoration: none;
font-weight: bold;
color: #ebc785;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#ebc785;
background-color: #111;
}