@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-size: 10px;font-weight:300;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;/*background:transparent url(../images/page-rt-up.png) no-repeat scroll 0 3%;*/ border-top:4px solid #0D8EDC;}
.wrapper { width:1020px; margin:0 auto;}

/********** header **********/
.header { overflow:hidden; width:1020px; background:transparent url(../images/page-rt-up.png) no-repeat scroll 0 3%; margin:0 auto;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}
/*******Twitter**********/
.header-t { width:390px; height:24px; float:right; padding:10px 0 0 30px; margin:0;color:#575757;}
/* logo */
.logo {float:right;margin:40px 0 0;padding:0;width:285px;background:url(images/logo-ico.png) no-repeat 100% 0;height:100px;}
.logo img {margin-top: 10px;}
.slogan {color:#FFFFFF;font-size:12px;margin-right:40px;float: left;}
.logo h1 {font-size: 240%; color: #fff;padding-top:10px;}
/* intro l */
.intro-l{position:relative;top: 100px;left:10px; width:300px; float:left;}
.intro-l h2{text-transform: uppercase;font-size:14px;color:#6f6f6f;}
/* intro text */
#intro {float: right;margin-top:10px;padding:10px;width:660px;}
#intro img{border:0 none;}
#intro h3 {color:#3E3C3D;text-align:left;line-height:35px;font-size:13px;letter-spacing:1px;}
/* menu */	
.menu { padding:0; margin:0; width:490px; float: right;border-bottom:1px solid #ccc;}
.menu ul { padding:3px 0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0; height:50px;}
.menu ul li a { display:block; float:left; margin:0 1px 0 0; padding:7px 10px 2px 0px;color:#0D98EA;  font-size: 14px ;text-decoration:none;text-transform: lowercase; height:40px;font-family: trebuchet MS;font-weight:bold;}
.menu ul li a span.bgi { padding:17px 20px 1px 0 !important; padding:24px 15px; background:none;}
.menu ul li a:hover {color:#f8101b;background: url(../images/menu_bg.png) repeat-x right bottom;}
.menu ul li a:hover span.bgi {color:#f8101b;}
.menu ul li a.active {color:#0D98EA;background: url(../images/menu_bg.png) repeat-x right bottom;}
.menu ul li a.active span.bgi {color:#f8101b; }
.menu ul li a span.bgi span { color:#666666; font:lighter 11px trebuchet MS,Arial, Helvetica, sans-serif; display:block; text-align:left;text-tranform:capitalize;text-decoration:none;}



/********** block index **********/
.body-top {background:url(../images/blue_gradient.png) repeat-x;height:40px;}
.body { background:#07b0d1 url(../images/below_bg.jpg) no-repeat scroll 50% 100%;overflow: hidden;}
.body h2 { font-size:16px; color:#181818;  padding:5px; margin:0;}
.body p { font:normal 12px  Tahoma, Geneva, sans-serif; color:#3b3b3b; line-height:1.8em; padding:1px; margin:0;}
.body a { color:#777777;font-size:11px;text-decoration:none;}
.body img { margin:10px 10px; padding:0;}
.body a:hover { color:#e17029; text-decoration: underline;}
.body .tagline {overflow: hidden;font-size: 190%;line-height: 290%;text-transform:capitalize;background:url(../images/tagline-bg.png) repeat-x;color:#222222;font-weight: bold;}
.tag-l {float: left;width: 33%;margin-top:10px;}
.fir, .sec, .thir {height: 64px;}
.fir{background:transparent url(../images/in-touch.png) no-repeat scroll 90% 30%;}
.sec{background:transparent url(../images/get-q.png) no-repeat scroll 90% 30%;}
.thir {background:transparent url(../images/feedb.png) no-repeat scroll 90% 30%;}

/*****Serv***/
.Serv { width:245px; margin:0; padding:5px 10px; float:left;}
.Serv.one {border: 0 !important;}
.Serv.two {width: 715px;}
.one h2, .two h2 {color:#fff;margin:0;padding-left:10px;}
.one h2{background:#A60C01;}
.two h2{background: #160c01;border:1px solid #2c2c2c;}
.three h2 {color:#486E6F;}
.Serv ul { padding:0; margin:0; list-style:none;}
.Serv li { /*background:url(images/services_bg_ul_li.gif) left no-repeat; */padding: 5px 10px; /*border-bottom:1px solid #e3e3e3; */margin:0;}
.Serv li a { color:#fff; text-decoration:none;  font-size:11px;letter-spacing:1px; line-height:1.8em;}
.Serv li a:hover { text-decoration:underline;}
/***** services *****/
.services {background: url(../images/mod_bg.png) repeat-x scroll 0 100%;border:1px solid #eee;padding: 2px;}
.services ul li{background: url(../images/serv_bullet.png) no-repeat 2% 50%;padding-left:15px;}
/***** portfolio ****/
.portf,.contact {overflow: hidden;padding:10px;background: url(../images/content_bg.png) repeat 0 0; border: 1px solid #ccc;}
.portf .web-p {overflow: hidden;width: 200px;float: left;margin-bottom:20px;}
.portf h3{font-size: 14px; font-family: arial;margin-left: 6px;}
.portf a{margin-left:6px;}
.portf img{margin:0;height:132px;width:185px;}
.portf img:hover {cursor:pointer;}
/*****left_size****/
.left_size { width:620px; margin:5px 10px; padding:5px 10px; float:left;}
.left_size a { float:right;}
.left_size img { float:left; margin:15px 10px; padding:0;}
/***********Sub**********/
.Sub { width:215px; margin:5px 10px; padding:5px 10px; float:left;}
.Sub ul { padding:0; margin:0; list-style:none;}
.Sub li { background:url(images/Sub_ul_li.gif) left no-repeat; padding: 5px 20px;  margin:0;}
.Sub li a { color:#2f2f2f; text-decoration:none;  font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em;}
.Sub li a:hover {color:#e17029; text-decoration:underline;}
/********** contact form **********/
.contact p{
	color:#666666;
}
#contactform { margin:0; padding:5px 10px;color:#666666;}
#contactform * { color:#666666;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0;  font: lighter 12px  Tahoma, Geneva, sans-serif; text-transform:uppercase; float:left;line-height:20px;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:340px; border:1px solid #2c2c2c; margin:10px 0; padding:5px 2px; height:16px; background: url(../images/contact_input_bg.png) repeat-x; float:left;color:#ccc;}
#contactform textarea { width:440px; border:1px solid #2c2c2c; margin:10px 0; padding:2px; background:url(../images/textarea_bg.png) repeat-x; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer { background:transparent url(../images/tagline-bg.png) repeat-x scroll 0 0;height:46px;overflow:hidden;}
.footer-wrap {padding: 15px; clear: both;color: #fff;overflow:hidden;}
.footer .bot-menu{ float:left; width:40%; padding:0; margin:0;}
.footer .copyright {float:right; color:#959EA1;font-size:15px;width: 55%;margin:0 auto; margin-right: 10px;text-align:right;}
.footer .copyright p { float:left; padding:0; margin:0;}
.footer .copyright img { float:left;}
.footer div a { color:#666666;font-size:18px; padding:0 5px;}
.text_left { text-align:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:3px solid #dfdfdf; padding:0; margin:5px 0; background:none; line-height:0;}
.bg1 { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:5px 0; background:none; line-height:0;}

/* more heading */
span.orange{color:#DD6000;font-size:11px;font-weight: lighter;}
span.grey{color:#ccc;font-size:10px;font-weight: lighter;}
span.red{color: #E60000;font-weight: bold;font-size:11px;margin-bottom: 5px;}
span.blue{background:#0E67B5 none repeat scroll 0 0;
color:#FFFFFF;
padding:2px;}
span.white{color: #fff;font-weight: bold;text-transform: uppercase;font-size:10px;margin-bottom: 5px;margin-top: 10px;}
span.blue-news{color: #003366;font-weight: bold;text-transform: uppercase;font-size:10px;margin-bottom: 5px;}
span.heading{color: #003366;font-family: "Lucide Sans Unicode","Lucida Grande",Arial,sans-serif;font-size:12px;font-weight: bold;text-transform: uppercase;}
span.orange2{color: #DF851B;font-weight: bold;font-size: 12px;font-style: italic;line-height: 20px;}
span.grey2{color: #666666;font-size: 14px;font-style: normal;line-height: 20px;font-family:arial;}
span.b {color: #0E67B5;}
span.g {color: #D1D9DC;}
span.g2{color: #959EA1;}
span.r {background: #f10d02;padding:2px;color:#fff;}
span.w{color:#fff;}
.article_separator{border-bottom:1px dotted #CCCCCC;display:block;height:10px;margin:0 0 10px;}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;font:normal 12px  Tahoma, Geneva, sans-serif; color:#3b3b3b; line-height:1.8em;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 2px;
	margin: 10px 0;
	font-weight: normal;
	line-height: 100%;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
	font-weight:bold;
  text-transform:uppercase;
}

h2 {
	font-size: 175%;
	line-height: 100%;
	letter-spacing:1px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}