body { margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#FFF url(../images/bg.jpg) center top repeat-x ; line-height:18px; }

img { border:none; }
a, a:visited { color:#1b3b5b; text-decoration:underline; }
a:hover { color:#f58335; text-decoration:none; }
ul, h1 , h2 , h3 , h4, h5, h6, form, input{ margin:0; padding:0;}
h1{color:#007cb1; font-size:20px; font-weight:normal; text-transform:uppercase; padding-bottom:10px;}
h2{
	font-size:19px;
	color:#282828;
	font-weight:normal;
	line-height:25px;
}
h3{color:#007cb1; font-size:18px; font-weight:normal; text-transform:uppercase; padding-bottom:5px; padding-top:5px;}
h4{color:#ec6305; font-size:16px; font-weight:bold; padding-bottom:10px;}
h4.faq{font-size:12px; margin-bottom:5px;}
h4 span{font-weight:normal;}
h5{color:#3a3a3a; font-size:16px; text-transform:uppercase;}


#main{overflow:hidden; position:relative;}
/*wrapper*/
#mainwrapper{ width:943px; margin:0 auto;}
#top{ width:100%; float:left; height:105px;}
.logo{padding-top:20px; float:left; padding-left:25px;}
.phone{
	float:right;
	padding-right:25px;
	margin-top:24px;
	color:#f48334;
	font-size:18px;
	width:360px;
}
.phone p { margin:0px; padding-bottom:12px;}
.phone span{color:#FFF;}
.phone img { vertical-align:middle; padding-bottom:5px;}
.icons{float:right; padding-top:25px;}

/*navigation*/
.top_nav{float:left; line-height:10px; padding:0px; margin:0px;}
.navigation{float:left; margin:0 auto; width:100%; background:#f58335; text-transform:uppercase;}

/*menu*/
ul.menu { display: block; list-style-type:none; float:left;  height:35px;}
ul.menu li{ display: inline; position:relative; float:left;  }
ul.menu li a:link,ul.menu li a:visited{text-align:center; font-size:15px; color:#FFF; line-height:35px; float:left; cursor:pointer;  padding-left:22px; display:block; text-decoration:none; text-transform:uppercase; padding:0 23px;}
ul.menu li a:hover{color:#08273c;  text-decoration:none; background:url(../images/menu_hover.jpg) left top repeat-x;}

ul.menu li.first a:link,ul.menu li.first a:visited{background:url(../images/menu_first.jpg) left top no-repeat; }
ul.menu li.first a:hover{background:url(../images/menu_first_hover.jpg) left top no-repeat;}

ul.menu li.last a:link,ul.menu li.last a:visited{background:url(../images/menu_last.jpg) right top no-repeat;  padding:0 23px 0 29px;}
ul.menu li.last a:hover{background:url(../images/menu_last_hover.jpg) right top no-repeat;}


/*sabmenu*/
ul.menu ul {position:absolute; top:35px; left:0;  display:none; list-style:none; z-index:100;}
ul.menu ul li{position:relative; margin:0;  padding:0; z-index:10;}
ul.menu ul li a:link, ul.menu ul li a:visited {display:block;  padding:5px; color:#08273c; text-decoration:none; border-bottom:#4196ab 1px solid;  font-size:12px; text-transform:none; text-align:left; background:#f4f4f4; height:auto; width:225px; font-weight:normal; line-height:normal;}
ul.menu ul.webdevelopment li a:link, ul.menu ul.webdevelopment li a:visited { width:250px;}
ul.menu ul.about li a:link, ul.menu ul.about li a:visited {width:200px;}
ul.menu ul.portfolio li a:link, ul.menu ul.portfolio li a:visited {width:150px;}
ul.menu ul.portfolio li double a span{line-height:30px;}
ul.menu ul li a:hover {background:#4196ab; color:#FFF;}



#banner{float:left; width:100%; margin:0 auto; width:945px; height:262px; }

/*middle*/
#middle{float:left; width:944px; padding-top:30px; padding-bottom:20px;}

/*left*/
#left{float:left; width:200px; padding:0px 10px 0px 10px;}
.video{float:left;}
.video_btn{float:left; padding-left:50px; margin:0px; margin:10px 0}

/*center*/
.redmark { color:#F00; font-weight:bold;}
#center{ float:left; width:410px; padding:0 10px 0px 3px;}

.services{float:left; background:url(../images/box1_bg.gif) repeat-y; width:446px; margin-bottom:20px;}
.services .sertop{background:url(../images/box1_top.gif) no-repeat 0px 0px; width:446px;}
.services .serbott{background:url(../images/box1_bott.gif) no-repeat bottom left;width:426px; padding:10px;}
.services img{ float:left; padding-right:20px;}

.services1{float:left; background:url(../images/box2_bg.gif) repeat-y; width:446px; margin-bottom:20px;}
.services1 .sertop{background:url(../images/box2_top.gif) no-repeat 0px 0px; width:446px;}
.services1 .serbott{background:url(../images/box2_bott.gif) no-repeat bottom left;width:426px; padding:10px;}
.services1 img{ float:left; padding-right:20px;}

.orange{color:#ec6305; font-size:18px; padding-bottom:20px; margin:0;}
.blue{color:#007cb1; font-size:18px;}
.ser_text{margin-left:60px; padding-left:20px; padding-top:3px; color:#3b3b3b; border-left:1px dotted #666;}
.ser_text a, .ser_text a:hover{text-decoration:none;}
.ser_img{float:left;}
#right{float:right; width:260px; }
#right img{ padding-bottom:10px;}

.view_port{background:url(../images/leftboxbg_wide.jpg) no-repeat left top; width: 260px; height:111px; padding:10px;}
.view_port ul{ margin-top:10px;}
.view_port li{margin:0px; padding:0px; list-style:none; position:relative; padding-left:55px; height:50px;}
.view_port li img{ position:absolute; top:0px; left:0px;}
.view_port li a{ text-decoration:none}

.port_folio{float:left; text-align:center; font-size:14px; padding-top:10px; padding-left:20px;}
.port_folio a{text-decoration:none;}
.overview{float:left; text-align:center; font-size:14px; padding-top:10px; padding-left:45px;}
.overview a{text-decoration:none;}

/*middle_bottom*/
#middle_bottom{float:left; width:100%; margin:0 auto; clear:both; margin-top:20px; padding-bottom:30px;}
.box_1{width:310px; float:left; font-size:14px; color:#333333; text-align:center; padding-top:20px; border-right:1px dotted #666; *width:290px; *padding-left:20px;}
.box_1 span{float:left; padding-top:10px;}
.box_1 img{border:4px solid #ec6305;}
.box_2{width:310px; float:left; font-size:14px; color:#333333; text-align:center; padding-top:20px; *width:290px; *padding-left:20px;}
.box_2 span{float:left; padding-top:10px;}
.box_2 img{border:4px solid #ec6305;}

/*Footer*/
#footer{float:left; width:943px; background:#f4f2e6; margin-top:20px;}
.footer_top{float:left;}
.footer_middle{float:left; width:270px; border-right:1px solid #d9d5bd; padding:0px; margin:0px;}
.footer_bottom{float:left; }

ul.footer_services{ float:left; list-style-type:none; padding-left:35px; line-height:22px; margin:0px;}
ul.footer_services li{ padding:0px; margin:0px;}
/*searchbox*/
#searchbox{float:left; padding-left:30px; width:330px;}

.search_textbox{float:left; width:225px; border:none; padding-top:5px; padding-bottom:5px; padding-left:5px; *padding-bottom:4px; *padding-top:5px; *border:none;}
.btn_search{background:#007cb1; width:75px; border:none; color:#FFF; font-family:"Tahoma", Geneva, sans-serif; margin-left:5px; padding-bottom:4px; padding-top:4px; }

.copyright{float:left; width:100%; margin:0 auto; text-align:center; color:#3c3a34; padding-top:10px; padding-bottom:20px;}


/*******************************inner pages******************************/
ul.left_menu{float:left; list-style-type:none; padding-left:20px; line-height:22px; margin:0px; padding-bottom:20px;}
ul.left_menu li a{color:#2d6581}
.newsletter{float:left; padding-left:20px; padding-right:10px; width:170px; line-height:20px;}

#inner_banner{float:left;  width:944px; height:200px; background:url(../images/inner_banner_bg.jpg) left top repeat-x; position:relative;}
.banner_title{float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#fff; line-height:normal; margin:45px 0 0 87px; } 
.banner_icon{ position:absolute; right:100px; bottom:30px;}
#inner_banner h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:50px; line-height:normal; padding-bottom:0px; font-weight:normal; color:#FFF; text-transform:none;}

#inner_banner h1.mid{ padding-top:15px;}

#inner_middle{float:left; width:944px; }
#inner{ float:left; width:650px; padding:40px 10px 0px 20px;}
#inner_left{float:left; margin-top:20px; width:225px;}
#inner_left h2{padding-top:20px; padding-bottom:10px; padding-left:20px;}
.left_bottom{float:left; width:225px;}
.left_content{ background:#f7f7f7 url(../images/left_bg.jpg) repeat-x left top; float:left; width:223px; border-left:1px solid #5a9bad;  border-right:1px solid #5a9bad;}
.about_img {float:left; text-align:center; padding-left:40px; padding-top:10px;}

ul.inner_list{list-style-type:decimal; padding-left:50px;}


/* slider css */

#slider {width: 977px; margin: 0 auto; position: relative; background:url(../images/boxbg.png); height:262px; padding:0px; left:-18px; z-index:1;}

.header_left  {width:420px; height:256px; float:left; margin-left:90px;}
.header_right { width:375px; float:right; color:#58cad1; font-size:16px; margin:15px 25px 0 0;}
.header_right span { font-size:14px; color:#fff;}
.header_right img { padding: 10px 0 5px 0;}

.stitle{ position:absolute; font-size:25px; color:#58cad1; text-align:center; top:30px; width:100%; padding:7px 0px;}
.scroll {overflow: hidden; width: 850px; margin: 0 auto; position: relative;}
.scrollContainer {position: relative;}

.scrollContainer div.panel {
	width: 200px;
	height: 270px;
	overflow: hidden;
	position: relative;
	top: 61px;
}

#left-shadow {position: absolute; top: 0; right: 188px; width: 12px; bottom: 0; background: url(../images/leftshadow.png) repeat-y; height:265px; display:none}
#right-shadow {position: absolute; top: 0; left:168px; width: 12px; bottom: 0; background: url(../images/rightshadow.png) repeat-y; height:265px; display:none}

.inside {}
.inside h3{ background-color:#333; width:100%; text-align:center; padding:5px 0px; bottom:5px; position:absolute; font-size:12px; color:#CCC}

span.scrollerTitle {
	margin: 0px;
	padding: 0px;
	color: #007cb1;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #333333;
	width: 100%;
	text-align: center;
	padding: 5px 0px;
	bottom: 5px;
	position: absolute;
	font-size: 12px;
	color: #CCCCCC;
}

.inside img {display: block; width: 360px;}
.scrollButtons {position: absolute; top: 131px; cursor: pointer;}
.scrollButtons.left {left:0px;}
.scrollButtons.right {right: 0px;}
.hide {display: none; }

/* slider css Ends */

.formdiv {background:none repeat scroll 0 0 #F5F5F5; border:1px solid #EFEFEF; float:left; margin-top:20px; padding:10px 20px 40px 60px; width:580px;}
.formbox{background:#FFFFFF;border:1px solid #CCCCCC;width:480px;padding:10px 10px 10px 50px;float:left;}
.formbox label{float:left; width:100%; margin-bottom:5px;}
.formbox .inputfield{float:left;border:1px solid #333333;width:280px;  padding:3px;}
.formbox .captcha{float:left;border:1px solid #333333;padding:3px;}
.formbox select{float:left;margin-right:82px;border:1px solid #333333;width:200px;}
.formbox p{float:left;width:380px;margin:0px;padding:7px;}
.formbox textarea{width:400px; border:1px solid #333333;height:120px;float:left;}
.btn1{width:170px;height:25px;float:left;margin:0px;padding:0px;}

.general{font-size:12px; padding-left:60px;  line-height:20px;}
.general1{font-size:12px; padding-left:40px;  line-height:20px;}
.general2{font-size:12px; padding-left:20px;  line-height:20px;}
.general3{font-size:14px; padding-left:0px;  line-height:30px; margin-left:10px;}
.general4{padding-left:20px; font-weight:bold; }
.general4 li{ padding-bottom:15px;}
.general4 ul{padding:5px 0 5px 20px; font-weight:normal; }
.general4  ul li{ padding-bottom:2px;}


.videolist{padding-left:20px; font-weight:bold; float:left; width:300px;}
.videolist li{ padding-bottom:15px;}
.videolist ul{padding:5px 0 5px 20px; font-weight:normal; float:none; width:auto;}
.videolist  ul li{ padding-bottom:2px;}

.video_div{ float:left; width:100%; margin-bottom:20px;}
.video_div h4{font-size:13px; padding-bottom:10px;}
.videobox{ float:left; width:640px; }

.quickform{ float:left; position:relative; margin-top:15px; background-color:#F5F5F5; padding:10px; border:1px solid #EFEFEF;}
.quickform dl{ float:left;  padding:15px 5px; background:#FFF;}
.quickform h3{text-transform:capitalize; line-height:22px; font-size:18px;}
.quickform dd{ margin:0px; float:left;  width:100%;}
.quickform dd label{ float:left; width:175px; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#828282; font-weight:bold; padding:2px 0px; }
.quickform dd .inputbox{ border:#c6c6c6 1px solid; background:#f8f8f8; width:200px; padding:2px 0px; margin-bottom:10px;}
.quickform dd .txtarea{border:#c6c6c6 1px solid; background:#f8f8f8; width:400px; padding:2px 0px;  margin-bottom:10px;}
.quickform dd input[type=checkbox]{border: none}
.quickform dd .selectbox{ margin-bottom:10px;}
.quickform .box1{float:left; width:175px; margin-bottom:10px;}
.quickform .box1 input,.quickform .box2 input{margin-right:5px; vertical-align:middle; margin-bottom:5px;}
.quickform .box2{float:left; width:150px;}
.quickform .submitbtn{ background:url(../images/lp_btnsubmit.gif) no-repeat; width:123px; height:38px; border:0px; text-indent:-9999px; overflow:hidden; font-size:0px;; color:#FFF; cursor:pointer;}
input.submitbtn{ background:url(../images/lp_btnsubmit.gif) no-repeat; width:123px; height:38px; border:0px; text-indent:-9999px; overflow:hidden; font-size:0px;; color:#FFF; cursor:pointer;}
.meetingbox{ position:absolute; right:0px; top:-10px;}
.clear{clear:both;}
.posrel{position:relative;}
.calltxt{ position:absolute; color:#FF7813; font-family:"Times New Roman", Times, serif; font-size:22px; right:0px; top:14px;}

.clink {background-image:url("../images/panel.gif"); color:#666666; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; height:110px;  line-height:16px; margin:10px; width:150px; }
.clink a:link, .clink a:visited{color:#666666;text-decoration:none;font-size:11px;}
.clink a:hover{text-decoration:underline;}
.image {float:left; margin:8px;}

.arrow{float:right;width:40px;padding-top:25px;}
.arrow img{float:left;margin-right:15px;}

.emailnewsletter {border:1px solid #e9e9e9; padding:20px 40px;width:270px;text-align:left;background:#ffffff;text-align:center;margin-left:8px;}
.emailnewsletter .input{border:1px solid #e9e9e9;padding:5px;width:190px;height:16px;margin-right:5px;margin-left:10px; margin-top:10px;font-size:14px;}
.emailnewsletter .img{margin-top:2px;float:left;padding-left:5px;}
.emailnewsletter .gobtn{margin-top:10px;float:left;}
.emailnewsletter span{font-weight:bold;color:#006699;font-size:14px;float:left; margin-left:10px;}
.emailtext{font-size:11px;margin:0px;padding:0px;color:#999999;}

.contemail{float:left;width:710px;padding-left:25px;padding-top:5px;margin-bottom:60px;}

.portfolioleft{float:left;width:300px;height:300px;margin-top:20px;font-weight:bold;font-size:14px;color:#0287bf;text-align:center;border-bottom:1px dashed #1e3954;padding-left:50px;}
.portfolioleft img{float:left;margin-right:0px; padding:4px; border:1px solid #1e3954;}
.portfoliotitle{float:left;width:250px;text-align:center;margin-bottom:5px;}

.portfolioright{float:left;width:310px;height:300px;margin-top:20px;font-weight:bold;font-size:14px;color:#0287bf;text-align:center;border-bottom:1px dashed #1e3954;padding-left:40px;}
.portfolioright img{float:left;margin-right:0px;padding:4px; border:1px solid #1e3954;}
.bullet{margin:0px;padding:10px 0px 10px 50px;}
.bullet li{margin:0px;padding:0px;float:left;color:#0287bf;padding:2px 0px 2px 0px; width:200px;}

.radio{float:left;width:600px;text-align:left;margin-top:20px;padding-left:120px;}
.radioimg{margin-right:230px;}

.leftadd{width:250px;float:left;padding-left:98px;}
.rightadd{width:250px;float:left;padding-left:20px;}
.add{width:600px;float:left;padding-top:10px;}

.portfoliobox{float:left;width:696px;}
.portfbox1{float:left;width:231px;padding-top:5px;}
.subtitile{float:left;width:100%;padding:20px 0px 15px 0px;}
.ptitile{color:#151515;font-weight:bold;text-transform:uppercase;padding-top:10px;float:left;}
.portcont{float:left;padding-top:5px;width:190px;margin:0px;}
.seeportfolio{width:700px;float:left;border-bottom:1px dotted #3d3d3d;padding:35px 0px;}

a:link.view, a:visited.view{color:#f65722;text-decoration:underline;}
a.view:hover{text-decoration:none;color:#333333;}

.images_b{ padding:3px; border:2px solid #5a9bad;}
.left_img{ margin-top:10px;}

.txtblk{ color:#32302F; padding-bottom:10px; font-size:16px;}


.homequickform{ float:left; background:url(../images/formbg.jpg) top center no-repeat; padding: 10px 10px 10px 10px; width:237px; min-height:580px;}
.homequickform dl{ float:left;}
.homequickform h3{text-transform:capitalize; line-height:20px; font-size:18px; margin:0; padding:0;}
.homequickform dd{ margin:0px; float:left;  width:100%; line-height:20px;}
.homequickform dd label{ float:left; width:85px; text-align:left; padding:2px 0px; }
.homequickform dd .inputbox{ border:#c6c6c6 1px solid; background:#fff; width:150px; padding:2px 0px; margin-bottom:5px;}
.homequickform dd .txtarea{border:#c6c6c6 1px solid; background:#fff; width:235px; padding:2px 0px;  margin-bottom:8px;}
.homequickform dd input[type=checkbox]{border: none}
.homequickform dd .selectbox{ margin-bottom:10px;}
.homequickform .box1{float:left; width:130px; margin-bottom:10px; font-size:10px;}
.homequickform .box1 input,.quickform .box2 input{margin-right:5px; vertical-align:middle; margin-bottom:5px;}
.homequickform .box2{float:left; width:150px;}
.homequickform .submitbtn{ background:url(../images/btnsubmit.jpg) no-repeat; width:81px; height:22px; border:0px; text-indent:-9999px; overflow:hidden; font-size:0px; color:#FFF; display:block; cursor:pointer;}
.homequickform .captcha{float:left;border:1px solid #c6c6c6;padding:3px;}
div.view_portfolio, div.company_overview {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 260px;
	height: 50px;
}
div.view_portfolio {
	background-image: url(../images/view_our_portfolio.jpg);
}
div.company_overview {
	background-image: url(../images/company_overview.jpg);
}
div.view_portfolio a, div.company_overview a {
	display: block;
	height: 100%;
	width: 100%;
}
div.view_portfolio p, div.company_overview p {
	margin: 0px auto;
	display: none;
}


div.copyright {
	clear: both;
	width: 100%;
	margin: 0px auto;
	background-color: transparent;
	background-image: url(../images/bbbsealO1.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
div.copyrightbgleft {
	clear: both;
	width: 943px;
	margin: 0px auto;
	background-color: transparent;
	background-image: url(../images/bbbsealO1.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
div.copyrightbgleft div.clear {
	clear: both;
}