body{ background: #3d3148; margin:0px; padding:0px; font-family:"Myriad Pro"; font-size:14px;}
h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; font-weight:normal;}

#wrapper{width:990px; margin:0 auto;}

#top-wrapper{ width:990px; float:left; background:url(../images/logo-bg.jpg) repeat-x; margin:0px; padding:0px; height:85px;}
#logo{ width:224px; float:left; margin:0px; padding:0px;}

#nav{ background:url(../images/nav-bg.jpg) repeat-x; float:left; width:990px; height:63px; margin:0px; padding:0px;}
#nav ul{ float:left; list-style-type:none; margin:0px 0px 0px 20px; padding:0px;}
#nav ul li{ float:left; display: inline; margin:0px; padding:0px 20px 0px 20px; text-transform:uppercase; background:url(../images/nav-div.jpg) right no-repeat; line-height:63px; font-weight:bold; font-size:16px;}

#nav ul li a{ color:#000000; text-decoration:none; margin:0px;  padding:0px 18px 0px 10px;line-height:63px; float:left;}
#nav ul li a span{padding:0px 10px 0px 0px; margin:0px;line-height:63px; float:left;}
#nav ul li a:hover{ background:url(../images/hover-leftcut.jpg) left no-repeat; float:left; padding:0px 18px 0px 10px; margin:0px; text-decoration:none; line-height:63px;}
#nav ul li a:hover span{ background:url(../images/hoverrtcut.jpg) right no-repeat; float:left; padding:0px 10px 0px 0px; margin:0px;line-height:63px;}

#banner{ width:970px; float:left; background:url(../images/banner-bg.jpg) repeat-x; margin:0px; padding:0px 10px; border-bottom: solid 1px #FFFFFF; height:260px;}

#mid-wrapper{ width:970px; float: left; margin:0px; padding:19px 0px 10px 20px; background:#dcdcdc url(../images/con-bg.jpg) repeat-x; }
#mid-left{ width:600px; float:left; margin:0px 35px 0px 0px; padding:0px;}
.welcome{ width:600px; float:left; margin:0px; padding:0px; color:#656565;}
.welcome h1{ font-size:45px; margin-bottom:10px;}
.welcome h1 span{font-size:26px;}
.border{ border-bottom: solid 1px #bbbbbd; width:600px; float:left; margin:35px 0px 10px 0px;}
#more{ width:600px; float:left; margin:20px 0px 0px 0px; padding:0px;}

#mid-right{ width:319px; float:left; margin:0px; padding:0px 0px 0px 10px;}
#contact-info{width:309px; float:left; margin:12px 0px 0px 0px; padding:0px; font-size:14px;color:#656565;}
#contact-info span{ font-size:30px; color:#000000;}
#more2{width:314px; float:left; margin:10px 0px 0px 5px; padding:0px;}

#solutions{width:319px; float:left; margin:29px 0px 10px 0px; padding:0px;font-size:30px;}
#menu{width:285px; float:left;}

#accordion {list-style: none;padding:0;width:285px;}
#accordion li{ background: url(../images/menu-bg.jpg) no-repeat;font-weight: bold;font-family:Verdana, Arial;font-size:13px; color:#000;cursor:pointer;padding:0px 0px 0px 10px; width:275px; line-height:40px;margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
#accordion ul { list-style-type:none;padding:0px;;display: none; margin:0px;}
#accordion ul li{font-weight: normal; background:none; padding:0px 0px 0px 20px; margin:0px; line-height:20px;}
#accordion a {font-family:Verdana, Arial;font-size:12px;color:#878787;text-decoration: none;margin:0px; padding:0px; list-style-type:none;}
#accordion a:hover {text-decoration: underline;}

#foot{width:990px; float:left; background:#303030; }
#footer{width:990px; float:left; }
#footer ul{ float:left; list-style-type:none; margin:0px 0px 0px 225px; padding:0px;}
#footer ul li{ float:left; display:inline; margin:0px; padding:15px 10px; color:#FFFFFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#footer ul li a{ text-decoration:none; color:#FFFFFF; float:left;}
#copyrt{width:970px; float:left;color:#FFFFFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px 0px 5px 20px;}

/**************************SLIDE**************************/

#gallery { width:970px; float:left; margin:0px; padding:0px; position:relative; }

/*#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}*/
#image {position:relative; width:970px;    background: #000000 url(../images/loading.gif) center center no-repeat; }
#image img {position:absolute; top:0px; left:0px; float:left;}

#thumbwrapper {/*margin-top:10px; padding:5px 0;*/ width:0px; /*height:100px;*/  }
#thumbarea {overflow:hidden; /*height:100px*/; width:50px; }
#thumbs { list-style:none;  /*height:102px;*//* width:10000px;*/ }
#thumbs li {float:left; }


.imgnav {position:absolute;  width:20%; z-index:100;  width:20%; z-index:100; outline:none; cursor:pointer; }
#previmg {left:20px; background:url(../images/arrows.png) left center no-repeat; width:30px; height:30px;top:90px;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {  background: url(../images/arrows.png)right center no-repeat;  width:30px; height:30px; top:90px; right:10px;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}