@charset "utf-8";
/* CSS Document for Arrayware */

html, body, div { margin: 0; padding: 0; }
body { color: #333333; font-size: 12px; font-family: Arial; background: url(../images/bg.gif) center top repeat-x #f4f6fa; line-height:16px;}
img, a, input, button, textarea {border:0;}
.space {clear:both;}
.dotline { width:628px; background:url(../images/dotline.png) center center repeat-x; height:15px; display:block; margin:0 7px;}
a { text-decoration: none; color:#0171DC;}
a:hover {text-decoration: underline;}
.largerfont {font-size: 14px;}

.clearFloat{clear:both;}

/******************** Layout : Header : Start ********************/

#header{ width:440px; height:193px; background:#fff; position:absolute; z-index:-1; left:0; top:0;}
#header h1{ display: block; margin:0; padding:0; height: 193px; background: transparent url(../images/logo.png) left top no-repeat  }
#header a, #header h1 a:visited { display: block; margin: 0; padding: 0; height: 193px; text-indent: -9999px; }
#logo_holder{float:right; position:relative; top:0px; margin:0px 70px 2px 0px;}

/******************** Layout : Header : End **********************/



/******************** Layout : Body : Start **********************/

#wrapper{ width:1024px; padding:48px 0px 0 0px;  margin:0 auto; position:relative; z-index:1; }
#contentwrapper{ width:900px; margin:0 auto; }
#contentwrapper .contenthome {width:900px;height:673px;  margin:0 auto ; background:#fff;}
#contentwrapper .contenthome .left_top {width:692px; float:left; }
#contentwrapper .contenthome .right_top {width:180px; float:right; background-color:#292929; color:#FFFFFF; padding:8px 14px 8px 14px; height:189px; font-size:12px;}
#contentwrapper .contenthome .right_top h2 {font:14px Arial; font-weight:bold; margin-bottom:4px}
#contentwrapper .contenthome .right_top a {color:#FFFFFF; text-decoration:underline;}
#contentwrapper .contenthome .right_top a:hover {color:#0171DC}

#contentwrapper .contenthome .left {width:670px; float:left; }
#contentwrapper .contenthome .right {width:198px; float:right; padding:12px 9px 0px 0px}
#contentwrapper .contenthome .right .rheader {width:198px; height:30px; float:left; background: url(../images/homeright.png) top left no-repeat; }
#contentwrapper .contenthome .right .rheader p {color:#ffffff; font-weight:bold; padding:9px 0 0 14px; margin:0}
#contentwrapper .contenthome .right .rtext {border:1px solid #B5C0DE; border-top:0; padding:15px; float:left; line-height:18px;} 
#contentwrapper .contenthome .right .rtext1 {border:1px solid #B5C0DE; border-top:0; float:left; width:196px; padding:10px 0;} 
#contentwrapper .contenthome .right .rtext p { padding:0; margin:0;} 
#contentwrapper .contenthome .right .rtext1 ul{margin:0px;padding:0; list-style-type: none;}
/*#contentwrapper .contenthome .right .rtext1 li{width:150px; height: 120px;list-style-type: none;  margin:0 auto;}
#contentwrapper .contenthome .right .rtext1 li span img {width:150px; }*/
#contentwrapper .contenthome .right .rtext1 p {padding:0 0 5px 13px; margin:0px}
#contentwrapper .contenthome .right .rtext1 span img {padding:0 0 5px 33px;width:129px;}
#contentwrapper .contenthome .left .homeheader{width:640px; float:left; background: url(../images/homeheader.png) top repeat-x; padding:25px 15px 0 15px;}
#contentwrapper .contenthome .left .homeheader h1 {font:18px bold; font-family: Arial;}
#contentwrapper .contenthome .left .homeheader p {font:14px; font-family: Arial;}
#contentwrapper .contenthome .left .homeheader ul { margin:0; padding:0; }
#contentwrapper .contenthome .left .homeheader ul li {list-style-type:none; padding:10px 0 0px 8px;font:12px Arial; height:25px;display:block;}
#contentwrapper .contenthome .left .homeheader ul li:hover {background: url(../images/homelibg.png) top left no-repeat; }
#contentwrapper .contenthome .left .homeheader ul li a {color: #333333;}
#contentwrapper .contenthome .left .homeheader ul li a:hover {text-decoration: none;}
#contentwrapper .contenthome .left .homeheader span {font:10px Arial; color:#0171DC; text-decoration: none; font-weight:bold;}
#topmenu {float:left;padding:15px 0 0 30px;}
#topmenu ul { padding:0; margin:0; }
#topmenu ul li {display:inline; list-style-type:none; font-size:11px; color:#B5C0DE; }
#topmenu ul li a{color:#B5C0DE; }
#topmenu ul li a.here{ font-weight: bold; }
.nav {width:890px; height:30px; background: url(../images/navbg.png) left no-repeat #ffffff; position:relative; z-index:9999; padding:0 0 0 10px;}
.navleft {padding:20px 0 20px 2px; float:left;}

#contentwrapper .content {width:900px; margin:0 auto; background:#fff; }

#contentwrapper .content .left {width:670px; float:left;}
#contentwrapper .content .right {width:180px; float:right; background-color:#292929; color:#FFFFFF; padding:8px 14px 8px 14px; height:189px; font-size:12px;}
#contentwrapper .content .right h2 {font:14px Arial; font-weight:bold; margin-bottom:4px}
#contentwrapper .content .right a {text-decoration:underline; color:#FFFFFF}
#contentwrapper .content .right a:hover {text-decoration:none; color:#0171DC}

#contentwrapper .content .cheader {background: url(../images/headerimg.jpg) top left no-repeat #fff; height:116px; width:100%; position:relative;}
#contentwrapper .content .cheader .emailus { width:169px; height:22px; background:url(../images/emailus.png); position:absolute; bottom:10px; right:10px; cursor:pointer; }
#contentwrapper .content .text {background: url(../images/contenttextbg.png) top repeat-x; width:882px; padding:0px 0px 0px 9px; float:left;}
#contentwrapper .content .text .maintext {float:left;padding:5px 0 0 30px; width:651px; }
#contentwrapper .content .text .maintext h1 {font:18px Arial; font-weight:bold;}
#contentwrapper .content .text .maintext h2 {font:14px Arial; font-weight:bold;}
#contentwrapper .content .text .maintext h3 {font:12px Arial; font-weight:bold; font-style:italic;}
#contentwrapper .content .text .maintext ul {padding:0; margin:0 16px;}
#contentwrapper .content .text .maintext ul li {color:#0171DC; font-size:9px; }
#contentwrapper .content .text .maintext ul span {color: #333333; font-size:12px;}
#contentwrapper .content .text .maintext .quote {color: #336699; font-size:13px; font-style:normal;}
#contactus p { width:167px; float:left;}
#contactus img, form { float:left; padding:0 0 0 75px;}
#gallery ul{margin:0;padding: 0;list-style-type: none;}
#gallery li{width:200px; height: 200px; float:left; padding:0 5px 0 0;}
#gallery img{width:190px;}

form {width:372px;margin:-30px 0 30px 0;}
label { width:80px; height:21px;color:#0171DC; padding:6px 0 6px 5px; float:left; margin:0;}
input { float:right; background:url(../images/inputbg.png) repeat-y;width:262px; height:21px; margin:3px 0; color:#0171DC; padding:6px 0 0 16px; }
textarea {float:right; display:block; background:url(../images/inputbg.png) repeat-y;width:262px; margin:3px 0; font-size: 12px;font-family: Arial; color:#0171DC; padding:6px 0 0 16px; overflow:hidden;}
button {display:block; background:url(../images/send.png) no-repeat;width:51px; height:24px; float:right; cursor:pointer; margin:5px 0 0 0;}
button:hover {display:block; background:url(../images/sendmover.png)}
/******************** Layout : Body : End ************************/



/******************** Layout : Footer : Start ********************/

#footerwrapper{ width:900px; height:158px; margin:0 auto;position:relative; z-index:1; background:#fff; font:11px Arial}
#footer{ width:845px; background:url(../images/footerbg.png) top repeat-x #fff; margin:0 auto; padding:28px 21px 0 16px;}
#footer .left {width:68px; height:110px; float:left;}
#footer .middle {float:left; width:317px; margin:0 0 0 43px;}
#footer .right {float:right; text-align:right;}
#footer ul { margin:0; padding:0; }
#footer ul li {list-style-type:none; padding: 1px 0;}
#footer h1 {font:12px Arial; font-weight:bold; }
#footer a { text-decoration: none; color: #333333;}
#footer a:hover {text-decoration: underline;}
/******************** Layout : Footer : End **********************/


/*********************nav left************************************/

.box {width: 167px; background: url(../images/leftnavbg.png) top repeat-x #ffffff; padding:25px 0 25px 0px; border:1px solid #B5C0DE; border-top:0;}
ul.subnav {
width: 167px;
margin:0;padding: 0;list-style-type: none;
}

ul.subnav li{

} 

ul.subnav li:hover, ul.subnav li.current{
background: #f2f6fd url(../images/bg_nav_hover.jpg) repeat-y;
} 



ul.subnav a{
display: block;
position: relative;
margin: 0 12px;
padding: 6px 0;
color: #000000;
text-decoration: none;
border-bottom: 1px dotted #B5C0DE;
}
ul.subnav .Level3rd {
font-style: italic;
padding: 6px 12px 6px 10px;
}

ul.subnav li.current a{
font-weight: bold;
color: #0171DC;
}
ul.subnav a.last{
border: none;
}

ul.subnav span{
display: block;
position: absolute;
right: 0;
top: 12px;
width: 5px;
height: 7px;
background: url(../images/arrow.gif) no-repeat;
}

ul.subnav li:hover span, ul.subnav li.current span{
background-position: bottom;
}

.pics {
	height:125px;
	z-index:1;
	width:195px;
	
}
.pics a {
	width:195px;
	
}
.pics2 {
	height: 85px;
   	z-index:1;
	width:195px;
}
.pics3 {
	height: 182px;
   	z-index:1;
}