@charset "utf-8";
/***************************************************************************************************
 				                 Reset Default Browser Styles
****************************************************************************************************/

body {
	margin:0;
	padding: 0;
	
}
h1, h2, h3, h4, h5, h6, p, span, label, form, input, li, ol, dl, ul, br, img, div, textarea, checkbox, radio, button, textarea, select, hr, a {
	margin:0;
	padding:0;
}
  #boxs{ width:600px; background:#fff;  border-radius:23px; padding:20px 20px 40px 20px; margin:0 auto;}
.subbutton
{
 color: white;
width: 201px;
padding: 13px;
text-align: center;
background-color: #02a1d8;
margin-left: 152px;
border-radius: 4px;
border-style: none;
  cursor:pointer;
}
.imgtop
{
  width:79%;
}
input, select, radio { vertical-align:middle; }
img { border:0; }
a img {
	border:none;
	outline:none;
}
a {
	text-decoration:none;
	outline:none;
}
a:hover { text-decoration:underline; }
/***************************************************************************************************
        								  Font Setup  
****************************************************************************************************/

body {
	font:normal 62.5%/1.5 Tahoma, Geneva, sans-serif;
}
@media only screen and (min-width: 960px) {
	body {
		overflow-x:hidden;/*stops hor. scrollbar appearing when portfolio images shuffle*/
	}
}
h1{font-size: 22px}
h2{font-size: 20px}
h3{font-size: 18px}
h4{font-size: 16px}
h5{font-size: 14px}

p {font-size:14px;}
ul li a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
}
/***************************************************************************************************
        								  Document Setup  
****************************************************************************************************/

body{
	background:#fff;
}
p a:hover {color:#6895af;}
.clearBox{clear:both;}

/****************************** Forms *******************************/
form div{
	clear:left;	
	margin:3px 0;
	width:350px;
}
form label{
	float:left;
	width:150px;
	margin:5px 0;
	font-size:14px;
}
form .radioLabel{
	width:60px;	
}
form p{
	font-size:14px;	
}
/*Override BC formatting*/
input.cat_textbox, textarea.cat_listbox{
    width: 180px;
}
select.cat_dropdown{
	width:188px;
	height:22px;
}
select.cat_dropdown_smaller{
	width:150px;
	height:22px;
}

form input, form textarea, form select{
	float:left;
	width:180px;
	height:18px;
	margin:3px;
	padding:1px 3px;
	border-radius:4px;
	border:1px solid #ddd;
	background-color:#fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
form input:hover, form select:hover, form input:focus{
	border-color:#c5c5c5;
	background-color:#f6f6f6;
}
form textarea{
	height:100px;
	width:180px;
}
form  input.cat_button{
	font:bold 11px/13px Helvetica, Arial, sans-serif;
	width:110px;
	height:22px;
	margin-left:231px;
}
form .cat_check{
	width:15px;	
}
form .cat_filebox{
	height:22px;
	width:160px;
}
form .captcha{
	display:inline-block;
	width:180px;	
}
form .captchaimg{
	margin:0 3px;
    display:inline-block;
}
form .captcha input{
	width:180px !important;	/*override BC inline formatting*/
}
.homeContactForm{
	width:219px;
	clear:left;
	border-top:1px solid #999;
}
.homeContactForm p{
	margin-left:5px;	
}

.homeContactForm label{
	margin:5px 0 0 5px;	
	font-size:12px;
}
.homeContactForm input, 
.homeContactForm .cat_listbox,
.homeContactForm textarea{
	background:#fff;	
}
.homeContactForm form .cat_button{
	float:right;
	margin:0 25px 1em 0;	
}

/*******************************CSS Objects**************************/
.imgRight{
	float:right;
	margin:0 0 1em 1em;	
}
.imgLeft{
	float:left;
	margin:0 1em 1em 0;	
}


/****************************** Wrapper *****************************/

.wrapper {
	width:960px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
}
/****************************** Header *****************************/
.header {
	height:119px;
	padding:0 0 0 5px;
	background:url(/images/layout/logo_right.jpg) center top no-repeat;
	background-color:#006e9b;
}
.logo {
	position:absolute;
	left:0;
	top:10px;
	z-index:1000;	
}
.headerTag{
	font-size:19px;
	color:#fff;
	margin:44px 0 0 34px;
	font-family: Tahoma, Geneva, sans-serif;
}
.logo_right {
	width:776px;
	float:right;
	height:119px;
}
.phone{
	position:absolute;
	top:8px;
	right:11px;	
}
.phone a{
	color:#fff;	
	font-family: Tahoma, Geneva, sans-serif;
	font-size:20px;
}

.main_content {
	width:920px;
	background:#fff;
	padding:0 20px;
	margin:0;
}
/****************************Navigation***************************/
.star {
	position:absolute;
	left:112px;
	top:3px;
}
.nav{
	position:relative;
	height:36px;
}
.nav ul { 
	list-style:none;
	float:right; 
}
.nav ul li {
	line-height:28px;
	float:left;
	border-left:1px solid #999999;
	padding:0px 12px 0px 12px;
	display:block;
}
.nav li.leftNav{border:none;}
.nav ul li a { color:#7d7e80; }
/****************************** Body *****************************/

.content_headings {
	width:920px;
	height:35px;
	margin:25px 20px 0;
}
.content {
	width:960px;
	display:table;
	margin-top:20px;
}
p{margin:0 0 1em 0;}
h2, h2 a, h3, h3 a{color:#016D9B;}
.serviceHeading{
	font-weight:normal;
	font-size:18px;
	text-transform:uppercase;
	color:#016d9b;
	margin:1.4em 0 0;
	line-height:1.3;	
}

/****************************** Heading *****************************/
/*.heading{
	padding:0 34px 7px;
	float:left;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background:repeat-x left top url(/images/layout/heading-bg-strip.png);
	font:normal 14px/28px Tahoma, Geneva, sans-serif;
	color:#fff;
}*/

.heading {
	width:100%;
	padding-left:50px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:no-repeat 10px center url(/images/layout/star.png);
	background-color:#126e9d;
	font:normal 14px/34px Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	color:#fff;
	border-bottom:solid 3px #b0bec8;
	-moz-border-radius: 7px 7px 0 0 ;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}

.pageTitle{
	padding:0 34px 7px;
	display:inline-block;
	float:left;
	background:url(/images/layout/heading-bg-strip.png) left top repeat-x;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius:  8px 8px 0 0;
	-o-border-radius:  8px 8px 0 0;
	border-radius:  8px 8px 0 0;
	font:bold 14px/28px Tahoma, Geneva, sans-serif;
	color:#fff;
}
.headingMission{width:446px;}
.headingTestimonials{float:none;}
.headingWebDesign{
	width:446px;
	background-image:url(/images/layout/heading_bg_long.png);
}
/****************************** Boxes *****************************/


/************ Left Box *************/

#left {
	width:23%;
	display:table-cell;
	vertical-align:top;
	background:#eeeeee;
}
.search_main {
	padding:10px 0 80px 5px;
}
.search_field {
	width:162px;
	height:28px;
	padding:0px 10px 0px 10px;
	margin:0;
	float:left;
	border:none;
	line-height:28px;
	background:#FFF;
}
.play {
	width:22px;
	height:23px;
	float:left;
	background:url(/images/layout/play.png) left top no-repeat;
	border:none;
	margin:2px 0px 0px 5px;
	cursor:pointer;
	text-indent:-9999px;
}
.links {
	width:218px;
}
.links ul {
	list-style:none;
	clear:left;
	border-top:1px solid #999;
	margin-bottom:1em;
}
.links ul li a {
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	line-height:35px;
	padding:0 0 0 1em;
	border-bottom:dotted 2px #016d9b;
}
.links ul li a:hover { 
	background-position:-3px -55px;
	background-color:#cccccc; 
}
	
/************ Middle Box *************/

#middle {
	width:54.17%;
	display:table-cell;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding:0 3.5%;
}
#middle img { float:right; }
.homeHeading{
	font-weight:normal;
	font-size:18px;
	text-transform:uppercase;
	color:#016d9b;
	margin:0 0 20px;
	line-height:1.1;	
}
.like { 
	float:right; 
	display:inline-block;
}
.youtube_part {
	width:auto; /*width:460px;*/
	float:left;
	padding:20px 0;
}
.youtube_part span {
	background:url(/images/layout/youtube_content.png) left top no-repeat;
	width:460px;
	height:134px;
	float:left;
}
#categories_nav{
	max-width:520px;
}
#categories_nav>div>span,
#categories_nav>div>span>iframe{
	/*Facebook plugin width fix - when logged into a fanpage*/
	width:450px !important;	
}
/************ Right Box *************/

#right {
	width:23%;
	display:table-cell;
	vertical-align:top;
}
.rightBg{
	background:#eee;
}
.portfolioContent {
	height:300px;
	background:#fff;
}
.portfolioContent div{
	display:none;
}
.portfolioContent h3{
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	color: #016d9b;
	margin: 0 0 20px;
	line-height: 1.1;
	background:#fff;
}
.testimonialsContent {
	width:199px;
	border-top:1px solid #999;
	padding:0 10px 1em;
}
.testimonialsItem {
	width:200px;
	border-bottom:1px solid #999999;
	padding:10px 0;
	display:block;
}
.testimonialsItem p{font-size:12px;}
.testimonialsItem a {
	height:30px;
	padding:0 0 0 45px;
	margin:8px 0 0 -5px;
	display:block;
	background:url(/images/layout/li_arrow.png) left -58px no-repeat;
	color:#006e9b;
	font:normal 11px/28px Tahoma, Geneva, sans-serif;
}
.blue {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#006e9b;
	margin:0 0 5px 0;
}
/****************************** Main Template Right ****************/
#mainRight{
	width:672px;
	display:table-cell;
	vertical-align:top;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding:0 1em;
}
.pageHeading{
	font-weight:normal;
	font-size:22px;
	text-transform:uppercase;
	color:#016d9b;
	margin:0 0 20px;
	line-height:1.1;	
}
#mainRight .testimonialsItem{
	width:500px;
}
/*******************************Portfolio Page***********************/
.portfolioPage div{
	width:32%;
	display:inline-block;
	vertical-align:top;
	margin:0.4666%;	
}
.portfolioPage h3{
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	color:#016d9b;
	margin:1.4em 0 .5em;
	line-height:1.3;	
}
.portfolioPage div img{
	/*width:100%;	add this for mobile site*/
}

/*****************************Blog**************************************/
.blogLeft{
	width:471px;
	float:left;
	margin-right:14px;
	padding-right:14px;	
	border-right:1px solid #016D9B;
}
.blogRight{
	width:171px;
	float:left;	
}
.comment-list label{
	width:180px;	
}
.comment-list input{
	margin:3px 0;	
}
/****************************WebDesign page****************************/
.bdaBlue{
	background:#016d9b;
	color:#fff;	
}
.bdaYellow{
	background:#f7c83b;
	color:#000;
}
.bdaGreen{
	background:#6f6f22;
	color:#fff;	
}
.bdaBlue h2, .bdaGreen h2{color:#fff;}
.bdaYellow h2{color:#000;}
.webLinks{
	position:relative;	
	top:-20px;
}
.webLinks div{
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
.webLinks div h2{
	font-weight:normal;	
	background:no-repeat left bottom url(/images/layout/underline.png);
	margin-bottom:.5em;
}
.bgStarImage{
	position:absolute;
	top:100px;
	left:-20px;	
}
.webLinkAnchor{
	float:right;
	display:block;
	background:no-repeat left top url(/images/layout/play.png);
	width:22px;
	height:23px;
	position:relative;
	z-index:100;	
}
#phoneUs{
	margin-top:10px;
	curcor:pointer;	
}


/****************************** Footer *****************************/
.footer{
	width:865px;	
}
.footer_main {
	clear:both;
	margin:15px 0 0;
	background:#006e9b;
	padding:25px 40px 25px 15px;
}
.footer_left {
	width:450px;
	float:left;
}
.footer_links {
	list-style:none;
}
.footer_links li {
	line-height:normal;
	float:left;
	padding:0px 3px 0px 3px;
}
.footer_links li a, .footer_mid a {
	font-size:11px;
	color:#FFFFFF;
}
.social_link {
	width:500px;
	clear:left;
	list-style:none;
	padding:15px 0 30px;
}
.social_link li {
	line-height:normal;
	float:left;
}
.social_link li a { margin:0 8px 0 0; }
.designed {
	padding:15px 0;
	clear:left;
	font-size:11px;
	color:#fff;
}
.footer_mid{
	width:150px;
	float:left;	
}
.footer_right {
	width:165px;
	float:right;
}
.footer_right p {
	font-size:11px;
	color:#fff;
	padding:0 0 5px 0;
}
.footer_right span { float:left; }
.newsletterSignup input {
	width:136px;
	height:21px;
	border:none;
	padding:0 10px;
	margin:3px 0;
}
.newsletterSignup form .captchaimg{
	margin:0;	
}
.newsletterSignup form .captchaimg img{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	width:156px;
	height:32px;
}

.footer_right #CaptchaV2{
	width:136px !important;	
	margin:3px 0;
}
.newsletterSignup .newsletterButton {
	width:86px;
	color:#666;
	float:right;
	font-weight:bold;
	cursor:pointer;
}

/*lsn*/
@media (min-width: 600px) and (max-width:1200px)
 
  {
  .subbutton {
color: white;
width: 201px;
padding: 13px;
text-align: center;
background-color: #02a1d8;
margin-left: 152px;
border-radius: 4px;
border-style: none;
    cursor:pointer;
}
  .imgtop
{
  width:79%;
}
  .#boxs {
width: 92%;
background: #fff;
border-radius: 23px;
padding: 20px 20px 40px 20px;
margin: 0 auto;
}
}

@media (min-width: 500px) and (max-width:1024px)
  {
  .#boxs {
width: 92%;
background: #fff;
border-radius: 23px;
padding: 20px 20px 40px 20px;
margin: 0 auto;
}
}