@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#414141;
	line-height:22px;
	background:url(images/body_bg.jpg) left top repeat-x;
}
a:link {
	color:#3366cc;
	text-decoration:none;
}
a:hover {
	color:#3366cc;
	text-decoration:underline;
}
a:visited {
	color:#3366cc;
	text-decoration:none;
}
a:focus {
	outline:none;
}

img{ border:0px solid #ff0000;}

h1 {
	font-size:30px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}

.wrapper {
	width:960px;
	height:auto;
	margin:auto;
}
.main {
	height:auto;
	width:960px;
	float:left;
}
.top_header {
	height:80px;
	width:960px;
	float:left;
}
.logo {
	height:auto;
	width:auto;
	float:left;
}
.top_nav {
	height:auto;
	width:auto;
	min-width:485px;
	float:right;
	padding:35px 0 0 0;
}
.top_nav ul {
	margin:0;
	padding:0;
}
.top_nav ul li {
	list-style:none;
	float:left;
}
.top_nav ul li a {
	text-decoration:none;
	color:#424242;
	font-size:12px;
	padding:2px 10px 2px 10px;
	display:block;
}
.top_nav ul li a:hover, .top_nav ul li a.active {
	text-decoration:none;
	color:#0066cc;
}


.menu {
	height:73px;
	width:960px;
	float:left;
}
.menu ul {
	margin:0;
	padding:0;
}
.menu ul li {
	list-style:none;
	float:left;
	min-width:150px;
	padding:0 0 0 15px;
	background:url(images/li_right.jpg) right center no-repeat;
}
.menu ul li a {
	text-decoration:none;
	font-size:18px;
	color:#7c7c7c;
	padding:15px 30px 20px 15px;
	display:block;
	background:url(images/menu_dot.png) left top no-repeat;
}
.menu ul li a span {
	color:#989797;
	font-size:11px;
	text-transform:uppercase;
}

.menu ul li.last {
	background:none;
}


.banner_section {
	height:auto;
	width:960px;
	float:left;
	padding:10px 0 0 0;
}
.banner {
	width:648px;
	height:280px;
	float:left;
}
.banner_right {
	width:280px;
	height:210px;
	float:left;
	padding:0px 50px 35px 0px;
	/* background:url(images/left_50.png) left top no-repeat; */
}
.banner_right h2 {
	margin:0;
	padding:0 0 0px 0;
	color:#cccccc;
	font-weight:normal;
}
.banner_right h6 {
	margin:0;
	padding:0;
	color:#fff;
}
.design {
	height:auto;
	width:100%;
	float:left;
	padding:30px 0 30px 0px;
	text-align:center;
}
.button_section {
	height:auto;
	width:auto;
	float:left;
	padding:35px 0 0 40px;
}
.see_button {
	width:177px;
	height:27px;
	float:left;
	text-align:center;
	background:url(images/see_button.png) left top no-repeat;
}
.see_button a {
	text-decoration:none;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:2px 0 2px 0;
}
.see_button a:hover {
	text-decoration:none;
	color:#666666;
}
.body_section {
	height:auto;
	width:960px;
	float:left;
	padding:10px 0 10px 0;
/*	border-bottom:solid 2px #ced1d4;*/
}
.body_left {
	height:auto;
	width:648px;
	float:left;
}
.text_section {
	height:auto;
	width:615px;
	float:left;
	font-size:13px;
	color:#414141;
	padding:16px 16px 16px 0px;
}
.text_section h1 {
	margin:0;
	padding:0;
	font-weight:normal;
	color:#3890da;
}

.text_section h2 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	color:#7c7c7c;
}

.text {
	width:100%;
	height:auto;
	float:left;
	padding:20px 0 20px 0;
	border-bottom:solid 1px #e9e9e9;
}
.services_section {
	height:auto;
	width:615px;
	float:left;
}
.services_section ul {
	margin:0;
	padding:0;
	width:205px;
	float:left;
}
.services_section ul li {
	list-style:none;
	line-height:22px;
}
.services_section ul li a {
	text-decoration:none;
	font-size:11px;
	color:#3366cc;
}
.services_section ul li a:hover {
	text-decoration:underline;
	color:#414141;
}





.body_right {
	width:312px;
	height:auto;
	float:right;
	padding:16px 0 14px 0;
}

.right_panel {
	height:auto;
	width:274px;
	float:left;
	padding:13px 18px 30px 18px;
	border-top:solid 4px #337dbc;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
	border-left:solid 1px #d9d9d9;
}
.panel_heading {
	height:auto;
	width:100%;
	float:left;
	padding:0 0 5px 0;
	/*background:url(images/up_down_arrow.png) right center no-repeat;*/
}
.panel_heading h3 {
	margin:0;
	padding:0;
	color:#7c7c7c;
	font-weight:normal;
}

.latest_content_section {
	height:auto;
	width:100%;
	float:left;
}
.latest_content {
	height:auto;
	width:100%;
	float:left;
	padding:2px 0 3px 0;
}
.pro_images {
	height:auto;
	width:auto;
	float:left;
	border:solid 2px #d6d7d3;
}
.pro_text {
	_eight:auto;
	width:266px;
	float:left;
	font-size:12px;
	color:#333333;
	padding:0 0 0 10px;
}
.pro_text span {
	color:#666666;
}
.pro_text a {
	text-decoration:none;
	color:#3366cc;
}

.testi_text {
	height:auto;
	width:100%;
	float:left;
	font-size:15px;
	color:#414141;
	font-style:italic;
	background:url(images/left_comma.png) left top no-repeat;
}
.testi_text_2 {
	height:auto;
	width:247px;
	float:left;
	background:url(images/right_comma.png) right bottom no-repeat;
	padding:0 20px 0 20px;
}

.see_all {
	height:auto;
	width:194px;
	float:left;
	padding:30px 0 0px 80px;
}
.see_all_button {
	width:112px;
	height:24;
	float:left;
	text-align:center;
	background:url(images/see_all_btn.png) left top no-repeat;
}
.see_all_button a {
	text-decoration:none;
	color:#0066cc;
}



.footer {
	height:85px;
	width:928px;
	float:left;
	padding:12px 16px 0 16px;
	border-top:2px solid #CED1D4;
}
.footer_left {
	height:auto;
	width:auto;
	float:left;
}
.social_link {
	height:auto;
	width:auto;
	float:left;
	padding:0 5px 0 0;
}
.footer_right {
	height:auto;
	width:auto;
	float:right;
	font-size:10px;
	color:#a0a0a0;
	text-align:right;
}

/*------------------------------------scroll testimonial text---------------------------------*/
<style type="text/css">

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}

</style>
/*-----------------------------------Portfolio------------------------------------------------*/

.portfolio_main{ width:960px; float:left; padding:10px 0px 0px 0px;}
.portfolio_main h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#989797; padding:0px 0px 13px 0px; margin:0px; font-weight:normal; width:960px;float:left;}
.portfolio_main h2{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#2e79ba; padding:0px 0px 30px 20px; margin:0px; font-weight:normal; width:940px;float:left; background:url(images/icon_heading.gif) no-repeat left 3px;}
.portfolio_sec{ width:960px;float:left;}
.portfolio_sec_inner{ width:980px;float:left; padding:0px 0px 33px 0px;}
.portfolio_sec_inner_sub{ width:245px;float:left;}
.portfolio_sec_inner_sub2{ width:220px;float:left;}
.portfolio_sec_inner_sub p, .portfolio_sec_inner_sub2 p{ font-family:Arial, Helvetica, sans-serif; color:#414141; font-size:13px; padding:0px; margin:0px; text-align:left;}
.portfolio_sec_inner_sub p a{ color:#3366CC; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px; margin:0px; text-align:left;}
.portfolio_sec_inner_sub p a:hover{ color:#3366CC; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px; margin:0px; text-align:left;}
.portfolio_sec_inner_sub p a:active{ color:#3366CC; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px; margin:0px; text-align:left;}
.quote_sec{ width:960px; padding-bottom:10px;float:left; background:url(images/quote_img.jpg) no-repeat 10px 10px;}
.quote_sec h2{ width:auto; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2e79ba; padding:20px 0px 00px 100px;margin:0px 0px 0px 0px; font-weight:normal; border-top: 2px solid #CED1D4;}
.quote_sec h2 a {color:#2e79ba; text-decoration:none;}
.quote_sec p{ width:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#414141; padding:0px 0px 0px 100px;margin:0px 10px 10px 0px; font-weight:normal; line-height:normal;}

.portfolio_main  img { border:1px solid #ccc;}


/*-------------------What-We-Do-----------*/


.W_lt_sec{
	float:left;
	width:635px;
	height:auto;
	padding:20px 0 0 13px;
}
.W_whatwedo_sec{
	float:left;
	width:615px;
	height:auto;
	padding:0 0 0 0;
}
.W_whatwedo_header_sec{
	float:left;
	width:580px;
	height:auto;
	padding:0 0 0 25px;
	font-size:28px;
	color:#3366cc;
	font-weight:normal;
	background:url(images/blue_dot_header.gif) left center no-repeat;
}
.W_whatwedo_txt_sec{
	float:left;
	width:565px;
	height:auto;
	padding:25px 25px;
	font-size:16px;
	color:#333333;
	line-height:18px;
}
.W_whoweare_txt_sec{
	float:left;
	width:565px;
	height:auto;
	padding:20px 0px 0px 25px;
	font-size:16px;
	color:#333333;
	line-height:18px;
}
.W_web-design_sec{
	float:left;
	width:615px;
	height:auto;
}
.W_web-design_header_sec{
	float:left;
	width:577px;
	height:30px;
	text-align:right;
	padding:8px 10px 0 28px;
	background:url(images/web-design_bg.gif) left top no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#3366cc;
}
.W_web-design_header_sec span{
	float:left;
	margin:0;
	padding:0;
}
.W_web-design_txt_sec{
	float:left;
	width:590px;
	height:auto;
	padding:20px 0 30px 25px;
	font-size:14px;
	color:#333333;
	line-height:18px;
}
.W_web-design_txt_sec span{
	margin:0;
	padding:0;
	color:#0033ff;
}

/*--------------Quote Request------------------------------------*/


.Q_body-lt{
	float:left;
	width:530px;
	height:auto;
	padding:20px 0 0 15px;
}
.Q_Quote-Request_sec{
	float:left;
	width:530px;
	height:auto;
}
.Q_Quote-Request_header{
	float:left;
	width:505px;
	height:auto;
	font-size:28px;
	font-weight:normal;
	color:#3366cc;
	padding:0 0 0 25px;
	background:url(images/blue_dot_header.gif) left center no-repeat;
}
.Q_Quote-Request_txt{
	float:left;
	width:505px;
	height:auto;
	font-size:14px;
	color:#333333;
	line-height:16px;
	padding:14px 0 14px 25px;
}
.Q_Quote-Request_information_sec{
	float:left;
	width:505px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	line-height:16px;
	padding:0 0 0 25px;
}
.Q_Quote-Request_information_content-header{
	float:left;
	width:505px;
	height:auto;
	padding:0 0 4px 0;
}
.Q_Quote-Request_information_content-txt{
	float:left;
	width:505px;
	height:auto;
	padding:0 0 10px 0;
}
.Q_Quote-Request_information_content-btn-txt{
	float:left;
	width:400px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	padding:18px 0 20px 0;
	text-align:center;
}
.input_information_content{
	width:400px;
	height:24px;
	font-size:12px;
	color:#000000;
	padding:4px 0 0 5px;
	border:1px solid #d0d0d0;
}
.txt-area_information_content{
	width:400px;
	height:100px;
	font-size:12px;
	color:#000000;
	padding:4px 0 0 5px;
	border:1px solid #d0d0d0;
}
.Q_body-rt{
	float:right;
	width:410px;
	height:auto;
	padding:20px 0 0 0;
}
.Q_rt_client-list{
	float:right;
	width:410px;
	height:auto;
	border-bottom:1px dotted #999999; 
	padding:0 0 20px 0;
	text-align:center;
}
.Q_rt_client-list_txt{
	float:right;
	width:395px;
	height:auto;
	font-size:15px;
	font-style:italic;
	color:#323232;
	text-align:center;
	margin:15px 0 0 0;
	padding:8px 0 0 18px;
	line-height:20px;
	background:url(images/inverted-quote_lt.gif) left top no-repeat;
}
.Q_rt_client-list_txt span{
	margin:0px;
	padding:0px;
	color:#225bcd;
}





.C_rt_sec{
	float:right;
	width:312px;
	height:auto;
	padding:34px 0 0 0;
}
.C_rt_our-address_sec{
	float:right;
	width:276px;
	height:auto;
}
.C_rt_our-address_header{
	float:right;
	width:276px;
	height:auto;
	font-size:18px;
	color:#000000;
}
.C_rt_our-address_img{
	float:right;
	width:276px;
	height:auto;
	padding:15px 0 0 0;
}
.C_rt_our-address_txt{
	float:right;
	width:276px;
	height:auto;
	padding:5px 0 0 0;
	font-size:12px;
	color:#323232;
	line-height:20px;
}
.C_rt_our-address_content_sec{
	float:right;
	width:276px;
	height:auto;
	padding:5px 0 0 0;
	font-size:12px;
	color:#323232;
	line-height:14px;
}
.C_rt_our-address_content_sec span{
	margin:0px;
	padding:0 15px 0 0;
}
.textlisttop {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.2
}
.textlisttop strong {
	color: #0033CC;
}
.textlisttop a{

}
.mandatory {
	color:red;
}

/*-------------------------------Blog------------------------------------------------*/


.B_lt_sec{
	float:left;
	width:635px;
	height:auto;
	padding:20px 0 0 13px;
}
.B_blog_sec{
	float:left;
	width:615px;
	height:auto;
	margin:0 0 5px 0;
}
.B_blog_header_sec{
	float:left;
	width:615px;
	height:auto;
	font-size:24px;
	color:#0066cc;
	border-bottom:1px solid #e4e4e4;
	padding-top:12px;
}
.B_blog_header_sec div {
	float:left;
	width:615px;
	font-size:12px;
	color:#9d9c9c;
	margin:0px;
	padding:0px;
}
.B_blog_header_sec div a{
	color:#9d9c9c;
	text-decoration:none;
}
.B_blog_header_sec div a:hover{
	color:#9d9c9c;
	text-decoration:none;
}
.B_blog_img-txt_sec{
	float:left;
	width:615px;
	height:auto;
	font-size:12px;
	color:#323232;
	line-height:20px;
	padding:10px 0 0px 0;
}
.B_blog_img-txt_sec span{
	float:left;
	margin:0px;
	padding:0 15px 0 0;
}
.B_blog_img-txt_sec p{
	/*float:right;*/
	margin:0px;
	padding:20px 5px 0 0;
}
.B_rt_sec{
	height:auto;
	width:274px;
	float:right;
	padding:13px 18px 30px 18px;
	border-top:solid 4px #337dbc;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
	border-left:solid 1px #d9d9d9;
	margin:0 0 15px 0;
}
.B_rt_header_sec{
	float:left;
	width:274px;
	height:auto;
	font-size:18px;
	color:#696969;
}
.B_rt_links_sec{
	float:left;
	width:274px;
	height:auto;
	padding:5px 0 0 0;
}
.B_rt_links_sec ul{
	float:left;
	width:274px;
	height:auto;
	margin:0;
	padding:0;
}
.B_rt_links_sec ul li{
	width:274px;
	height:auto;
	list-style:none;
	background:url(images/links_lt_arrow.gif) left center no-repeat;
	line-height:30px;
	padding:0;
	margin:0;
	font-size:12px;
	color:#0066cc;
}
.B_rt_links_sec ul li a{
/*	display:block; */
	padding:0 0 0 25px;
	margin:0;
	font-size:12px;
	color:#0066cc;
	text-decoration:none
}
.B_rt_links_sec ul li a:hover{
	color:#696969;
	text-decoration:none
}
.widgettitle {
color:#696969;
float:left;
font-size:18px;
height:auto;
width:274px;
}
.post_info { font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none; }

.entry{
	/*float:left;*/
	width:615px;
	height:auto;
	font-size:12px;
	color:#323232;
	line-height:20px;
	padding:10px 0 0px 0;
}
.entry span{
	float:left;
	margin:0px;
	padding:0 15px 0 0;
}
.entry p{
	width:615px;
	float:right;
	margin:0px;
	padding:20px 5px 10px 0;
}
.entry strong{
	float:left;
	margin:0px;
	padding:20px 5px 10px 0;
}
/*---------------------------------------------------------Say What-------------------------------------------------------------------*/




.S_main{
	width:960px;
	height:auto;
	float:left;
	padding:10px 0px 0px 0px;
}
.S_header{
	width:960px;
	float:left;
	height:auto;
	padding:0px 0px 0px 0px;
}
.S_header h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	height:auto;
	color:#2e79ba;
	padding:0px 0px 30px 20px;
	margin:0px;
	font-weight:normal;
	width:940px;
	float:left;
	background:url(images/icon_heading.gif) no-repeat left 3px;
}
.S_body{
	width:960px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}
.S_content_sec{
	width:760px;
	height:auto;
	float:left;
	padding:15px 0px 0px 0px;
	margin:0 0 20px 0;
	background:url(images/S_dot-line_bg.gif) left top no-repeat;
}
.S_content_img{
	width:210px;
	height:auto;
	float:left;
	text-align:center;
	padding:25px 0 0 0;
	border:0px;
}
.S_content_img img {
	border:0;
}
.S_content_txt{
	width:535px;
	height:auto;
	float:left;
	padding:0 5px 0 10px;
	line-height:18px;
	font-size:12px;
}
.S_content_txt a{
	color:#0066cc;
	text-decoration:none;
}
.S_content_txt a:hover{
	color:#000;
	text-decoration:none;
}
.S_content_txt span{
	/*color:#0066cc;*/
	color:#0753CF;
}

.S_content_txt div{
	width:100%;
	float:left;
	font-size:13px;
	padding:14px 0 0 0;
	color:#323232;
}


.commentlist {
	font-size:12px;
}
.showbottomline {
 color:#9D9C9C;
 float:left;
 font-size:12px;
 margin:0;
 padding:0;
 width:615px;
 border-bottom:1px solid #D9D9D9;
}
.showbottomline a{
 color:#9D9C9C;
 text-decoration:none;
}
.showbottomline a:hover{
 color:#9D9C9C;
 text-decoration:none;
}
.showbottomline a:visited{
 color:#9D9C9C;
 text-decoration:none;
}