@charset "UTF-8";

/* -------    Page Layout ----------*/
body {
	padding : 0;
	margin : 0;	
	}

td{
	font : 11px/15px tahoma, Helvetica, sans-serif;
	color : #090607;
	}
div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea {
	padding : 0;
	margin : 0;
	}
p {
	padding : 0 0 8px 0;
	margin : 0;
	line-height: 16px;
	}
ul {
	list-style : none;
	}
img {
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}

/*COMMON STYLE START*/
.small_text {
	font-size : 9px;
	line-height : 13px;
	color:#00515E;
	}
.font_size16 {
	font-size : 16px;
	line-height : 20px;
	}
.font_size18 {
	font-size : 18px;
	line-height : 22px;
	}
.font_size20 {
	font-size : 20px;
	line-height : 24px;
	}
.blue_text {
	color : #2a8ec0;
	}
.black_text {
	color : #252525;
	}
.orange_text {
	color : #f19e33;
	}
.green_text {
	color : #00515E;
	line-height:16px;
	font-weight:bold;
	}
.blue_link {
	color : #206fa2;
	}
.blue_link:hover {
	color : #000;
	}
.white_link {
	color : #f8fcff;
	}
.white_link:hover {
	color : #fff;
	text-decoration:underline;
	}
.dot_line_1 {
	background : url(images/dot_1.gif) repeat-x bottom left;
	}
.insidebg{
	background :#f5f5f5 url(images/inside_bg1.gif) repeat-x top left;
	}
.insidebg_2{
	background :#f5f5f5 url(images/inside_bg2.gif) repeat-x top left;
	}
/*COMMON STYLE END*/
#heading_bg {
background:url(images/header_bg.jpg) no-repeat left top;

	}
.heading_1 {
	font-size : 16px;
	font-weight:bold;;
	line-height : 22px;
	color:#00515E;
	padding : 5px 0 15px 0px; margin-bottom: 10px;
	background: url(images/bg_1.gif) no-repeat bottom left; display:block;
	}
.heading_2 {
	font-size : 22px;
	line-height : 30px;
	border-bottom : 1px solid #dedede;
	display : block;
	padding : 8px 0 5px 0;
	}
.heading_3 {
	font-size : 18px;
	line-height : 24px;
	display : block;
	padding : 8px 0 5px 0;
	}
.input_1 {
	height : 25px;
	border : 1px solid #53b5e5;
	margin : 0;
	padding : 0;
	color : #46a7d8;
	font-size : 13px;
	}
.input_green {
	height : 25px;
	margin : 0;
	padding : 0;
	font-size : 13px;
	width : 196px;
	border : 1px solid #c0d783;
	}
.textarea_green {
	width : 196px;
	border : 1px solid #c0d783;
	}
#main_container {
	width : 977px;
	margin : 0 auto;
	}
#fixed_menu {
	position : absolute;
	top : 2px;
	left : 10px;
	z-index : 100;
	width : 120px;
	}
#fixed_menu a {
	display : block;
	padding : 10px 0 10px 35px;
	overflow : hidden;
	width : 0;
	font : 13px/16px Arial, Helvetica, sans-serif;
	}
#home_icon {
	background : url(images/home_icon.gif) no-repeat left center;
	color : #38bcd7;
	}
#link_icon {
	background : url(images/link_icon.gif) no-repeat left center;
	color : #8dc32d;
	}
#sitemap_icon {
	background : url(images/sitemap_icon.gif) no-repeat left center;
	color : #fb8900;
	}
#fixed_menu a:hover {
	display : block;
	padding : 10px 0 10px 35px;
	overflow : hidden;
	width : auto;
	font : 13px/16px Arial, Helvetica, sans-serif;
	}
#header {
	height : 128px;
	padding : 0 0 0 273px;
	background : url(images/header_img1.gif) no-repeat left bottom;
	}
#hire {
	margin : 21px 0 0 0;
	float : left;
	width : 490px;
	border-right : 1px solid #bcbcbc;
	}
#hire p {
	font-size : 12px;
	color : #5e5e5e;
	line-height : 14px;
	display : block;
	padding-top : 8px;
	}
#hire p a {
	color : #107fa8;
	text-decoration : underline;
	}
#hire p a:hover {
	color : #000;
	text-decoration : none;
	}
#hire img {
	float : left;
	}
#hire h1 {
	line-height : 14px;
	font-size : 18px;
	font-weight : bold;
	padding-top : 13px;
	}
#hire h2 {
	line-height : 14px;
	font-size : 16px;
	font-weight : normal;
	color : #6d6d6d;
	}
#jump {
	margin : 28px 0 0 0;
	float : right;
	color : #1d1d1d;
	width : 198px;
	}
#jump_heading {
	background : url(images/sitemap_icon2.gif) no-repeat center left;
	padding : 5px 0 3px 50px;
	}
#Site_Categories {
	background : url(images/arrow_1.gif) no-repeat center right;
	padding : 2px 0 1px 0px;
	}
.Site_Categories{
	padding:2px 0px 2px 0px;
	border : 1px solid #d5d5d5;
	display:block;
	height:1%;
	color:#999999;}

#topmenu {
	margin:10px 0px 0 0;	
	}

#topmenu a {
	display : block;
	padding : 2px 15px 4px 25px;
	font-weight : bold;
	color : #fff;
	height : 1%;
	white-space : nowrap;
	background:url(images/arrow.gif) no-repeat left top;
	}
#topmenu a:hover{
	display : block;
	padding : 2px 15px 4px 25px;
	font-weight : bold;
	color : #BFF7FF;
	height : 1%;
	white-space : nowrap;
	background:url(images/arrow.gif) no-repeat left bottom;
	}
#header_bottom {
	width : 950px;
	height : 177px;
	margin : 0 auto;
	background : url(images/header_img2.gif) no-repeat left top;
		}
#header_bottom_inside {
	width : 950px;
	height : 96px;
	margin : 0 auto;
	background :url(images/header_img3.gif) no-repeat left top;
	}
	
#header_bottom_inside_1 {
	width : 950px;
	height : 96px;
	margin : 0 auto;
	background :url(images/header_img4.gif) no-repeat left top;
	}
	
#favorite {
	height : 177px;
	width : 233px;
	float : left;	
	}
#favorite img {
	margin-top : 128px;
	}
#header_msg {
	float : left;
	margin : 36px 0 0 27px;
	width : 337px;
	color : #dbfaff;
	font-size : 14px;
	}
#header_msg_1 {
	float : left;	
	width : 430px;
	color : #dbfaff;
	font-size : 14px;
	padding:30px 0 0 260px;
	}
#header_msg img {
	padding-bottom : 20px;
	}
#header_right {
	float : right;
	margin-top : 36px;
	height : 141px;
	width : 353px;
	text-align : center;
	}
#header_right h1 a {
	display : block;
	margin-top : 80px;
	color : #003b5f;
	font-weight : normal;
	}
#header_right span {
	display : block;
	color : #fefefe;
	font-weight : normal;
	}
#header_right a:hover {
	text-decoration : underline;
	}
#header_right div {
	height : 141px;
	float : left;
	}
#brochure {
	width : 159px;
	background : url(images/brochure_bg.gif) no-repeat left top;
	text-align : right;
	padding-right : 20px;
	}
#quote {	
	width : 169px;
	background : url(images/quote_bg.gif) no-repeat left top;
	}
#body_container {
	width : 950px;
	margin : 0 auto;
	padding : 20px 0 0px 0;
	height:inherit;
	}
#leftpanel {
	width : 233px;
	float : left;
	}
#services {
	width : 225px;
	border : 4px solid #dedede;
	background : #ffffff;
	margin-bottom : 10px;
	}
#services ul {
	display : block;
	margin : 13px;
	}
#services ul li {
	display : block;
	line-height : 28px;
	}
#services ul li a {
	padding : 0 0 0 18px;
	color : #0d8ccb;
	font-weight : bold;
	background : url(images/arrow_5.gif) no-repeat center left;
	}
#services ul li a:hover {
	color : #666666;
	}
#quote_form {
	width : 233px;
	background : #fff url(images/green_bg.gif) repeat-x top left;
	margin-bottom:10px;
	}
#quote_form h2 {
	font-size : 18px;
	font-weight : normal;
	line-height : 30px;
	padding : 8px 0 0 16px;
	}
#quote_form form {
	padding : 0 0 10px 16px;
	}
#quote_form form p {
	display : block;
	padding : 5px 0 0 0;
	}
#rightpanel {
	width : 335px;
	float : right;
	}
#packages {
	width : 335px;
	float : left;
	margin-bottom : 20px;
	height : 300px;
	}
#packages h1 {
	text-align : center;
	font-size : 18px;
	font-weight : normal;
	padding-top : 20px;
	line-height : 22px;
	}
#packages h1 a {
	color : #333333;
	}
#packages h1 a:hover {
	color : #000;
	}
#design_packages {
	background : url(images/design_packages.gif) no-repeat top left;
	width : 169px;
	height : 137px;
	float : left;
	}
#banner_packages {
	background : url(images/banner_packages.gif) no-repeat top left;
	width : 166px;
	height : 137px;
	float : left;
	}
#ecommerce_packages {
	background : url(images/ecommerce_packages.gif) no-repeat top left;
	width : 169px;
	height : 140px;
	float : left;
	}
#hire_packages {
	background : url(images/hire_bg.gif) no-repeat top left;
	width : 166px;
	height : 140px;
	float : left;
	text-align : center;
	}
#client_speak {
	width : 315px;
	float : left;
	padding-left : 14px;
	padding-bottom:10px;
	border-left : 6px solid #dedede;
	}
#client_speak h3 {
	background : url(images/speak_icon.gif) no-repeat center left;
	font-size : 18px;
	padding : 10px 0 10px 35px;
	}
#client_speak_content {
	margin-left : 17px;
	margin-right : 20px;
	}
.testimonials {
	font-size : 14px;
	line-height : 20px;
	color : #0d8ccb;
	padding : 10px 0 10px 0;
	}
.written {
	font-size : 12px;
	line-height : 16px;
	}
.client_speak_inside {
	width:233px;
	margin-bottom:10px;
}
.client_speak_inside h3 {
	background : url(images/speak_icon.gif) no-repeat center left;
	font-size : 18px;
	padding : 10px 0 10px 35px;
	}


#centerpanel {
	width : 330px;
	float : left;
	margin : 0 26px 0 26px;
	}
#whychoose {
	float : left;
	width : 330px;
	margin-bottom : 10px;
	height : 300px;
	}
#whychoose_content {
	padding : 10px 0 0 0;
	border-top : 1px solid #fff;
	}
ul.tick {
	padding-bottom : 10px;
	padding-top : 10px;
	}
ul.tick li {
	display : block;
	color : #0d8ccb;
	padding : 4px 0 4px 30px;
	background : url(images/tick.gif) no-repeat center left;
	}
#featured_projects {
	float : left;
	width : 330px;
	}
#featured_projects div {
	float : left;
	}
.more_projects {
	width : 330px;
	display : block;
	float : left;
	}
#featured_projects h2 {
	float : left;
	}
#featured_projects .count {
	float : right;
	width : 130px;
	padding : 10px 0 5px 0;
	}
#featured_projects .count a {
	line-height : 3px;
	color : #2a8ec0;
	}
#projects_prev {
	float : left;
	width : 322px;
	border : 3px solid #dedede;
	padding : 1px;
	}
	
.projects_title {
	width : 330px;
	}
.projects_title img {
	float : right;
	}
.projects_title span {
	display : block;
	padding-top : 5px;
	}
#footer {
	background: url(images/footer_bg.gif) no-repeat bottom left;
	height:80px;

	}
#footer td{ color:#00515E;}

.link_1  {
	display : block;
	padding : 0px 15px 4px 25px;
	font-weight : bold;
	color : #00515E;
	height : 1%;
	white-space : nowrap;
	background:url(images/arrow_1.gif) no-repeat left top;
	}
.link_1:hover {
	display : block;
	padding : 0px 15px 4px 25px;
	font-weight : bold;
	color : #000;
	height : 1%;
	white-space : nowrap;
	}
#footer_link .directory{ padding:0 0 20px 0;}
#footer_link .directory a{ background:none; padding : 0 10px 0 10px; color:#072B50;}

#copyright {
	background : url(images/dot.gif) repeat-x top left;
	padding : 20px 0 20px 0;
	}
#copyright a {
	color : #0d8ccb;
	}
#footer_bottom {
	background : url(images/dot.gif) repeat-x top left;
	padding : 20px 0 20px 0;
	text-align : center;
	}
#footer_bottom img {
	float : left;
	}
#tell_friend {
	width : 750px;
	margin : 0 auto;
	height : 31px;
	}
#tell_friend_container {
	width : 500px;
	float : right;
	height : 31px;
	text-align : right;
	}
#tell_friend_container div {
	height : 31px;
	float : left;
	padding : 0 10px 0 10px;
	line-height : 30px;
	}
#tell_friend .heading {
	height : 31px;
	width : 122px;
	border-right : 1px solid #cccccc;
	}

/*___________________________________________________*/


/* ######### Style for Drop Down Menu ######### */
.pageurl {
	position:absolute;	
	border : 1px solid #d5d5d5;
	z-index:101;
	background-color: white;
	width : 196px;
	visibility:visible;
	height : 200px;
	overflow : scroll;
	overflow : auto;
	display:none;
	padding:8px 0px 5px 0px;
	}
.pageurl a {
	padding : 2px 0 2px 10px;
	display : block;
	color:#000;
	}	

* html .pageurl a{ /*IE only hack*/
width:auto;
}

.pageurl a:hover{ /*THEME CHANGE HERE*/
background-color: #36AAE8;
color: #fff;
}
/*INSIDE CONTENT*/
.inside_content{ 
	width : 691px;
	float : left;
	margin : 0 0 0 26px;
	}
.quote_btn{ float:right; padding:17px 0 0 0 ;}
.paging{ 
	border-top:#DEDEDE 4px solid; 
	height:40px; 
	width : 691px;
	float:left;
	}
.paging div{ 
	margin-top:1px; 
	border:#DEDEDE 1px solid; 
	width:100px;
	text-align:center;
	padding:4px;
	float:right; 	
	}
.paging div a{ padding:0 5px 0 5px;}

.portfolio_holder{
	width : 691px;
	float:left;
	}
.portfolio{ float:left; 
	width:198px; height:255px; 
	margin-right:24px; 
	line-height:16px;
	font-size:11px;
	color:#5F5F5F;
	}
.portfolio strong{ color:#252525; 
	font-size:12px;}

.thumb {margin-bottom:2px;}
.thumb img{border:1px solid #dedede; padding:1px;}

.box_link{ color:#FFFFFF; font-weight:bold; background:#37A5D6; padding:0px 3px 0px 3px; font-size:12px;}
.box_link:hover{ color:#FFFFFF; font-weight:bold; background:#88AC0F; padding:0px 3px 0px 3px;}

.subheading{
	font-size:18px;
	background:url(images/dot.gif) repeat-x left bottom;
	padding:20px 0 10px 0;
	margin:0 0 10px 0;
	line-height:24px;
	} 
.subheading a{ color:#1A7FB2;}
.subheading a:hover{ color:#0C6D9D;}
.notes{ color:#FF0000;}
.width300{ width:300px;}

.clear {clear: both;}
ul.list {list-style-type : disc; color: #000; list-style:circle; margin-top: 20px;}
ul.list li {line-height: 20px; display: block; height: auto; padding: 0px 0px 5px 20px; background:url(images/bullet.gif) 0px 3px no-repeat; list-style-type:disc; list-style:circle;}

.boldgreen {
	font-size : 14px;
	font-weight:bold;;
	line-height : 16px;
	color:#00515E;
	padding : 15px 0 5px 0px; margin-bottom: 10px; display:block;
	}
	
#rotator {position:relative; height:416px; width: 409px; margin: 0; padding: 0; display: block;}
#rotator ul { margin: 0; padding: 0}
#rotator li {float:left; position:absolute; list-style: none; margin: 0; padding: 0;}
#rotator img {padding: 0; background: #ffffff; -moz-border-radius:10px; -webkit-border-radius:10px;  margin: 0; padding: 0;}
#rotator li.show {z-index:500}