body{color:#fff; font:normal 11px arial,verdana; padding:0; margin:0; background:#d9dee6 url('../images/bg.jpg') top center no-repeat;}
a:link, a:visited{font:normal 11px "Segoe UI", Arial; letter-spacing:.1em; color:#9B0000; text-decoration:none;}
a:hover{color:#333;}
h1,h2,h3{margin:0; padding:0;}
h2{font:normal 19px Lucida Sans,Arial,Calibri,Verdana; color:#cc0000; margin:0px; padding:0px 0px 2px 0px;}
#home .homenav,#aboutus .aboutnav,#services .servicesnav, #portfolio .portfolionav,#careers .careersnav,#getquote .getquotenav,#contactus .contactnav,#blog .blognav {background:#cc0000;}
img{border:0;}
div#logo{ position:absolute; top:0; left:15px; width:269px; height:88px; z-index:100;}
@media screen{
  body>div#logo{position: fixed;}
}
div#header{ position:absolute; top:0; left:0; width:100%; height:88px; z-index:99;}
@media screen{
  body>div#header{position: fixed;}
}
* html body{overflow:hidden;} 
.logo{padding:0px 0px 0px 20px; float:left;}
.nav{ text-align:right; padding:20px 10px 10px 10px; background:#202834; height:15px; border-bottom:3px solid #cc0000;}
.nav a:link, .nav a:visited{font:normal 11px "Segoe UI"; letter-spacing:.1em; color:#ffffff; text-decoration:none; height:35px; vertical-align:middle; padding:6px 10px 12px 10px; margin:0px 1px 0px 0px;}
.nav a:hover{background:#cc0000; }
.top_buttons{text-align:right; padding:8px 10px 0px 10px; background:#edeff4; border-bottom:2px solid #e5eaf1;}
.top_buttons a:link, .top_buttons a:visited{font:bold 11px "Segoe UI",Arial; padding:8px; margin:0px 10px 0px 0px; color:#202834; text-decoration:none;}
.top_buttons a:hover{background:#e5eaf1;}
* html div#main_container{height:100%; overflow:auto;}
#main_container{width:1000px; margin:0 auto; padding:88px 10px 0px 10px; color:#000;}
.left_panel{width:700px; margin-right:15px; float:left;}
.right_panel{width:285px; float:left;}
.home_banner{width:680px; height:452px; background:#0372c0 url('../images/banner-bg.jpg') bottom center no-repeat;}
.clearall{clear:both;}
.blue{color:#cc0000;}
.blue-bg{background:#cc0000;}
.black{color:#202834;}
.black-bg{background:#202834;}
.white-text{color:#ffffff;}
.grey-bg{background:#edeff4;}
.curve10{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.bold{font-weight:bold;}
.blackshadow{text-shadow:1px 1px 1px #ccc;}
.btm-border{border-bottom:1px solid #edeff4;}
h1{font:normal 17px "Segoe UI", Arial, Lucida Sans; padding:5px 0px 5px 0px;}
.content{font:normal 12px arial,verdana; color:#333333; line-height:180%;}

#accordion {color:#666;margin:0; padding:0; font:normal 11px Arial,verdana; line-height:140%;}
#accordion h2 {color:#202834; padding:8px 6px 8px 6px;margin-top:5px; cursor:pointer; background:#edeff4; font:bold 12px "Segoe UI",Arial;}
#accordion h2:hover{background:#e5eaf1;}
#accordion h2.current {cursor:default; background-color:#edeff4;}
#accordion .pane {padding:10px; border:1px solid #edeff4; border-top:none; display:none; height:115px;}
#accordion a:link, #accordion a:visited{color:#202834; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; }
#accordion a:hover{color:#cc0000;}

.rightbox{padding:10px 10px 10px 10px; margin:20px 0px 20px 0px; }
.rightbox h3{font:normal 15px "Segoe UI",Arial; padding:0px 0px 5px 0px; margin:0;}
.aligncenter{text-align:center}
.alignleft{text-align:left;}
.border1{border:1px solid #e5eaf1; padding:1px;}
.footbox{background:#202834; padding:20px; border-top:3px solid #6c7c93; margin-top:20px; color:#fff;}
.footbox a:link, .footbox a:visited{color:#cccccc; text-decoration:none;}
.footbox h3{font:normal 18px "Segoe UI",Lucida sans,Arial; text-transform:uppercase; border-bottom:3px solid #cc0000; margin:0px 0px 10px 0px;}
.getintouch{color:#fff; width:190px; float:left; padding:0px 30px 0px 0px; border-right:1px solid #6c7c93; height:330px;}
.getintouch p{font:normal 13px "Segoe UI",Arial; color:#ccc;}
.getintouch span{font:normal 15px "Segoe UI",Lucida sans,Arial; color:#fff;}
.sendmessage{float:left; width:300px; height:330px; color:#fff; padding:0px 30px 0px 30px;border-left:1px solid #000; border-right:1px solid #6c7c93;}
.sendmessage span{float:left;width:40px; padding:5px;display:block; text-align:right;}
.sendmessage input{float:left; width:240px; padding:2px; margin:4px 0px 4px 0px; border:1px solid #ccc;}
input, textarea{padding:3px; margin:3px 0px; border:1px solid #ccc; color:#666666;}
input:hover, input:focus, textarea:hover, textarea:focus{border:1px solid #cc0000; background:#f5f6fa; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 10px #999;}
select{padding:1px; margin:3px 0px; border:1px solid #ccc;}
.requestform input, .requestform textarea{width:250px;}
.button{background:#cc0000; padding:5px 10px; border:1px groove #202834; font:normal 13px "Segoe UI",Arial; color:#fff; width:auto !important; cursor:pointer;}
.sendmessage .button{margin-left:50px; background:#cc0000; padding:5px; border:1px groove #202834; font:normal 13px "Segoe UI",Arial; color:#fff; width:100px; cursor:pointer;}
.button:hover{background:#FF0000;}
.checkbox{width:auto !important;}
.testimonials{width:340px; height:330px; float:left; padding:0px 0px 0px 30px;border-left:1px solid #000;}
.footer{height:370px; background:#000; margin:20px 0px 0px;border-top:3px solid #202834; width:100%;}
.footerbox{padding:20px; color:#fff; width:960px; margin:0 auto;}
.red{color:#FF0000; font:bold 14px Arial, Helvetica, sans-serif;}

.scrollable {position:relative;	overflow:hidden; width: 240px; height:220px;  font-style:italic; font-size:13px;}
.scrollable .items {width:20000em; position:absolute; clear:both;}
.items div {float:left; width:240px;}
.scrollable .active {border:2px solid #000;position:relative; cursor:default;}
.scrollable {float:left;}
a.browse {background:url(../img/scrollable/arrow/hori_large.png) no-repeat;	display:block; width:30px; height:30px;	float:left;	margin:40px 10px;	cursor:pointer;	font-size:1px;}
a.right{background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover{background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; } 
a.left{ margin-left: 0px; }
a.left:hover{ background-position:-30px 0; }
a.left:active{background-position:-60px 0; }
a.disabled {visibility:hidden !important;} 	
/*-------------------------------------*/
ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }
/*-------------------------------------*/
.soft-icons-right {margin:0; padding:0px; overflow:hidden; list-style:none; background:#fff;}
.soft-icons-right li {text-align:left; float:left; margin:2px; padding:1px; background:none; width:120px; border:3px double #e9e9e9; }
.soft-icons-right li img {margin:0 5px 0 5px;}
.soft-icons-right a:link, .soft-icons-right a:visited{color:#006699;}
.soft-icons-right a:hover{color:#333;}
.header_maintext{font:36px "Segoe UI", Arial, Helvetica, sans-serif; padding-bottom:10px;}
.breadcrumbs{border-top:1px dotted #9B0000; text-align:right;}
.heading{font:18px "Segoe UI", Arial, Helvetica, sans-serif; color:#cc0000; float:left; padding-top:0; padding-bottom:20px;}

.contactbox{float:left; margin:10px 10px 10px 0px; width:300px;}
.contactbox h2{font:normal 19px Lucida Sans,Arial,Calibri,Verdana; color:#cc0000; margin:0px; padding:0px 0px 2px 0px;}
.contactbuttons{margin:10px 0px 10px 0px; border-top:1px solid #cccccc; padding:6px 0px 0px 0px;}
.services_box{width:320px; float:left; margin:10px 10px 10px 0px;}
.services_box h2{font:bold 12px Arial,Helvetica,Verdana; color:#ffffff; margin:0px; padding:10px; background-color:#262626;}
.services_box ul{margin:0px 0px 0px 0px; list-style:none;}
.services_box li{}
.services_box a:link, .services_box a:visited{ padding:7px 10px; background-color:#ebebeb; border-bottom:1px solid #cccccc; display:block; color:#262626; font:bold 11px Tahoma,Verdana,Arial; text-decoration:none;}
.services_box a:hover{background-color:#000000; color:#ffffff;}

/* div scrollbar starts */
#scrollwrap { position:relative; overflow:hidden; width:300px; height:200px; float:left;}
#scroll{position:relative; width:300px; height:300px; font:bold 12px Arial, sans-serif; color:#fff; float:left;}
.slider{position:relative; cursor:pointer; width:9px; height:200px; float:left; background:#333;}
.progress{height:9px; background:#202834; display:none;	opacity:0.6; width:9px; position:absolute; bottom:0;}
.handle{background:#fff; height:20px; width:10px; position:absolute;  top:-12px; display:block; cursor:move; -moz-border-radius:14px; -webkit-border-radius:14px;}
.handle:active{ background:#cc0000;}
.range { display:none;}
a:active{outline:none;}
:focus {-moz-outline-style:none;}
#scroll h3 a{font:bold 11px Arial; color:#fff; border-bottom:1px solid #aaa;}
#scroll h3 a:hover{border-bottom:none;}
#scroll div a:link, #scroll div a:visited{font:11px Arial; color:#aaa;}
#scroll div a:hover{color:#fff;}
.content_sec{ position:relative !important; top:135px; width:700px;	}
.feature_sec{position:absolute; top:500px; width:700px;}
/* div scrollbar ends */