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

body {
	background-color: #dddddd;
	margin: 0px;
	background-image: url(/assets/images/bg.jpg);
	background-repeat: repeat-x;	
	padding: 0px;
}

a, a:link, a:active, a:visited {
	color: #1761ba;
	text-decoration: underline;
}

a:hover {
	color: #1761ba;
}

#clear {
	clear: both;
}

.clearboth {
	clear: both;
}

h1 {
	font-size: 20px;
	color: #003366;
}

#page_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 985px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

#website_design_header {
	width: 985px; 
	height: 104px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

#website_designers_logo {
	float: left;
	width: 300px;
	height: 104px;
}

#custom_website_design_middle {
	float: left;
	width: 653px;
	text-align: right;
	margin-top: 16px;	
}

#custom_website_design_right {
	float: right;
	width: 32px;
	height: 104px;
}

#browse_website_design_portfolio {
  margin-left: auto;
	margin-right: auto;
	width: 187px;
	height: 25px;

	padding-top: 53px;
	overflow: hidden;
}

#website_design_banner {
	background-image: url(/assets/images/website_design_banner_bg.jpg);	
	width: 985px;
	height: 249px;
	margin: 0;
	padding: 0;
}

#website_design_banner_subpages {
	background-image: url(/assets/images/website_design_banner_subpages_bg.jpg);	
	width: 985px;
	height: 227px;
	margin: 0;
	padding: 0;
}

#seo_website_marketing_left {
	float: left;
	width: 586px;
}

#seo_website_marketing_right {
	float: right;
	width: 399px;
	height: 249px;
	overflow: hidden;
}

#website_design_portfolio_container {
  width: 220px;
	display: block;
	margin-left: 82px;
	overflow: hidden;
}

#website_design_portfolio_wrapper {
	float: right;
	margin-top: 29px;
	width: 220px;
}

#web_design_content_wrapper {
	width: 985px;
	background-color: #ffffff;
	overflow: hidden;
}

#website_design_content {
	margin-left: 32px;
	margin-right: 32px;
	padding-bottom: 16px;
}

#website_design_content_subpages {
	margin-left: 115px;
	margin-right: 115px;
	padding-bottom: 16px;
}

#website_designers_content_bottom {
	width: 985px;
	height: 18px;
}

#website_design_left_side {
	float: left;
	width: 290px;
}

#website_design_right_side {
	margin-left: 11px;
	float: left;
	width: 620px;
}

.content-custom-website-design {
	background-image: url(/assets/images/content_custom_website_design.gif);
	background-repeat: no-repeat;
	width: 307px;
	height: 292px;
	float: left;
	margin-right: 6px;
}

.content-search-engine-marketing {
	background-image: url(/assets/images/content_website_marketing.gif);
	background-repeat: no-repeat;	
	width: 307px;	
	height: 292px;
	float: left;	
}

#content_website_design_logos_container {
	width: 985px;
	height: 71px;
	background-color: #ffffff;
}

#content_website_design_logos {
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	width: 620px;
	height: 47px;
}

.contentPromoTitle {
	display: block; 
	position: relative; 
	color: #003366; 
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom: dotted 1px #006699;
	width: 175px;
}

.contentPromoText {
	display: block; 
	float: left; 
	top: 48px; 
	position: relative; 
	left: 116px; 
	color: #003366; 
	width: 181px;
}

.contentPromoButton {
	display: block; 
	float: right; 
	position: relative; 
	bottom: -44px;
	right: 16px;
}

#tabs_wrapper {
	clear: both;
	display: block;
	height: 33px;
	margin-left: 0px;
	float: right;
	margin-top: 8px;		
}

#tabs {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	height: 34px;
	float: right;	
}

#tabs ul {
  padding: 0;
	margin: 0;
}

#tabs li {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 1px;	
}

#tabs a, #tabs a:link, #tabs a:visited {
	color: #003366;
	background: url(/assets/images/tabs.gif) right 34px;
	display: block;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	/* IE6 Fix */
	float: left;			
}

/* tabs a span is contained separated due to browser issues */

/* START IE6 Margin Fix */
#tabs a, #tabs a span {
	display: block;
	float: left
	border: 1px solid #0000ff;
}

/* END IE6 Margin Fix */

#tabs a:hover {
	background: url(/assets/images/tabs.gif) right 0px;
	display: block;	
	/* IE6 Fix */
	float: left;		
}

#tabs a:hover span {
	background: url(/assets/images/tabs.gif) left 0px;
	display: block;
	/* IE6 Fix */
	float: left;			
}

#website_design_footer {
	width: 985px;
	text-align: center;
	font-size: 10px;
	color: #003366;
	margin-bottom: 16px;
}

#website_design_footer a, website_design_footer a:link, #website_design_footer a:visited {
	color: #003366;
}

#website_design_footer a:hover {
	color: #003366;
}

#pageTitle {
  font-size: 20px;
	color: #003366;
	font-weight: bold;
}

#divider {
  margin-top: -8px;	
	border-top: 1px solid #bbcdf2;
}

#subsection {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

#divider_sections {
	clear: both;
	width: 100%;
	border-top: 1px dotted #bbcdf2;
	margin-top: 6px;
}

.floatRight {
	margin-left: 16px;
	float: right;
	margin-bottom: 6px;
}

.floatLeft {
	margin-right: 16px;
	float: left;
	margin-bottom: 6px;
}

#contact_form_container ul {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 32px;
}

#contact_form_container li {
	height: 32px;
}

#contact_info_text {
	width: 28%; 
	float: left;
}

#custom_website_design_quote_form {
	width: 88%; 
	margin-left: auto;
	margin-right: auto;
}

#contact_info_form {
	width: 68%; 
	float: right;
}

#contact_form_wrapper {
	display: block;
	position: relative;
	overflow: hidden;
	/*background-color: #bed0d7; 
	border: 3px double #ffffff;*/
}

#contact_form_container {
	width: 98%; 
	margin-left: auto; 
	margin-right: auto;
}	

#contact_form_container_form {
	width: 94%; 
	margin-left: auto; 
	margin-right: auto;
}

#form_titles {
	float: left; 
	text-align: right; 
	width: 140px; 
	margin-right: 6px;
}

#form_fields {
	float: left;
	display: block;
	position: relative;
}

#form_fields input {
	width: 280px;
}

#form_fields .submit {
	clear: both;
	position: relative;
	width: auto;
}

#form_fields textarea {
	width: 280px;
	height: 136px;
}

#custom_website_design_wrapper {
	width: 100%;
}

#custom_website_design_container {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}

#custom_website_design_description {
	width: 74%;
	float: right;
}

#portfolio_divider {
	clear: both;
	height: 30px;
}

.quoteFormField {
	margin-bottom: 16px;
}

.quoteRadioOptions {

	margin-bottom: 16px;
}

/* --------------- contact form styles --------------- */
#contactFormFieldTitle {
	line-height: 21px;
}

#contactFormFieldReqTitle {
	line-height: 21px;
	font-weight: bold;
}

#contactFormField {

}

#contactFormFieldFloatLeft {
	float: left;
}

#contactFormVerificationCode {
	margin-top: 11px;
}

#contactFormSubmit {

}

#contact_form_wrapper .input {
	width: 271px;
}

#contact_form_wrapper .textarea {
	width: 271px;
	height: 161px;
}

#help_lists li {
	line-height: 30px;
}

.hidediv {
	display: none;
}

/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#003366; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:280px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #003366; 
    -webkit-box-shadow:0 0 10px #003366; 
}

.col-right {
	margin-right: 0px;
}

.seo-marketing-plan {
	width: 244px;

	float: left;
	background-repeat: no-repeat;
	margin-left: 4px;
	color: #ffffff;
	border: 1px solid #6bd1f6;
}

.seo-marketing-plan-text {
	color: #003366;
	margin-top: 126px;
	min-height: 146px;
	padding: 11px;
}

.seo-marketing-plan-text ul {
	margin: 0px;
	padding: 0px;
	margin-top: 16px;
	margin-left: 10px;
}

.seo-marketing-plan-text li {
	list-style: none;
	background: url(/assets/images/bullet_check.gif) 0px 3px no-repeat;
	padding-left: 22px;
	line-height: 20px;
}

.but_order {
	float: right;
	margin-right: 11px;
	margin-bottom: 16px;
}

.formTerms {
	padding: 16px;
	border: 1px solid #6bd1f6;
	background-color: #006699;
	color: #ffffff;
}

.call_us_text {
	font-size: 14px;
	color: #003366;
	text-align: center;
	margin-bottom: 16px;
	font-weight: normal;
}

.call_us_text ul {
	margin: 0px;
	padding: 0px;
	margin-left: 26px;

}

.call_us_text li {
	list-style: none;
	background: url(/assets/images/icon_phone.gif) 0px 3px no-repeat;
	padding-left: -2px;
}

.call_us_phone {
	color: #ff8200;
	font-weight: bold;
}

#livechat_wrapper {
	width: 732px;
	border: 1px solid #6bd1f6;
	padding: 6px;
	text-align: left;
	margin-top: -11px;
	margin-bottom: 11px;
	margin-left: 4px;
}