@charset "utf-8";
/* CSS Document */
/*------------- Genarel------------- */
body{
margin:0 auto 0 auto;
font-family: Arial, Helvetica, sans-serif;
}

td	{
	font-size:12px;
	color:#ffffff;
	line-height:20px;
}

.clear{
clear:both;
margin:0px;
padding:0px;
line-height:0px;
}
.img{ 
vertical-align:middle;
}
div, td, p, h1, h2, h3, h4, h5, h6, form, input, select, li
{
	padding:0;
	margin:0;
}
/*------------- Main Container------------- */
#main{
width:1003px;
margin:0 auto 0 auto;
}
/*------------- Head Container------------- */
#head{
width:1003px;
height:108px;
background:url(images/head_bg.gif) 0 0 repeat-x;
}
#head .logo{
margin-top:5px;
padding-left:20px;
width:185px;
float:left;
}
#head .logotext{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#ffc71e;
background-color:inherit;
}
#head .logotext_small{
font-family: Arial, Helvetica, sans-serif
font-size:12px;
color:#ffffff;
font-weight:bold;
background-color:inherit;
}

.logotxt{
font-family: Arial, Helvetica, sans-serif;
color:#fadc83;
font-weight:bold;
font-size:38px;

}

.logotxt2{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:14px;

}

#head #nav{
width:375px;
float:right;
margin-top:82px;
margin-left:0px;
}
#head #nav ul{
width:460px;
list-style:none;
margin:0px;
}
#head #nav li{
float:left;
width:auto;
margin:0 2px 0 0;
}
#head #nav li a{
display:block;
line-height:26px;
width:73px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
font-weight:bold;
background:url(images/menu_normal.gif) 0 0 no-repeat;
background-color:inherit;
}
#head #nav li a:hover{
background-image:url(images/menu_hover.gif);
}
#head #nav li .active{
background-image:url(images/menu_hover.gif);
background-repeat:no-repeat;
line-height:26px;
height:26px;
width:73px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
font-weight:bold;
background-color:inherit;
}
/*------------- Login Container------------- */
#login_top{
background:url(images/login_topbg.gif) repeat-x 0 0;
height:37px;
}
#login_top .content{
width:977px;
padding:0px 0px 0px 20px;
}
#login_top .content .text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:0px 16px 0px 7px;
text-decoration:none;
font-weight:bold;
background-color:inherit;
}
/*------------- Login Container------------- */


.forgotpass{
padding:10px 0px 20px 0px;
}
/*------------- Header Container------------- */
#header{
width:1003px;
height:200px;
}
#header .content{
width:454px;
height:211px;
padding:50px 5px 5px 5px;
margin:0px 0px 0px 48px;
}
#header .contentheader{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#feefcb;
background-color:inherit;
}
#header .content_text{
font-family:"Trebuchet MS", Times, serif;
font-size:12px;
color:#a5d2fb;
padding-top:20px;
background-color:inherit;
}
/*------------- Body Container------------- */
#body{
width:1003px;
background-color:#cff5fb;
color:inherit;
}
#body .inerpanel{
width:1003px;
margin:0px 0px 0px 0px;
padding-bottom:0px;
}
#body .planing_solution{
background-image:url(images/product-bg.jpg);
background-repeat:repeat-x;
height:150px;
}
#body .planing{
width:1003px;
padding:0px;
float:left;
}
#body .planing_content{
width:460px;
border-right:1px dashed #fff; 
float:left;
}
#body .planing .header{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#fff;
padding-top:7px;
background-color:inherit;
}
#body .planing .text{
font-family:"Trebuchet MS", Times, serif;
font-size:12px;
color:#fff39e;
padding:0px 0px 0px 0px;
background-color:inherit;
}
/* ------------- Project Services Container ------------- */
#project_sservices{

border-bottom:1px solid #cff5fb;
background-color:#03192c;
color:inherit;
}
#project_sservices .content{
width:971px;
padding:19px 0px 0px 32px;
}
#project_sservices .project{
width:202px;
border-right:1px dashed #3883b9;
float:left;
margin-bottom:15px;
}
#project_sservices .project1{
width:220px;
border-left:1px dashed #3883b9;
float:left;
margin-left:10px;
}
#project_sservices .services{
width:450px;
float:left;
padding-left:26px;
margin-right:24px;
}

#project_sservices .contactus{
width:400px;
float:left;
padding-left:26px;
margin-right:24px;
}

#project_sservices .contactus2{
width:255px;
border-left:1px dashed #3883b9;
float:left;
margin-left:10px;
}
#project_sservices .innerbody{
width:700px;
float:left;
padding-left:26px;
margin-right:24px;
}

#project_sservices .googlemap{
width:600px;
float:left;
padding-left:26px;
margin-right:24px;
}

#project_sservices .googlemapcontain{
width:600px;
padding-left:0px;
float:left;
margin-bottom:15px;
}

#project_sservices .innercontain{
width:700px;
padding-left:0px;
float:left;
margin-bottom:15px;
}

.services_image{
width:152px;
height:69px;
float:left;
margin:10px 10px 10px 0px;
}
#project_sservices .con{
margin-top:15px;
}
#project_sservices .con2{
padding-top:40px;
}
#project_sservices .contain{
width:430px;
padding-left:10px;
float:left;
}

#project_sservices .contain2{
width:390px;
padding-left:10px;
float:left;
}

#project_sservices .con_text{
font-family:"Trebuchet MS", Times, serif;
font-size:13px;
color:#fff;
background-color:inherit;
}
#project_sservices .con_text a{
font-family:"Trebuchet MS", Times, serif;
font-size:11px;
color:#ffc000;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}
#project_sservices .con_text a:hover{
text-decoration:none;
}
#project_sservices .pad{
padding-top:30px;}
.services_img{
float:left;
width:auto;
}
#project_sservices .projecttext{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#fbd978;
background-color:inherit;
margin-bottom:10px;
}
#project_sservices #latest ul{
list-style-type:none;
margin:10px 0 0 0;
padding:0;
}
#project_sservices #latest ul li{
background:url(images/arrow-1.png) no-repeat left center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#55d5ec;
padding-left:14px;
line-height:20px;
background-color:inherit;
}
/*------------- Login Container------------- */
#login{
width:272px;
float:left;
background-color:#d2c2aa;
padding:6px 0 5px 0;
color:inherit;
}
div#login h2{
background:url(images/login_bg.gif) no-repeat 0 0;
padding:0 0 0 37px;
font:normal 18px/31px Georgia, "Times New Roman", Times, serif;
color:#fff;
background-color:inherit;

}
.formbg{
	padding:10px 0 0 0;
}
.form_text{
	font:normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
input.loginbox{
	width:182px;
	height:16px;
	border:1px solid #A29F8D;
	background-color:#F9F5E0;
	padding:2px 0 0 3px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
}
input.check{
	width:14px;
	height:14px;
}
.check_text{
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
input.loginbt{
	width:63px;
	height:20px;
	margin:0 0 0 74px;
}
.forgot{
	font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	padding:0 0 0 7px;
}
.forgot a{
	color:#000;
	background-color:inherit;
	text-decoration:underline;
	font-weight:bold;
}
.forgot a:hover{
	text-decoration:none;
}
.registration{
	font:normal 14px/41px  Georgia, "Times New Roman", Times, serif;
	color:#fff;
	background-color:inherit;
}
a.click{
	font:bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FEEA7A;
	background-color:inherit;
	text-decoration:underline;
}
a.click:hover{
	text-decoration:none;
}
.content_text{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#0a0a0a;
text-decoration:none;
padding:5px;
background-color:inherit;
}
div#login .textbold{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#0a0a0a;
text-decoration:none;
padding:5px;
font-weight:bold;
background-color:inherit;
}
.bttn{
background:url(images/loginbttn.gif);
width:63px;
height:20px;
border:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
background-color:inherit;
}
/*------------- About us start------------- */
div#about{
	width:894px;
	margin:0 auto;
	padding:25px 0 0 0;
}
div#about h2{
	font:normal 18px/18px Georgia, "Times New Roman", Times, serif;
	color:#FBD978;
	background-color:inherit;
	height:27px;
}
div#about h3{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f9c13e;
	background-color:inherit;
}
div#about p{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:12px 0 0 0;
}
div#about p span{
	padding:18px 0 0 0;
	display:block;
}
/*------------- About us end------------- */
div#about form{
width:100%;
}
div#about form input.submit_box{
width:167px;
height:19px;
padding:2px 0 0 3px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
background-color:#749bbd;
border:1px solid #fff;
float:left;
margin:0 10px 15px 10px;
}
div#about form input.submit_box_lrg{
width:290px;
height:19px;
padding:2px 0 0 3px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
background-color:#749bbd;
border:1px solid #fff;
float:left;
margin:0 10px 15px 10px;
}
div#about form .bttn{
width:78px;
height:24px;
float:left;
cursor:pointer;
}
div#about form label{
font:normal 12px/20px Arial, Helvetica, sans-serif;
width:auto;
color:#f7e39d;
background-color:inherit;
float:left;
}
div#about form textarea{
	width:310px;
	height:68px;
margin:0 10px 15px 10px;
	color:#000;
background-color:#749bbd;
border:1px solid #fff;
float:left;
}
div#about #con{
width:auto;
margin:10px 0 0 0 ;
}
div#about #con ul{
float:left;
list-style-type:none;
margin:0;
padding:0;
width:auto;
}
div#about #con ul.mar{
margin:18px 0 0 0;
}
div#about #con ul li{
background:url(images/bulet.gif) no-repeat left center;
}
div#about #con ul li a{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 14px;
}
div#about #con ul li a:hover{
color:#fcd069;
background-color:inherit;
}
div#about img{
float:left;
width:auto;
margin:20px 25px 0 0;
}
/*------------- Footer Container------------- */
#footer{
background-color:#051c2c;
height:76px;
margin-bottom:0px;
color:inherit;
}
#footer .link{
width:390px;
margin:0px auto 9px auto;
padding-top:18px;
}
#footer .link a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0px 12px 0px 12px;
background-color:inherit;
}
#footer .link a:hover{
text-decoration:underline;
}
#footer .copyright{
width:280px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#f3d74f;
font-weight:bold;
text-decoration:none;
margin:0 auto 0 auto;
background-color:inherit;
}

/* for non-css3 browsers */
.gradient {
	width: 100%;
	background: #999; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fab', endColorstr='#004074'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#005fab), to(#004074)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #005fab,  #004074); /* for firefox 3.6+ */ 
		}
		
		
.gradienttop {
	width: 100%;
	background: #999; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186472', endColorstr='#2da2b8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#186472), to(#2da2b8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #186472,  #2da2b8); /* for firefox 3.6+ */ 
		}	
		
		
A.titlelink:link {
	COLOR: #fbd978; TEXT-DECORATION: none; FONT-SIZE: 15px; font-family:Arial, Helvetica, tahoma; font-weight:bold;
}
A.titlelink:visited {
	COLOR: #fbd978; TEXT-DECORATION: none; FONT-SIZE: 15px; font-family:Arial, Helvetica, tahoma; font-weight:bold;
}
A.titlelink:active {
	COLOR: #fbd978; TEXT-DECORATION: none; FONT-SIZE: 15px; font-family:Arial, Helvetica, tahoma; font-weight:bold;
}
A.titlelink:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 15px; font-family:Arial, Helvetica, tahoma; font-weight:bold;
}

.headertxt {
	COLOR: #7e2e40; TEXT-DECORATION: none; FONT-SIZE: 20px; font-family:Arial, Helvetica, tahoma; font-weight:bold;
}			

#content1 {
	width: 750px;
	margin: 50px auto;
	padding: 20px;
	background: #FFF;	
	border: 1px solid #CCC;
}

h1 {
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;	
	padding: 7px 0;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

a { 
	outline-color: #888;	
}
/*
	Panning Slideshow with jQuery
	Build Internet Tutorial (www.buildinternet.com)
	Written by Zach Dunn
*/

*{margin:0; padding:0;}

body{background:#353637; height:100%;}

#window{clear:both; width:1003px; height:200px; background:#131310; overflow:hidden; position:relative; margin:0px;}

#slideshow{width:2006px; height:400px; overflow:hidden; position:relative;}
	#slideshow li{width:1003px; height:200px; float:left; display:inline;}


#content{background:#131310 url('css/images/speech-bubble.jpg') top left no-repeat; color:#FFF; font-family:georgia, serif; width:1003px; margin:0px; overflow:hidden; padding-top:20px;}

	
p.footer{text-align:center; color:#ccc; font-size:12px; font-family: arial, sans-serif;}
	p.footer a{color:#73ccff; text-decoration: none;}