body { padding: 0; margin: 0; font: 80%/175% "trebuchet MS", verdana, sans-serif; color: #ffffff;  text-align: left; 
background: #e7e7e7 url(../img/mainback.gif) no-repeat center top;
}

.sidetext {
margin-top: 24px;
height: 185px;
overflow: auto;}

.sidetext a:link {
color: #ffff33;
text-decoration: underline;
}

.sidetext a:visited {
color: #ffff33;
text-decoration: underline;
}

.sidetext a:hover {
color: #29aab9;
text-decoration: underline;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.clear { clear: both; }

#maincontainer { width: 980px; margin: 0 auto; padding: 0 0 0 0; }

h1 { width: 365px; height: 35px; margin: 18px 12px 0 0;  float: right; text-indent: -10000px;  }
h1 a:link, h1 a:visited { display: block; }
h1.logogreen { background: url(../img/logo-moon.gif) no-repeat;
}
h1.logored { background: url(../img/logo-moon-red.gif) no-repeat; 
}
h1.logodarkgreen { background: url(../img/logo-moon-green.gif) no-repeat; }

h1.logoblue { 
width: 365px; height: 57px;
background: url(../img/logo-moon2.gif) no-repeat; }

h1.logogreygreen{ background: url(images/logo-greygreen.gif) no-repeat; }
h1.logodarkred { background: url(./images/logo-darkred.gif) no-repeat; }

#navigator { width: 515px; height: 32px;
background: transparent; 
margin: 30px 5px 15px 5px; padding: 0; position: relative; float: left; }

#navigator ul {list-style-type: none;}
#navigator li {margin: 0; padding: 0; list-style: none; position: absolute; }
#navigator li, #navigator a { display: block; height: 32px; padding: 0;
color: #333333;
text-decoration: none;}
#navigator li, #navigator a:visited {
color: #333333;
}
/*---------------------------------------------------------------------------------------------*/
#link1 { left: 0; width: 79px;
font-weight: bold;

color: #333333;}
#link2 {left: 79px; width: 138px; 
font-weight: bold;
color: #333333;
}
#link3 {left: 195px; width: 114px; 
font-weight: bold;
color: #333333;
}
#link4 {left: 300px; width: 100px;
font-weight: bold;
color: #333333;
}
#link5 {left: 418px; width: 97px;
font-weight: bold;
color: #333333;
}

}
/*---------------------------------------------------------------------------------------------*/
#link1 a:hover {
background: transparent;
font-weight: bold;
color: #996666;
}

#link2 a:hover, .link2on {background: transparent;
font-weight: bold;
color: #996666;
}
#link3 a:hover, .link3on {
background: transparent;
font-weight: bold;
color: #996666; 
 }
#link4 a:hover, .link4on {background: transparent;
font-weight: bold;
color: #996666;
}
#link5 a:hover, .link5on {background: transparent;
font-weight: bold;
text-decoration: none;
color: #996666;
}
/*---------------------------------------------------------------------------------------------*/

a:link.homelink {
color: #ffffff;
font-weight: bold;
float: right;
margin-right: 3em;
}

a:visited.homelink {
color: #ffffff;
font-weight: bold;
float: right;
margin-right: 3em;}

a:hover.homelink {
color: #ffff64;
font-weight: bold;
float: right;
margin-right: 3em;}

#faq li a:link {
color: #ffffff;}

#faq li a:visited {
color: #ffffff;}

#maincontentarea { margin: 0px 0em 5px 0em; padding: 0; clear: both;
background-color: #e7e7e7;}

#topleftcontainer { width: 587px; float: left; margin: 0; padding: 0;
height: 330px;
overflow: hidden;}

#topleftcontainer-info { width: 587px; float: left; margin: 0; padding: 0;
background-color: #008989;
}


#toprightcontainer { width: 393px; float: left; margin: 0; padding: 0;  
height: 330px;
overflow: hidden;
}

.tabpic1{
margin: 6px;
float: right;}
#toprightcontainer.homepage { background: #EAAA4A;  }

#tabblock{
float: left;
margin-left: 5px;}

#tabblock-content{
float: left;
margin-left: 5px;
background-color: #339933;
background-image: url(../img/greenback.jpg);
background-repeat: repeat-y;}

#tabblock-content p {
margin-top: 0em;
margin-bottom: 0em;}

#tabblock-content2{
float: left;
margin-left: 5px;
background-color: #b10d0a;
width: 386px;}

#tabblock-content2 p {
margin-top: 0em;
margin-bottom: 0em;}

#tabblock-content3{
float: left;
margin-left: 5px;
background-color: #000000;
}
#tabblock-content3 p {
margin-top: 0em;
margin-bottom: 0em;}

#tabblock-content4{
float: left;
margin-left: 5px;
background-color: #5f2f5f;
}
#tabblock-content4 p {
margin-top: 0em;
margin-bottom: 0em;}

#tabblock-content5{
float: left;
margin-left: 5px;
background-color: #008989;
}
#tabblock-content5 p {
margin-top: 0em;
margin-bottom: 0em;}
/*Place window with scrollbar for thumb images*/

#outer {
clear: both;
height:100px;
width:360px;
position: relative;
z-index: 100;
}
#minipic {
height:120px;
width:370px;
overflow-x: auto;
overflow-y: hidden;
border: 1px #dadada solid;
}
#minipic img{
height:100px;
}
#thumbs {
width: 1800px; height:100px; padding:0; margin:0; list-style:none;
background-color: #ffffff;
}
.tabbox{
width: 360px;
padding: 10px;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-right: 1px #000000 solid;
height: 285px;
overflow: auto;}
.tabbox-content{
width: 372px;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-right: 1px #000000 solid;
height: 310px;

padding-left: 5px;
padding-right: 5px;}

.shadetabs{
padding: 5px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 0px;
margin-right: 5px;
margin-left: 11px;
color: #2d2b2b;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #8d8db5;
border-bottom-color: white;
color: #ffffff;}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
background-color: #b1bcde;}

.tabcontent{
display:none;
background-color: #8d8db5;
padding: 3px;}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#faq i{
font-weight: bold;
color: #ffff66;}
#testimonials{
padding: 5px;}
#contact{
padding: 5px;}
/******* End Right side tab styling **********/

#footernavcontainer { width: 100%; height: 198px; margin: 5px 0 0 0; background: #8c9ece url(../img/footnavback.gif) no-repeat center top; border-width: 10px 0; border-color: #FFFFFF; border-style: solid;
}

#footerback { width: 980px; background: #FFFFFF; margin: 0 auto;  }
#footernav { width: 980px; height: 198px; background: url(../img/footnavpic.jpg); margin: 0; padding: 0; position: relative;   }

#footernav ul {list-style-type: none;}
#footernav li {margin: 0; padding: 0; list-style: none; position: absolute; }
#footernav li, #footernav a { display: block; height: 198px; padding: 0; }

#footernav1 { left: 0; width: 188px; }
#footernav2 {left: 198px; width: 188px; }
#footernav3 {left: 396px; width: 188px; }
#footernav4 {left: 594px; width: 188px; }
#footernav5 {left: 792px; width: 188px; }
/*---------------------------------------------------------------------------------------------*/
#footernav1 a:hover {background: transparent url(../img/footnavpic.jpg) 0     -198px no-repeat;}
#footernav2 a:hover {background: transparent url(../img/footnavpic.jpg) -198px -198px no-repeat;}
#footernav3 a:hover {background: transparent url(../img/footnavpic.jpg) -396px -198px no-repeat;}
#footernav4 a:hover {background: transparent url(../img/footnavpic.jpg) -594px -198px no-repeat;}
#footernav5 a:hover {background: transparent url(../img/footnavpic.jpg) -792px -198px no-repeat;}

#footermain { width: 100%; height: 220px; background: #8e8e8e url(../img/footback.jpg) center top no-repeat; padding: 20px 0; }
#footermain ul { width: 900px; margin: 0 auto; padding: 0; list-style-type: none;  }
#footermain li { background: url(../img/footli.gif) 1px 6px no-repeat; padding: 5px 0 5px 25px; margin: 0 10px 0 0; display: inline; }

#footermain a:link {
color: #ffffff;}
#footermain a:hover {
color: #ffff33;}
#footermain a:visited {
color: #ffffff;}

.minitext{
font-size: 11px;
color: #f4f4f4;
text-align: center;
margin-top: 170px;
}

.minitext a:link {font-size: 11px;
color: #f4f4f4;
text-decoration: none;
}
.minitext a:visited {font-size: 11px;
color: #f4f4f4;
text-decoration: none;
}
.minitext a:hover {font-size: 11px;
color: #f4f4f4;
text-decoration: underline;}
/*-- Helper classes -------------------*/

.center {text-align:center;}

.padded {padding:5px;}

.clear {clear:both;}