body{
color:#095E5E;
background:#FFFFFF url(../cssImg/bg.jpg) repeat-x;
margin:0;
font:12px Arial, sans-serif;
font-weight:normal;
width:950px;
margin:auto;
behavior: url(csshover.htc);
}
a{
color:#499fa8;
text-decoration:none;
behavior: url(iepngfix.htc);
cursor:pointer; 
}
a:hover{
color:#006666;
}
img{
margin:5px;
}
img.border, #thumbs img{
background:#FFFFFF;
padding:5px;
border:1px #999999 solid;
}
img#big{
margin:0 15px;
}
h1{
font-size:18px;
}
h2{
font-size:12px;
font-weight:bold;
}
input, textarea{
padding:3px;
}
input.btn{
border:1px #999999 solid;
background:#76d3db;
padding:4px;
}
input.btn:hover{
color:#FFFFFF;
}
#main{
width:950px;
height:auto;
border:1px #64c2cc solid;
margin:70px auto;
background:#FFFFFF;
float:left;
}
#header{
background:url(../cssImg/header.jpg) no-repeat;
width:100%;
height:106px;
position:relative;
}
#menu{
position:absolute;
top:68px;
width:908px;
height:25px;
margin:10px 0;
padding:0 30px;
list-style:none;
list-style-position:outside;
}
#menu *{
margin:0;
padding:0;
width:auto;
}
#menu li{
float:left;
}
#menu a{
float:left;
margin:0 15px;
padding:0 15px;
width:auto;
color:#08494a;
text-transform:none;
text-decoration:none;
line-height:27px;
text-transform:uppercase;
font-weight:bold;
}
#menu a:hover{
background:url(../cssImg/hover.jpg) repeat-x;
color:#FFFFFF;
}
#logo{
background:url(../cssImg/logo.png) no-repeat;
width:350px;
height:140px;
position:absolute;
left:285px;
top:-72px;
}
#middle{
width:930px;
height:385px;
padding:10px;
background:url(../cssImg/middleBg.jpg) repeat-y;
position:relative;
z-index:2;
}
.left{
width:200px;
position:absolute;
top:0px;
left:10px;
}
#home .left{
width:200px;
}
#home .center{
margin-left:170px;
}
#home .right{
width:180px;
}
.leftcontact{
background:#d7ffff;
width:260px;
height:400px;
text-align:center;
color:#095E5E;
position:absolute;
top:0px;
left:10px;
}
.center{
width:520px;
position:absolute;
margin-left:200px;
}
.centertest{
width:100%;
height:100%;
position:absolute;
background:url(../cssImg/test.jpg) 8px 0px no-repeat;
color:#006666;
}
.centertest h1{
font-size:16px;
color:#006666;
margin-top:40px;
text-align:center;
}

.centertest p{
font-size:12px;
color:#006666;
margin-top:40px;
text-align:center;
}
.centertest a{
font-size:10px;
color:#000;
float:none;
text-align:center;
text-decoration:none;
margin-left:420px;
}
.centertest a:hover{
font-size:10px !important;
color: #CC3399 !important;

text-align:center !important;
text-decoration: underline !important;
}


.centercontact{
position:absolute;
width:360px;
margin-left:270px;
height:100%;
}
.right{
width:200px;
position:absolute;
top:0px;
right:0px;
}
.rightcontact{
width:280px;
position:absolute;
top:0px;
right:0px;
}
.spacer{
margin-top:90px;
margin-left:25px;
}
#thumbs{
width:889px;
height:120px;
background:#6deef0;
position:absolute;
bottom:-45px;
z-index:2;
padding:0 20px;
overflow:hidden;
}

#footer{
background:url(../cssImg/footer.jpg) no-repeat;
width:100%;
height:92px;
position:relative;
z-index:1;
}
#footer p{
text-align:center;
position:absolute;
left:320px;
top:40px;
font-size:11px;
font-weight:normal;
padding:0;
margin:10px;
color:#095E5E !important;
}
#footer a {
color:#095E5E;
}
#footer a:hover {
color:#000 !important;
}


#bottom{
position:absolute;
left:190px;
width:570px;
height:50px;
}
#bottom li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#bottom a{
list-style:none;
text-align:center;
display:block;
float:left;
width:150px;
height:40px;
margin:0;
padding:0 10px;
cursor:auto;

}
#bottom a span{
display:none;
}
#bottom #b1{
background:url(../cssImg/b1.png) no-repeat;
width:170px;
}
#bottom #b2{
background:url(../cssImg/b2.png) no-repeat;
width:70px;
}
#bottom #b3{
background:url(../cssImg/b3.png) no-repeat;
width:200px;
}
#closure{
position:absolute;
text-align:right;
width:950px;
font-weight:normal;
font-size:10px;
color:#76d2db;
}

/*carousel for gallery*/
.stepcarousel{
position: relative; /*leave this value alone*/
border:none;
overflow: scroll; /*leave this value alone*/
width: 890px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 950px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*contact form*/
.contact{

}
.contact form-item{
display:block;
}
.contact .form-item{
margin:20px 0;
height:auto;
display:block;
}
.contact p.msg{
color:red;
}
.contact .form-item img{
float:left;
width:90px;
}
.contact label{
display:block;
}
.contact input{
width:200px;
}
.contact .form-item input, .contact .form-item .btn{
width:100px;
float:left;
margin:5px;
}
.contact textarea{
width:317px;
height:90px;
}
.contact .btn{
float:left;
width:150px;
margin-top:10px;
}
.contact .req{
color:#666666;
}