/* CSS Document */

html,body,div,span,h1,h2,h3,h4,h5,h6,pre,a,em,font,img,strong,b,u,i,center,0,ol,ul,li,form,label,legend,table,caption,tbody,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	color:#fff;
}

ul{
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
a {
	color: #ccc;
	text-decoration: none;
}
a:visited {
	color: #ccc;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}	
.clean{
	clear:both;
	}

body{
 /*url(images/body-bg.jpg) top center no-repeat;*/
	margin:0;
	background: #1F5E83 url(../images/body-bg.jpg) no-repeat center top;
	padding:0;
	color:#fcfcfc;
	font-family:"Trebuchet Ms";
	font-size:11px;
	line-height:18px;
	text-align:justify;
	}


#wrapper{
	margin:0 auto;
	width:960px;
	padding-bottom:10px;
	display:table;
}	
.header{
	width:100%;
	}

.header_top{
	width:100%;
	height:30px;
	overflow:hidden;
	margin-bottom:20px;
}
/* top main nav */
#tabs {
	float:left;
	width:100%;
	font-size:12px;
	line-height:normal;
/*	border-bottom:1px solid #666;
/**/	margin-bottom:1em; /*margin between menu and rest of page*/
*/	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs ul li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs ul li a {
	float:right;
/*	background:url("media/left.png") no-repeat left top;*/
	background: url(../images/left_corner.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
/*	background:url("media/right.png") no-repeat right top;*/
	background:url(../images/right_corner.jpg) no-repeat right top;
	padding:6px 15px 4px 8px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -35px;
	}

#tabs a:hover span {
	background-position:100% -35px;
	}



/* top main nav ends */
	
.callus{
	width:320px;
	height:25px;
	margin-top:0px;
	float:right;
	}	
	
.logo{
	width:275px;
	float:left;
	}	
.mainnav_area{
	width:640px;
	height:35px;
	float:right;
	margin-top:10px;
	}
.slide_img{
	width:375px;
	height:325px;
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	}	
.main_right{
	width:570px;
	height:325px;
	float:right;
	margin-bottom:15px;
	margin-top:25px;
	}	
.our_works{
	width:165px;
	float:left;
	color:#619CBD;
	}
.whyus{
	width:310px;
	float:left;
	margin-left:15px;
	color:#619CBD;
	}
.services{
	width:200px;
	float:left;
	margin-left:15px;
	}
.services .icon{
	width:22px;
	height:22px;
	float:left;
	margin-bottom:15px;
	}
.services .items{
	width:165px;
	float:right;
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
	}		
.services .items a{
	color:#fff;
	text-decoration:none;
	}		
.services .items a, .services .items a:link, .services .items a:active, .services .items a:visited{
	color:#fff;
	text-decoration:none;
	}			
.services .items a:hover{
	color:#FFD700;
	text-decoration:none;
	}				

.clientsay{
	float:right;
	width:230px;
	}
.clientsay_box{
	width:180px;
	margin:0 auto;
	height:110px;
	padding:10px;
	padding-bottom:30px;
	background:url(../images/clientsay_box.jpg) no-repeat top center;
	}			
h1{
	font-size:18px;
	padding-bottom:10px;
	border-bottom:1px solid #38789E;
	font-weight:normal;
	margin-bottom:10px;
	line-height:normal;
	color:#fff;
	}			
h1 a, h1 a:link, h1 a:active, h1 a:visited{
	color:#fff;
	text-decoration:none;
	}			
h1 a:hover{
	color:#FFD700;
	text-decoration:none;
	}				
	
.footer_section{
	width:100%;
	height:220px;
	background:url(../images/footer_bg.jpg) repeat-x;
	}
.footer_section .footer_inner{
	width:960px;
	height:200px;
	margin:0 auto;
	display:table;
	margin-top:10px;
	margin-bottom:10px;
	}
		
	
.footer_section .footer_inner .latest_blog{
	width:215px;
	height:150px;
	float:left;
	margin-right:20px;
	background:url(../images/seperator.jpg) right no-repeat;
	padding-right:20px;
	}	
h2{
	font-size:14px;
	font-style:normal;
	color:#F2CF31;
	}	
.footer_section .footer_inner .featured_client{
	width:160px;
	height:150px;
	float:left;
	margin-right:25px;
	background: url(../images/seperator.jpg)right no-repeat;
	padding-right:15px;
	}	
.clientlist{
	float:left;

	padding:0;
	margin:0;
}
.clientlist ul{
	list-style:none;
	list-style-type:none;
	padding:0 0 0 20px;
	margin:0;
}
.clientlist ul li{
	display:block;
	background:url(../images/arrow.jpg) no-repeat left;
	padding-left:20px;
	line-height:20px;
}

.worklist{
	float:left;
	padding:0;
	margin:0;
	padding-left:0px;
	margin-bottom:10px;
}
.worklist ul{
	list-style:none;
	list-style-type:none;
	padding:0 0 0 0px;
	margin:0;
}
.worklist ul li{
	display:block;
	background:url(../images/bullet1.jpg) no-repeat left;
	padding-left:20px;
	line-height:21px;
}
.footer_section .footer_inner .featured_websites{
	width:240px;
	height:150px;
	float:left;
	background:url(../images/seperator.jpg) right no-repeat;
	padding-right:20px;
	}
		
.footer_section .footer_inner .web_news{
	width:200px;
	height:150px;
	float:right;
	padding-right:15px;
	margin-bottom:5px;
	}		
.copyright{
	width:750px;
	float:left;
	margin-top:15px;
	}	
.xhtml_icon{
	width:155px;
	height:35px;
	float:right;
	margin-top:10px;
	}
.more{
	color:#fff;
	font-weight:bold;
	text-align:right;
	}	
.more a{
	color:#fff;
	text-decoration:none;
	}	
.more a:link, .more a:visited, .more a:active{
	color:#fff;
	text-decoration:none;
	}
.more a:hover{
	color:#F2CF31;
	text-decoration:none;
	}			
br{
	margin-bottom:10px;
	}
kh4{
	color:#fff;
	font:12px bold;
	margin-bottom:1px;
	border-bottom:1px solid #eee;
	}	
		
/*for inner page*/	
#leftcol{
	width:698px;
	background:#256A92;
	height:auto;
	padding:10px;
	border:1px solid #427999;
	float:left;
	margin-top:35px;
	}
#rightcol{
	width:200px;
	height:auto;
	background:#22658C url(../images/rightcol_bg.jpg) repeat-x;
	border:1px solid #427999;
	padding:10px;
	margin-top:35px;
	float:right;
	}	
#leftcol h1{
	font-size:20px;
/*	font-weight:bold;
*/	margin-bottom:10px;
	border-bottom:none;
	border-bottom:1px solid #427999;
	}
#leftcol h2{
	font-size:18px;
	margin-bottom:15px;
	border-bottom:none;
	font-weight:normal;
	padding-bottom:15px;
	color:#fff;
/*	border-bottom:1px solid #427999;
*/	}
	
#rightcol h1{
	color:#FFD700;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #427999;
	}
.rightmenu{
	width:190px;
	margin:0 auto;
	margin-bottom:25px;
	}
.rightmenu ul{
	list-style-type:none;
	margin:0px;
	padding:0;
	}	
.rightmenu ul li{
	font-size:12px;
	line-height:30px;
	border-bottom:1px solid #427999;
	}
#rightcol h2{
	color:#FFD700;
	font-size:13px;
	font-weight:normal;
	padding-bottom:10px;
	text-align:left;
	border-bottom:1px solid #427999;
	}
		
.footer{
	width:100%;
	height:50px;
	background:#000;
	}		
.footer .innnerarea{
	width:960px;
	margin:0 auto;
	height:50px;
	}
.portfolio{
	width:100%;
	height:185px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #427999;
	}	
.portfolio img{
	width:260px;
	height:185px;
	float:left;
	}	
.portfolio_rightpart{
	width:420px;
	float:right;
	height:185px;
	margin-bottom:15px;
	padding-bottom:15px;
	}	
h3{
	font-size:15px;
	color:#FFD700;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	}
.visitwebsites{
	color:#FFD700;
	font-size:12px;
	font-weight:bold;
	}	

#nav_pageno_blog{
	float:right;
	padding:10px 0 10px 0;
	width:450px;
	overflow:auto;
	text-align:left;
}

.nav_blogpage{
	margin:0 1px 0 0;
	padding:0 8px 0 8px;
	float:right;
	text-align:center;
	background-color:#FFD700;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	line-height:25px;
}

.nav_blogpage:hover{
	color:#4f4f4f;
	background-color:#fff;
}
	
/*quote page*/	
.input{
	float:left;
	padding-bottom:15px;
	vertical-align:top;

}

.customer_support{
	float:left;
	padding:0px 0 20px 0;
	width:574px;
	overflow:auto;
}

#quick_contact{
	float:left;
	padding:0 0 0 20px;

}	
.contact_form_margin{
	float:left;
	width:160px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:6px 0 10px 0;
	text-align:left;
}
.txtform_contact{
	color:#4f4f4f;
	font-size:12px;
	width:360px;
	font-weight:bold;
	text-decoration:none;
	}
.txtinput_form{
	color:#4f4f4f;
	font-size:12px;
	width:353px;
	height:120px;
	overflow:auto;
	font-weight:normal;
	text-decoration:none;
	padding:0 3px 0 3px;
	vertical-align:top;
	border:1px solid #BACDFC;
	margin-bottom:10px;

	}	
.txtinput_form_list{
	color:#4f4f4f;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 3px;
	width:319px; _width:287px;
	}		
#contact_sub_btn{
	float:left;
	padding:0 0 0 157px;
	width:380px;
}	
.portfolio_cat{
	width:190px;
	margin:0 auto;
	margin-bottom:15px;
	}
.portfolio_cat ul{
	list-style-type:none;
	margin:0px;
	padding:0;
	}	
.portfolio_cat ul li{
	font-size:12px;
	line-height:28px;
	background: url(../images/bullet_cat.jpg) left no-repeat;
	padding-left:15px;
	}
/* blog */
.post {
	clear:both;
	padding-top: 15px;
	display:table;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background:url(../images/date-bg.jpg) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 4px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}	
.post-title {
	float: left;
	margin-left: 10px;
	width: 630px;
}
.entry {
	clear: both;
	padding-top: 8px;
}
h5 {
	color: #FFD700;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h5 a, h5 a:visited, h5 a:link, h5 a:active{
	color: #FFD700;
	text-decoration: none;
}
h5 a:hover {
	color: #fff;
	text-decoration: none;
}
.post-cat {
	background:url(../images/mini_cat.jpg) no-repeat;
	padding-left: 30px;
	float: left;
	font-size: 12px;
	color:#999;
}

.link_yellow{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFD700;
	font-weight:normal;
	text-decoration:none;
	}
.link_yellow:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	}			
.img1{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	}	
.search_icon{
	float:right;
	margin-right:15px;
	height:25px;
	width:22px;
	margin-bottom:5px;
	}	
	
h6 {
	color: #FFD700;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #307EAE;
	font-size:16px;
	font-weight:bold;
	padding-bottom:8px;
	margin-top:10px;
	font-family:"Trebuchet MS";
}
.comment_box{
	width:670px;
	margin-top:10px;
	border:1px solid #307EAE;
	padding:10px;
	display:tablel;
	overflow:hidden;
	}
.comment_box img{
	float:left;
	margin-right:10px;
	}
	
.comment_box .title1{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	color:#fff;
	margin:0px;
	padding:0px;
	}
.comment_box i{
	color:#FFD700;
	font-size:12px;
	}
/*CSS FOR POST BLOG PAGE */
.posted_comment{
	float:left;
	padding:0px 0 15px 0;
	width:690px;
	overflow:auto;
	margin-top:35px;
}

.blogger_comment{
	margin:8px 0 10px 0;
	float:left;
	padding:10px;
	width:552px;
	border: 1px solid #dddada;
	overflow:auto;
}

.default_blogger_img{
	margin-right:15px;
	display:block;
	float:left;
	width:86px;
	height:86px;
}

.blog_des{
	float:left;
	color:#4f4f4f;
	font-size:12px;
	font-weight:none;
	text-decoration:none;
	text-align:justify;
	width:451px;
}

#post_blogform{
	padding:10px 0 0 0px;
}

.txtinput_postblog{
	margin-top:5px;
	color:#4f4f4f;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:0 3px 0 3px;
	vertical-align:top;
	}
	
.blogpost_field01{
	float:left;
	margin-right:23px;
	width:275px;
	overflow:auto;
}

.blogpost_field02{
	float:left;
	width:275px;
	overflow:auto;
}

.blogpost_field03{
	float:left;
	margin-top:15px;
	width:100%;
	overflow:auto;
}

#blogpost_form{
	float:left;
	width:573px;
}

.txtinput_blogpost{
	color:#4f4f4f;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:0 3px 0 3px;
	width:562px; _width:563px;
	height:100px;
	}

#blogpost_sub_btn{
	float:left;
	padding-top:15px;
	width:83px;
}	
/*testimonials*/
.post_testimonials{
	width:100%;
	height:auto;
	margin-bottom:15px;
	display:table;
	border-bottom:1px dashed #307EAE;
	padding-bottom:10px;
	
	}
.testimonial_img{
	width:100px;
	height:100px;
	float:right;
	padding:5px;
	border:1px solid #307EAE;
	margin:10px;
	margin-right:0px;
	}
.client_name{
	width:230px;
	color:#F2CF31;
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	}
	

/*services*/		
.service01{
	float:left;
	position:relative;
	z-index:1;
	padding:15px 17px 0 18px;
	background-position:bottom left;
	background-repeat:no-repeat;
	width:254px;
	font-size:15px;
	font-weight:bold;
	height:44px;
	border:1px solid #2E79A7;
	margin-right:10px;
	margin-bottom:10px;
}
.service01 a, .service01 a:link, .service01 a:active, .service01 a:visited{ 
	color:#fff;
	text-decoration:none;
	}
.service01 a:hover{ 
	color:#FFD700;
	text-decoration:none;
	}	
.webdesign{
	width:450px;
	margin-left:30px;
	line-height:22px;
	}	
.webdesign ul{
	margin-left:20px;
	}
.webdesign ul li{
	list-style-type:none;
	}	


.service02{
	float:left;
	padding:13px 9px 0 16px; _padding:17px 9px 0 16px;
	background-repeat:no-repeat;
	width:257px;
	height:46px;
	background-position:bottom;
}
	
.link_srvices{
	font-size:18px;
	font-weight:bold;
	color:#F2CF31;
	text-decoration:none;
	}	

.link_services:hover{
	font-size:18px;
	font-weight:bold;
	color:#F2CF31;
	text-decoration:underline;
	}	
.icon01{
	position:relative;
	float:left;
	z-index:2;
	top:-10px; _top:-5px;
	left:-10px;
	width:51px
	height:51px;		
}