@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; width:100%; padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; color:#000; background: #999;}

h1, h2, h3, h4, h5 { padding: 0 0 .55em 0; line-height: .875em; margin:0; font-weight:normal; font-family:"Comic Sans MS", cursive; color:#f3bf32;}
h1 { font-size:14px; }
h2 { font-size:20px; line-height:1em; } 
h3 { font-size:18px; line-height:1.3em; }
h4 { font-size:16px; line-height:1.3em; }
h5 { font-size:14px; line-height:1.3em; }
p, li { font-size:14px; padding: 0; margin: 0 0 20px 0; line-height: 18px; color: #fff;}

a {text-decoration:none;color: #fff; } a:hover { text-decoration: none; }

img { border:none; margin:0; padding:0;}

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

.clear{ clear:both; font-size:0; line-height:0; overflow: hidden; height:0}

hr{ border-top:1px solid #cccccc; border-width:1px 0 0 0; background:none; height:10px; margin:12px 0; padding:0; }

.spacer{ clear:both; font-size:0; line-height:0; overflow: hidden; height:18px}

.right{ float:right;}
.left1{ float:left;}
/*------main-------*/

.maincontainer{ background:url(../images/mainbg.jpg) no-repeat top center; width:100%; height:768px;}
#container{ background:url(../images/containerbg.png) no-repeat 0 107px; width:970px; padding:0 0 0 10px; margin:0 auto;}
#logo{ background:url(../images/logobg.png) no-repeat; width:220px; height:171px; float:left; display:block; padding-left:60px; position:relative; z-index:1000 }
#logo h1{background:url(../images/aquajavalogo.png) no-repeat; width:160px; height:132px; display:block; float:left;}
#logo h1 a{width:160px; height:132px; display:block;}
#logo h1 span{width:160px; height:132px; display:none;}
#logo h2{background:url(../images/home.png) no-repeat; width:22px; height:22px; display:block; float:right; margin:140px 20px 0 0;}
#logo h2 a{width:22px; height:22px; display:block;}
#logo h2 span{width:22px; height:22px; display:none;}


#topbar{ background:url(../images/topbar_bg.jpg) no-repeat; width:305px; height:96px; float:left; padding:25px 0 0 365px;}
.aqualink{ background:url(../images/aquajava_logo1.png) no-repeat;width:55px; height:78px; display:block; margin-right:26px; float:left;}
.aqualink a{width:55px; height:78px; display:block;}

.toplink1{ background:url(../images/toplink1.png) no-repeat;width:42px; height:40px; display:block; margin:10px 0 0 11px; float:left;}
.toplink2{ background:url(../images/toplink2.png) no-repeat;width:42px; height:40px; display:block;margin:10px 0 0 11px; float:left;}
.toplink3{ background:url(../images/toplink3.png) no-repeat;width:42px; height:40px; display:block;margin:10px 0 0 11px; float:left;}
.toplink1 a, .toplink2 a, .toplink3 a{width:42px; height:40px; display:block;}
.toplink1 span, .toplink2 span, .toplink3 span{width:42px; height:40px; display:none;}

#navigation{ background:url(../images/navbg.png) no-repeat; width:670px; height:50px; float:left; position:relative; z-index:1000; overflow:hidden}
#navigation li{ float:left;}
#navigation li a{ display:block;}
#navigation li span{ display:none;}

#navigation li.mainlink1 a{background:url(../images/mainlink1.png) no-repeat; width:88px; height:13px; margin-left:20px; margin-top:30px;}
#navigation li.mainlink1 a:hover,#navigation li.mainlink1 a.active{background:url(../images/mainlink1.png) no-repeat ; width:88px; height:13px; margin-left:20px; margin-top:30px; }

#navigation li.mainlink2 a{background:url(../images/mainlink2.png) no-repeat; width:114px; height:13px; margin-left:15px;margin-top:30px; }
#navigation li.mainlink2 a:hover,#navigation li.mainlink2 a.active{background:url(../images/mainlink2.png) no-repeat; width:114px; height:13px; margin-left:15px;margin-top:30px;}

#navigation li.mainlink3 a{background:url(../images/mainlink3.png) no-repeat; width:112px; height:13px; margin-left:15px;margin-top:30px; }
#navigation li.mainlink3 a:hover,#navigation li.mainlink3 a.active{background:url(../images/mainlink3.png) no-repeat; width:112px; height:13px; margin-left:15px;margin-top:30px; }

#navigation li.mainlink4 a{background:url(../images/mainlink4.png) no-repeat; width:83px; height:13px; margin-left:15px;margin-top:30px; }
#navigation li.mainlink4 a:hover,#navigation li.mainlink4 a.active{background:url(../images/mainlink4.png) no-repeat; width:83px; height:13px; margin-left:15px;margin-top:30px;}

#navigation li.mainlink5 a{background:url(../images/mainlink5.png) no-repeat; width:86px; height:13px; margin-left:15px;margin-top:30px; }
#navigation li.mainlink5 a:hover,#navigation li.mainlink5 a.active{background:url(../images/mainlink5.png) no-repeat; width:86px; height:13px; margin-left:15px;margin-top:30px;}

#navigation li.mainlink6 a{background:url(../images/mainlink6.png) no-repeat; width:62px; height:13px; margin-left:15px;margin-top:30px; }
#navigation li.mainlink6 a:hover,#navigation li.mainlink6 a.active{background:url(../images/mainlink6.png) no-repeat; width:62px; height:13px; margin-left:15px;margin-top:30px;}

#container .content{width:952px; height:310px;}
.content span{ display: none;}
.contentimg{ margin-left:1px;z-index:998; float:left; }
.textarea{ background:url(../images/contentarea.png) no-repeat; position:relative; margin-right:21px;   float:right; width:519px; height:495px; z-index:998; padding:36px 23px 11px 124px;}
.textarea h2{ color:#f3bf32;}
.textarea p{color:#ebeae8; line-height:19px; font-size:14px;}
.textarea p span{color:#f3bf32;}
ul#list li{color:#FFF; list-style-position:outside; list-style-type:disc; margin:0 0 8px 15px;font-size:12px;}
.curve{ background:url(../images/curve.png) no-repeat; width:950px; height:34px; position:absolute; top:448px; z-index:1000; }
.curve2{ background:url(../images/curve2.png) no-repeat; width:63px; height:34px; position:absolute; top:448px; z-index:1000; }
.curve span,.curve2 span{ display:none;}
.curve_top{ background:url(../images/curve_top.png) no-repeat; width:948px; height:50px; position:absolute; top:122px; z-index:998; margin-left:1px;}
.curve_top span{ display:none;}

#block1{ background:url(../images/hot_bg.png) no-repeat; width:258px; height:215px; padding:12px 11px 0 11px; float:left;position:relative}
#block1 p{font-size:12px; font-weight:bold; color:#bdb3aa}
.readmore{font-size:10px;font-weight:bold; color:#ba6e2a;} 
.readmore span{color:#bdb3aa}
.readmore:hover{ text-decoration:underline; }
#block2{width:320px; height:227px; float:left; margin-left:4px; padding-top:1px; margin-bottom:4px}
#block3{width:348px; height:214px; float:right; margin-right:9px; background:url(../images/new_bg.png) no-repeat; padding:12px 0 0 9px; position:relative;margin-bottom:4px}
.block1img{ position:absolute; top:12px; left:11px;}
.block3img{ position:absolute; top:12px; left:9px;}
#block3 .new{ position:absolute; left:252px; top:65px;}
#footer{ background:url(../images/footerbg.png) no-repeat; width:879px; height:52px; margin-top:3px; padding:0 40px}
#footer p.email{ font-size:14px; color:#e1cdcd; font-family:calibri; margin:20px 105px 0 0; float:left;}
#footer p.copy{ font-size:14px; color:#e1cdcd; font-family:calibri; margin:20px 0 0 ; float:left;}
#footer p.footerlink {font-size:11px; font-weight:bold; color:#FFF; float:left; margin:20px 0 0 80px;}
.facebook{background:url(../images/footerlinks.jpg) no-repeat  0 0; width:34px; height:36px; margin:8px 8px 0 0; display:block; float:left}
.twitter{background:url(../images/footerlinks.jpg) no-repeat -40px 0; width:42px; height:36px; margin:8px 8px 0 0;display:block; float:left}
.facebook span, .twitter span{display:none;}
.media{ float:left; margin-right:30px; margin-bottom:10px;}
.location{float:left; margin-right:10px;  width:220px; height:140px}
.hot_img{ float:left; margin-right:15px; border:2px #5f3926 solid;}
.imgborder{ border:2px #5f3926 solid; }
.facecontent{width:350px;margin:15px auto; min-height:300px;padding-left:15px}
.facecontent p.img{text-align:center;}
#face .facecontent p img{border:1px #4a0001 solid}
.facecontent p img{border:1px #4a0001 solid}
.facecontent1{width:500px;margin:15px auto; min-height:300px; padding-left:15px}
.facecontent1 p.img1{ text-align:center; padding-top:10px; }
#face1 .facecontent1 p img{border:1px #4a0001 solid}
/*--------------scroll-------------*/
div.content2 { /* hide content to be swapped in */
	position:relative; visibility:hidden;
	left:0; top:0;
	}
div#lyr1 { /* show first div */
    visibility:visible;
    }

div#scrollbar {
    display:none; /* hide from incapable */
    }
.scrollarea{ margin:0; padding:0; width:519px; height:470px;position:relative;}

#extra_controls, #scrollbar { 
    display:none; /* hide from incapable */
    }

#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }