/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px;}
body{margin: 0px 0px; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;}
html, body{height: 100%; vertical-align: middle; text-align: center;}
body{background: url(../images/bg2.jpg) repeat-x top left #142049;}
body.vid{background: url(../images/bg3.jpg) repeat-x top left #142049;}

a{color: #CBD0DE; }

img{border: 0px;}

.vertical-align{width: 100%; height: 100%; vertical-align:middle; text-align: center;}
.header {text-align: right;}
.header img{margin-top: 15px; margin-right: 25px;}
.wrapper{width: 100%; background: url(../images/outer-continuous.gif) repeat-y center; margin:auto; }
.container{width: 790px; background:url(../images/outer-top.gif) no-repeat top #14204A; margin: auto; text-align:left;}

.divStripe{width: 100%; height: 65px; background:url(../images/bg-stripe.gif); margin-top: 20px}
.divServices{width: 788px; margin: auto; height: 65px; background:url(../images/bg-services.gif) no-repeat; vertical-align:middle;vertical-align:middle;}
.divServices .service{width: 145px; float: left; height: 57px; vertical-align: middle; text-align:left; margin-right:5px;}
.divServices .service p{margin-top: 18px; margin-bottom: 0px; padding: 0px; font-size: 10px;text-decoration: none;}
.divServices .service a{text-decoration: none;}
.divServices .service a:hover{color: #fff;}
.divServices .end{margin-left: 0px;}
.divServices .left{padding-left: 25px;}
.divServices .service img{float: left;margin-right:3px; }

.divServices-old{width: 788px; margin: auto; height: 65px; background:url(../images/bg-services.gif) no-repeat;}
.divServices-old img{border: 1px solid #131F49; margin-right:20px; float: left; }
.divServices-old img.first{margin-left: 20px; border: 1px solid #131F49; }
.divServices-old img.last{margin-right: 0px; }

.divBottomvid{width: 788px; background: url(../images/outer-continuous.gif) repeat-y #14204A; margin:auto; }
.divBottomvid img{margin-top: 20px;}

.divBottom{width: 788px; background: url(../images/outer-continuous.gif) repeat-y #14204A; margin:auto; }
.divBottom img{margin-top: 20px;}

.side-area p{margin-bottom: 14px;}
/* Menu */
.container #nav{left:0px; font-size: 11px; text-transform:uppercase; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;  margin:0px;padding-bottom:0px; }
.container #nav ul{list-style: none;padding:0;margin:0;left:0px;padding-left:0px; }
.container #nav ul li{float:left; display:inline;position:relative;text-align: left;cursor: default;text-transform:uppercase; left:0px; padding-left:25px;z-index:10;padding-bottom:0px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;color: #fff;padding: 7px 7px 7px 25px;}
.container #nav ul li.tester1{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; padding-right:31px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-top:-5px; }
.container #nav ul li.tester2{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; padding-right:31px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-top:-10px; }
.container #nav ul li.tester3{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; padding-right:31px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-top:-15px; }
.container #nav ul li.tester4{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; padding-right:31px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-top:-20px; }
.container #nav ul li.tester5{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; padding-right:31px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-top:-25px; }

.container #nav ul li a{text-decoration:none; color: #fff; padding: 4px;}
.container #nav ul li a:hover{ text-decoration:none; color:#B0B3BC; }

.container #nav ul li.first-li{padding-left: 25px;}
.container #nav ul li.end{float:left;position:relative;text-align: left;cursor: default;text-transform:uppercase; margin-right:0px; left:0px; padding-left:0px;z-index:10;padding-bottom:0px; margin-bottom:0px;}
.container #nav ul li img{padding: 3px 0px 11px 0px;}
.container #nav ul li.last{margin-right:0px; padding-right:0px;}
.container #nav ul li p{display:none;}
.container #nav li > ul {top: auto;left:auto;}
.container #nav ul li ul{display: none; position: absolute; top: 26px; left:0px;border-top: 1px solid #D1D6E6;}
.container #nav ul li ul li.wider{width:210px;left:-5px;}
.container #nav ul li ul li.middle{width:140px; left:0px;}
.container #nav ul li ul li.middle2{width:120px; left:-5px;}
.container #nav ul li ul li.middle3{width:105px; left:0px;}
.container #nav ul li ul li.ending{width:104px; left:-4px;}
.contact {width:90px;}
.container #nav ul li:hover ul {display: block;z-index:999;left: 10px; }

.container #nav ul li ul li{margin-left:0px; margin-right:0px; margin-bottom: 0px;width:180px; left:0px;padding-right: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.container #nav ul li ul li{position: relative;text-transform:none;display: block;border: 1px solid #D1D6E6 ;border-top:none;margin-left:0px;padding-left:5px;padding-bottom:0px;margin-bottom:0px;margin-top:0px;padding-top:0px;font-weight: normal;background:#5D6682;color:#fff;line-height:20px; height:20px;clear: both;}
.container #nav ul li ul li a{color:#fff;width:145px; padding: 0px;}
.container #nav ul li ul li:hover{background:#222246;  color:#fff;}
.container #nav ul li ul li:hover a{background:#222246;  color:#fff;width:145px;} 
.container #nav ul li ul li a:hover{text-decoration:none; color:#fff;width:145px;}

.request{ background: url(../images/bg-request.gif) no-repeat; width: 206px; height: 25px; line-height: 25px; font-family:Arial, Helvetica, sans-serif; color: #fff; text-align: center; font-size: 12px; font-weight: bold; margin: auto; margin-bottom: 10px; text-transform:uppercase;}
.request a{text-decoration: none; color: #fff;}
.left-align{margin:0px;}

.divMain{margin: 0px 25px; display: block; clear: both; background:url(../images/bg-left.gif) no-repeat; }
.divLeft{float: left; width: 246px; }
.divLeft h1{padding: 15px;padding-top: 15px; padding-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-transform:uppercase;}
.divLeft p{padding: 0px 15px 5px 15px; text-align: justify; line-height: 1.6em;}
.divLeft p.counter{text-align: center; margin: 5px 0px; margin-bottom: 0px; margin-right: 0px; padding-bottom: 0px;  }
.divLeft p.counter img{}
.divLeft p.center{text-align: center; margin: 5px 0px; margin-bottom: 0px; margin-right: 0px;}
.divLeft .LatestProjects{margin: 15px; padding:  0px 0px; padding-bottom: 15px;margin-top: 15px; margin-bottom: 15px;border-bottom: 1px solid #999EB1;}
.divLeft .LatestProjects h1{padding: 0px;padding-bottom: 0px;}
.divLeft .LatestProjects p{padding: 0px; }
.divLeft .LatestProjects h1 img{border: 0px; margin: 0px;margin-bottom: 10px;margin-left: 3px;}
.divLeft .LatestProjects img{display:inline; margin-right: 14px; border: 1px solid #161F48;}
.divLeft .LatestProjects img.last{margin-right: 0px;}
.divLeft img{margin-top: 15px;}
.divLeft img.no-margin{margin-top:5px;margin-bottom: 0px;}
.divLeft p.center img{margin-top: 10px;}

.divRight{float: right; width: 246px; }
.divRight h1{padding: 10px;}
.divRight p{padding: 0px 10px; text-align: justify; line-height: 1.5em;}
.divRight .LatestProjects{margin: 13px; border-bottom:1px solid #999EB1; padding-bottom: 5px; margin-bottom: 20px;}
.divRight .LatestProjects h1{padding: 0px;margin-bottom: 15px;padding-top: 5px;}
.divRight .LatestProjects p{padding: 0px;padding-bottom:15px; text-align:left; height: 63px; display: block; clear: both;}
.divRight .LatestProjects p img{float: left; }
.divRight .LatestProjects h1 img{border: 0px; margin: 0px;}
.divRight .LatestProjects img{ display:inline; margin-right: 10px; border: 1px solid #161F48;}
.divRight .LatestProjects img.last{margin-right: 0px;}
.divRight .LatestProjects img.no-border{border: none; margin-bottom: 5px; padding-bottom: 0px; margin-right: 0px;}
.divRight h3{margin: 13px;font-weight: bold; color: #fff; font-size:1em;margin-bottom: 5px; border-bottom: 1px dashed #999EB1; padding-top: 5px;padding-bottom: 8px; text-transform:uppercase;}
.divRight img.top-margin{margin-top: 15px;}
.divRight img.margins{margin-top: 15px;margin-bottom: 15px;}
.divRight img.right-margin{margin-right: 15px;}

.divRight .thumbs{margin: 13px; border-bottom:1px solid #999EB1; padding-bottom: 20px; margin-bottom: 20px;	 }
.divRight .thumbs img{display:inline;margin-bottom: 15px; margin-right: 15px; border: 1px solid #161F48;}
.divRight .thumbs img.last{margin-right: 0px; }
.divRight .thumbs h3{margin: 0px;font-weight: bold; color: #fff; font-size:1em;margin-bottom: 5px; border-bottom: 1px dashed #999EB1; padding-top: 5px;padding-bottom: 8px; text-transform:uppercase;}
.divRight .thumbs p{padding: 0px;text-align:left; display: block; clear: both;margin-bottom: 0px; }
.divRight .thumbs p a{background: url(../images/arrow.gif) no-repeat left;  padding-left: 15px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.divRight .thumbs a{color: #fff;}
.divRight .thumbs a:hover{color: #CBD0DE;}
.divRight .thumbs a.none{display: none;}
.divRight .thumbs img.no-border{border: none; margin-bottom: 5px; padding-bottom: 0px; margin-right: 0px;}

.divMain .flash{float: right; background:url(../images/bg-main-img.jpg) repeat-y; border: 1px solid #212D53; padding: 18px; margin:0px; }


.sub{margin: 0px 25px; display: block; clear: both; border: 1px solid #6C748F;background:url(../images/bg-right.gif) top right no-repeat; }
.video{background:url(../images/bg-services.gif) no-repeat bottom; margin:0px 0px; border: none; }
.sub .content{float: left;margin:0px; width: 452px; padding: 18px; height: 319px; overflow: auto; text-align:justify;background: url(../images/bg-content.gif) repeat-x top left #142048 ; }
.sub .gallery{background:url(../images/bg-main-img.jpg) repeat-y; overflow: visible;}
.sub .content img{border: 1px solid #fff;}
.sub .content img.no-border{border: none;}
.sub .content .pres img{margin-right: 10px; margin-bottom: 10px;}
.sub .content .pres img.last{margin-right: 0px;}

.content-vid{height: auto; width: 740px; margin: auto;text-align:justify; }
.content-vid .flash{border: 1px solid #6C748F;}
.content-vid img{border: 1px solid #6C748F;}
.content-vid img.no-border{border: none;}
.content-vid .pres img{margin-right: 10px; margin-bottom: 10px;}
.content-vid .pres img.last{margin-right: 0px;}


.sub .content{scrollbar-3dlight-color:#555E7D; scrollbar-darkshadow-color:#343848; scrollbar-face-color:#555E7D; scrollbar-base-color:#009FE0;scrollbar-highlight-color:#999EB1; scrollbar-shadow-color:#676F8A; scrollbar-arrow-color:#8EB1BF;scrollbar-track-color:#8EB1BF;}
.sub .content p{line-height: 1.5em; margin-bottom: 10px;}
.sub .content h2{color:#B3B7C4; font-size: 1em; text-transform:uppercase; font-weight:bold; margin-bottom: 10px; }
.sub .content h3{font-weight: bold; color: #8EB1BF; font-size:1em;padding-bottom: 5px;}
.sub .content ul{margin-left: 15px; margin-bottom: 14px;}
.sub .content ul li{padding-left: 15px; list-style: none; background:url(../images/bullet.gif) no-repeat top left; margin-bottom: 10px;}

.divLeft .LatestProjects .divider img{border:none;}
.divRight .LatestProjects .divider img{border:none;}

.footer{width: 789px; margin: auto; text-align: right; }
.footer p{color: #fff; font-size :0.9em; padding-right: 3px; margin-top: 10px;}

.sub .content form{width: 400px; }
.sub .content form h3{margin-top:0px; }
.sub .content form div{margin-bottom:12px;}
.sub .content form label{display:block; width:100px; float:left;}
.sub .content form input, .sub .content form textarea{width:250px;font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em;}
.sub .content form .contact-buts{ padding-left:100px;}
.sub .content form .contact-buts input{width:85px; border:1px solid #0B1538; background:#009FDD; font-size:1em; color:#142049; text-transform:none; font-weight:bold;}
.sub .content #contact{float:right; width:40%; vertical-align:top;}
.sub .content #contact h3{margin-bottom:5px; color:#543B28; font-size:1.1em; text-align: justify;clear:both;}




.rates{padding: 1px; padding-bottom: 0px;margin: 0px; display:block; float: none; clear: both;}

 .rates p{ height: 10px; line-height: 10px;margin-bottom: 1px; padding-left: 0px;}
 .rates .column1{float: left; width :138px;border-right: 0px solid #fff; font-size:8px}
 .rates .column2{float: left; width :138px;border-right: 0px solid #fff; font-size:8px; padding-left: 5px;}
 .rates .column3{float: left; width :155px;border-right: 0px solid #fff; font-size:8px; padding-left: 5px;}

.rates .clear{display: block; clear: both; flaot: none;}