@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(../images/bg.jpg) repeat-y center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7a7979;
}

div, ul, p, h1, h2, h3, h4, h5, h6, form, input, textarea, select, img{
	padding:0;
	margin:0;
}

.spacer{
	clear:both;
	font-size:0;
	padding:0;
	margin:0;
}

img{
	border:none;
}

/* ------------ main part start --------------- */
#main{
	width:913px;
	padding:0;
	margin:0 auto;
}

/* -------- navi part start ------------------- */
.navi_bg{
	width:913px;
}

.navi_bg_left{
	width:21px;
	height:54px;
	background:url(../images/navi-bg-lft.jpg) no-repeat 0 0;
	float:left;
}

.navi_bg_right{
	width:21px;
	height:54px;
	background:url(../images/navi-bg-rgt.jpg) no-repeat 0 0;
	float:right;
}

.navi_bg_midd{
	width:871px;
	height:54px;
	background:url(../images/navi-midd.jpg) repeat-x 0 0;
	float:left;
}

.navi ul{
	list-style-type:none;
}

.navi ul li{
	width:auto;
	float:left;
	color:#fcfeff;
	background:url(../images/navi-divider.jpg) no-repeat 0 bottom;
	padding:0 38px;
	height:54px;
	background-color:inherit;
}

.navi ul li.none_divider{
	background:none;
}

.navi ul li a{
	width:auto;
	float:left;
	font-size:12px;
	line-height:50px;
	color:#fcfeff;
	background-color:inherit;
	text-decoration:none;
	height:50px;
	display:block;
	padding:0 20px;
	font-weight:bold;
}


.navi ul li a:hover, .navi ul li a.active{
	border-bottom:4px solid #f99621;
}

/* ----- logo part start ---------------*/

.logo{
	width:315px;
	padding:10px 0 10px 33px;
	float:left;
}

.contact-part{ width:440px; float:right; margin:15px 0 0 0; text-align:right; }
.contact-part ul { list-style-type:none; overflow:hidden; padding:0 0 0 0px; }

.contact-part ul li{ float:left; text-align:right; padding:0 16px 0 0;}
.contact-part ul li span {	
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#5e5e5e;
}
/* ---------- header part start ------------------ */

.header{
	width:913px;
/*	height:52px;*/
	background:url(../images/header-bg-new.jpg) no-repeat 0 0;
}

.icons{
	width:931px;
	padding:238px 0 7px 0;
}

.icon_a{
	width:51px;
	float:left;
	padding:0 0 0 70px;	
}

.icon_b{
	width:51px;
	float:left;
	padding:0 0 0 130px;	
}

/* ----------- web design list ----------- */

.web_design_list{
	width:913px;
	background:url(../images/web-design-bg.jpg) no-repeat 0 0;
	height:45px;
}

.web_design_list ul{
	list-style-type:none;
	padding:15px 0 0;
}

.web_design_list ul li{
	float:left;
	font-size:15px;
	line-height:17px;
	color:#038ac2;
	background-color:inherit;
	width:176px;
	margin:0 0 0 5px;
	text-align:center;
}

.web_design_list ul li.seo_pad{
	padding:0 0 0 23px;
}

.web_design_list ul li.seo_pad_a{
	padding:0 0 0 49px;
}

.web_design_list ul li.seo_pad_b{
	padding:0 0 0 59px;
}

.web_design_list ul li.seo_pad_c{
	padding:0 0 0 89px;
}

.web_design_list ul li.seo_pad_d{
	padding:0 0 0 74px;
}

.web_dgn_li{
	width:931px;
	padding:0 0 32px 0;
}

.web_dsgn_aa{
	width:176px;
	margin:0 0 0 6px;
	float:left;
	display:inline;
}

.web_dsgn_a{
	width:176px;
	background:url(../images/webdsgn-a_bg_inner.jpg) repeat-y 0 0;	
}

.web_dsgn_a_inner{
	width:176px;
	background:url(../images/webdsgn-a_bg.jpg) no-repeat 0 0;
	height:130px;
}

.web_dsgn_a_inner ul{
	width:176px;
	margin:0;
	list-style-type:none;
	padding:13px 0;
}

.web_dsgn_a_inner ul li{	
	font-family:Tahoma;
	font-size:11px;
	line-height:19px;
	color:#3b4a4e;
	background-color:inherit;
	border-bottom:1px solid #d9e1e3;
	background:url(../images/bullet.png) no-repeat 10px 7px;
	padding:0 0 0 20px;
}

.web_dsgn_a_inner ul li.none_border{
	border-bottom:none;
}

.read_more_btn{
	width:176px;
	height:27px;
	background:url(../images/btn-a.jpg) no-repeat 0 0;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
}

.read_more{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:25px;
	color:#fff;
	background-color:inherit;
	display:block;
	text-decoration:none;
	padding:0px 0 0 0px;
	margin:0 0 0 48px;
	width:80px;
	height:27px;
	text-align:center;
}

a.read_more:hover{
	color:#000;
	background-color:inherit;
}

.web_dsgn_ab{
	width:176px;
	margin:0 0 0 5px;
	float:left;
	display:inline;
}

/* --------- content part start ------- */

.cont{
	width:913px;
	padding-bottom:23px;
}

.cont-inner{
	width:913px;
	padding:28px 0 23px 0;
}

/* --------- content left part start ------- */

.cont_lft{
	width:635px;
	float:left;
	padding:0 24px 0 9px;
}
.cont_lft p {
	padding-bottom:20px;
}

.cont_lft-inner{
	width:841px;
	float:left;
	padding:0 24px 0 9px;
}


h2{
	margin-bottom:20px;
	font-size:24px;
	line-height:28px;
	color:#038ac2;
	background-color:inherit;
}

p	{
	padding-bottom:20px;
	font-size:12px;
	font-family:tahoma;
	line-height:16px;
	/* color:#7a7979; */
	color:#585757;
	text-indent:0px;
	
}

p.bold_para{
	color:#5e5e5e;
	padding-bottom:20px;
	line-height:16px;
	font-size:12px;
}

p.bold_para-01{
	color:#f99621;
	padding-bottom:20px;
	font-weight:bold;
	line-height:16px;
}


h3{
	font-size:20px;
	line-height:20px;
	color:#038ac2;
}

/* --------- content left part start ------- */
.cont_rgt{
	width:239px;
	float:left;
}

.news_letter{
	width:239px;
}

.news_letter_top{
	width:227px;
	height:30px;
	background:url(../images/new-letter-top.jpg) no-repeat 0 0;
	font-size:15px;
	line-height:30px;
	color:#ebfbff;
	padding:0 0 0 12px;
}

.news_letter_midd{
	width:213px;
	background:url(../images/news_letter_midd.jpg) repeat-y 0 0;
	padding:18px 13px 0 13px;
}

.news_let_txt{
	font-size:12px;
	/*line-height:15px;*/
	color:#535353;
	text-indent:0px;
}

.subscribe{
	width:140px;
	height:30px;
	background:url(../images/btn-b.jpg) no-repeat 0 0;
	font-size:16px;
	font-family:Tahoma;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	margin:12px 0 0;
}

a.subscribe:hover{
	color:#f8f4c8;
}

.news_letter_bot{
	width:239px;
	background:url(../images/new-letter-bot.jpg) no-repeat 0 0;
	padding:0 0 10px 0;
}

/* ------------ footer part start --------------- */
.main_footer{
	margin:0;
	padding:0;
/*	background:url(../images/footer_bg.jpg) repeat-x 0 0;*/
	height:46px;
}

.footer{
	width:904px;
	margin:0 auto;
	padding:10px 0 0;
	background:url(../images/footer-bg.jpg) no-repeat center top;
}

.footer_left{
	width:580px;
	float:left;
}

.footer_left ul{
	list-style-type:none;
}

.footer_left ul li{
	width:auto;
	float:left;
	font-size:12px;
	line-height:17px;
	color:#0a6a94;
	padding:0 7px;
}

.footer_left ul li a{
	width:auto;
	float:left;
	font-size:12px;
	line-height:17px;
	color:#0a6a94;
	text-decoration:none;
}

.footer_left ul li a:hover{
	text-decoration:underline;
}

.footer_right{
	width:320px;
	float:right;
}

p.copy{
	font-size:10px;
	line-height:12px;
	color:#0a6a94
}

.copy_sapn{
	color:#000;
}

ul.body-list{ list-style-type:none;}

ul.body-list li{ 
	padding:0 0 5px 12px;
	background:url(../images/arrow.png) no-repeat 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	font-weight:bold;

}

a.read-more{ 
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ec7e1e;
	font-weight:bold;
}
a.read-more:hover{
	color:#cb560d;
}

.portfolio-str{ 
	width:280px; 
	float:left;
	text-align:center;
	margin:0 0 25px 0;
}

.tools-margin{ margin:25px 0 0 0; }

a.site-link{ 
	text-decoration:none;
	color:#31b0e5;
	font-weight:normal;
}

a.site-link:hover{
	color:#0e88bb; 
}

.contact-list-str{ 	
	float:left;
	width:841px;	
	padding:0 24px 0 9px;
 }

.contact-list-str-lft-col{
	width:400px;
	float:left; 	
}
.contact-list-str-rgt-col{
	width:441px;
	float:left;
	margin:7px 0 0 0; 	
}

.contact-list-str-rgt-col label{ 
	display:block;
	margin-bottom:10px;
}

.contact-list-str-rgt-col label span{ 	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7979;
	font-weight:bold;
	display:block;
	text-align:right;
	width:160px;
	float:left;
	padding:2px 10px 0 0;
	

}

.contact-list-str-rgt-col label span.check-box{
	width:155px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7979;
	font-weight:normal;
	padding:0px 0px 0 0;
	margin:0px 0 10px 0;
	float:left;

 	
}

.chk-box{ vertical-align:-2px; margin:0 5px 0 0;}

.contact-list-str-rgt-col label input.input-box{
	width:220px; 
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7a7979;
	
}

.contact-list-str-rgt-col label select.select-box{
	width:224px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7a7979; 	
}

.contact-list-str-rgt-col label textarea.textarea-box{
	width:220px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7a7979; 	
}

.contact-list-str-rgt-col-submit{
	width:311px;
	float:left;
	padding:0 0 0 170px; 	
}

.input-box-01{ 
	width:280px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7a7979;
}

.chk-box-txt{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7a7979;
}

.chk-box-align{ vertical-align:-2px; margin:0 5px 0 0;}

.input-txt{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#7a7979;
	text-align:right;
	padding:0 6px 0 0;
}

.submit-button{	
	background:url(../images/submit-button.jpg) no-repeat 0 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:87px;
	height:27px;
	margin:0 10px 0 0;
	border:none;
}


ul.contact-list{ list-style-type:none; margin:8px 0 0 0; width:300px; overflow:hidden;}

ul.contact-list li{ float:left; padding:0 20px 0 0;}

ul.body-list-item{ 
	list-style-type:disc;
	padding:0 0 0 30px;
}

ul.body-list-item li{ 	
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7979;
	font-weight:normal;
	font-size:13px;

}
hr { margin:0px 0px 20px 0px; padding:0px; }
