/* reset styles */
html{color:#1d3649; font-family:arial;font-size:13px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea
,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Clearfix styles */
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* common classes */
.floatl {float: left;}
.floatr {float: right;}
.bold {font-weight: bold;}
.img_right {float: right; margin-left: 15px; border: 1px solid #fff;}
.img_left {float: left; margin-right: 15px; border: 1px solid #fff;}
.clear {clear: both;}
.bmar10 {margin-bottom: 10px;}
.bmar20 {margin-bottom: 20px;}
.tmar10 {margin-top: 10px;}
.tmar20 {margin-top: 20px;}

/* common elements */
em {font-style: italic;}
strong {font-weight: bold;}

em strong, strong em {font-weight: bold; font-style: italic;}

/* site styles */

html, body { 
    background-color: #fff;
}

body {background: url(/static/img/header_bg.png) repeat-x top left; text-align: center;}

.wrapper-block {
	width: 990px;	
    margin: 0px auto;
    text-align: left;
    position: relative;
}

.header-block {
    height: 119px;
}

.header-block .nav {
    margin: 0px;
    overflow: hidden;
	width: 990px;    
}

.header-block .nav ul {
    clear: left;
	list-style: none;
	height: 29px;
	width: auto;
	padding: 0;
	margin: 0;
	text-align: center;
}

.header-block .nav li { 
    vertical-align: middle;
    text-align: center;
	height: 29px;
    display: block;
	float: left;
	list-style: none;
	padding: 0;
}

.header-block .nav li a { 
    color: #bbc1c7; 
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    height: 29px;
}

.header-block .nav .nav1 { width: 97px; height: 29px; background: url(/static/img/nav_home.jpg) repeat-x top left; }
.header-block .nav .nav2 { width: 216px; height: 29px; background: url(/static/img/nav_whychoose.jpg) repeat-x top left; }
.header-block .nav .nav3 { width: 196px; height: 29px; background: url(/static/img/nav_products.jpg) repeat-x top left; }
.header-block .nav .nav4 { width: 157px; height: 29px; background: url(/static/img/nav_news.jpg) repeat-x top left; }
.header-block .nav .nav5 { width: 94px; height: 29px; background: url(/static/img/nav_faqs.jpg) repeat-x top left; }
.header-block .nav .nav6 { width: 116px; height: 29px; background: url(/static/img/nav_contact.jpg) repeat-x top left; }
.header-block .nav .nav7 { width: 114px; height: 29px; background: url(/static/img/nav_support.jpg) repeat-x top left; }

.header-block .nav .nav1:hover { background: url(/static/img/nav_home.jpg) repeat-x bottom left; }
.header-block .nav .nav2:hover { background: url(/static/img/nav_whychoose.jpg) repeat-x bottom left; }
.header-block .nav .nav3:hover { background: url(/static/img/nav_products.jpg) repeat-x bottom left; }
.header-block .nav .nav4:hover { background: url(/static/img/nav_news.jpg) repeat-x bottom left; }
.header-block .nav .nav5:hover { background: url(/static/img/nav_faqs.jpg) repeat-x bottom left; }
.header-block .nav .nav6:hover { background: url(/static/img/nav_contact.jpg) repeat-x bottom left; }
.header-block .nav .nav7:hover { background: url(/static/img/nav_support.jpg) repeat-x bottom left; }

.header-block .nav .nav1 #navbar-current-url { width: 97px; height: 29px; background: url(/static/img/nav_home.jpg) repeat-x bottom left; }
.header-block .nav .nav2 #navbar-current-url { width: 216px; height: 29px; background: url(/static/img/nav_whychoose.jpg) repeat-x bottom left; }
.header-block .nav .nav3 #navbar-current-url { width: 196px; height: 29px; background: url(/static/img/nav_products.jpg) repeat-x bottom left; }
.header-block .nav .nav4 #navbar-current-url { width: 157px; height: 29px; background: url(/static/img/nav_news.jpg) repeat-x bottom left; }
.header-block .nav .nav5 #navbar-current-url { width: 94px; height: 29px; background: url(/static/img/nav_faqs.jpg) repeat-x bottom left; }
.header-block .nav .nav6 #navbar-current-url { width: 116px; height: 29px; background: url(/static/img/nav_contact.jpg) repeat-x bottom left; }
.header-block .nav .nav7 #navbar-current-url { width: 114px; height: 29px; background: url(/static/img/nav_support.jpg) repeat-x bottom left; }

.content-wrapper-block {margin-top: 30px;}

.content-block {
    width: 990px;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.content-block p.no_mar {margin-bottom: 0px;}

.content-l-col-block {width: 700px; float: left; margin: 0px none;}
.content-r-col-block {width: 265px; float: left; margin-left: 25px;}

hr {height: 1px; display: block; width: 100%; color: #1d3649; background: #1d3649; border: 0px none; margin: 0px;}

.content-block hr {margin-bottom: 20px; clear: both;}

.content-block p {
    text-align: justify;
    line-height: 19px;
    margin-bottom: 20px;
}

.content-block h1, h2, h3, h4, h5, h6 {
    color: #ae6f16;
    padding-bottom: 10px;
}

.content-block h1 {font-size: 22px; font-weight: bold; margin-top: 8px; display: block; margin-bottom: 18px; padding: 0px;}
.content-block h2 {font-size: 18px; padding: 0px; margin-bottom: 5px;}
.content-block h3 {font-size: 14px;}
.content-block h4 {font-size: 115%; font-weight: bold;}
.content-block h5 {font-size: 115%;}
.content-block h6 {font-size: 110%;}

.content-block h2 a {color: #ae6f16 !important;}

.content-block a {color: #1d3649;}

.content-block ul { 
	margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.content-block ul li { 
    list-style-type: disc;
    padding-top: 5px;
}

.content-block ol { 
    margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.content-block ol li { 
    list-style-type: decimal;
    margin-bottom: 5px;
}

.orange-callout {
	float:left;
	background-image: url('/static/img/box_callout_orange.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 60px;
    margin-top: 15px;
}

.orange-callout p {
	color: #fff;
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
}

.orange-callout p a {
	color: #fff;
}

.niche a {
	text-decoration: none;
	cursor: default;
}

.niche a:link {
	text-decoration: none;
	cursor: default;
}

.niche a:active {
	text-decoration: none;
	cursor: default;
}

.niche a:visited {
	text-decoration: none;
	cursor: default;
}

.blue-callout {
	float:left;
	background-image: url('/static/img/box_callout_blue.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 60px;
    margin-bottom: 20px;
}

.blue-callout p {
	color: #fff;
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
}

.blue-callout p a {
	color: #fff;
}

.help-callout {
	float:left;
	background: url('/static/img/box_callout_help.jpg') no-repeat;
    width: 342px;
    height: 50px;
    margin: 10px 8px 0px 0px;
    position: relative;
}

.help-callout p {
	color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    padding: 0px !important;
    width: 326px;
}

.help-callout p a {
	color: #fff;
	font-size: 12px;
	width: 100px;
	height: 19px;
	background: url('/static/img/btn_bg.png') no-repeat left top;
	text-align: center;
	padding: 0px !important;
	font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 16px;
}

.help-callout p a:hover {
	color: #c7851c;
	background: url('/static/img/btn_bg.png') no-repeat left bottom;
}

.footer-block {
    clear: both;
    background-image: url('/static/img/footer_bg.png');
    background-repeat:repeat-x;
    background-color:#5c768e;
}

.footer-block-col {
    clear: both;
    background-image: url('/static/img/header_bg.png');
    background-repeat:repeat-x;
    height: 29px;
}

.footer-content {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
    font-size: 100%;
}

.footer_blurb {
    float: left;
    width: 705px;
    color: #fff;
    text-align: justify;

    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}

.footer-copyright {
    float: left;
    width: 990px;
    color: #fff;
    text-align: center;
    vertical-align: middle;

    margin: 0 auto;
    padding-top: 5px;
}

.footer_blurb h2 {
    color: #fff;
    font-size: 18px;
    margin-top: 22px;
    margin-bottom: 0px;
    padding-bottom:0px;
}

.footer_blurb p {
    font-size: 13px;
    margin-top:0px;
    line-height: 20px;
}

.footer_contact_form {
	float: right;
    background-image: url(/static/img/box_request_info.png);
    background-repeat: no-repeat;
    width: 265px;
    height: 160px;
    margin-top: 20px;
    position: relative;
}

.footer_contact_form h2 {
    color: #fff;
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    display: block;
    position: absolute;
    width: 100%;
    top: 17px;
}

.footer_contact_form ol {
	margin-left: 0px;
	padding-left: 0px;
}

.footer_contact_form ol li {
	list-style-type: none;
    margin-bottom: 0px;
}

.footer_contact_form form {
	display: block;
    position: absolute;
    bottom: 17px;
    left: 22px;
}

.footer_contact_form form fieldset {
    position: absolute;
    bottom: 0px;
}

.footer_contact_form .submit {
    float: right;
    border: none;
    width: 80px;
    height: 20px;
    padding: 0px;
    background: url('/static/img/btn_submit_text.png') no-repeat left top;
}

.footer_contact_form .submit:hover { 
    background: url('/static/img/btn_submit_text.png') no-repeat left bottom;
}

.footer_contact_form ul {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.footer_contact_form li {
    margin-top: 6px;
}

.footer_contact_form li input {
    background-color: #fff;
    color: #000;
    border: none;
    width: 217px;
    padding: 2px;
}

.website-solutions ul li, .menu-web-site-solutions ul li {
    padding-bottom: 3px !important;
}

/* index page */

#index-content-block {
    width: 990px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}


#index-content-block h1 {
	float: left;
    width: 295px;
    height:210px;
    margin-left: 30px;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    color: #1d3649;
    font-family: "Arial", "sans-serif";
    font-style: italic;
    font-weight: bold;
    font-size: 18px;;
    line-height: 35px;
}

#index-content-block p img {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 30px;
}

.index-wide-feature-box {
    float: left;
    clear: right;
    font-size: 100%;
    width: 420px;
    height: 230px;
    margin-top: 5px;
    background-image: url('/static/img/box_index_webpresence.jpg');
    background-repeat: no-repeat;
}

.index-wide-feature-box p {
    color: #fff;
    font-size:13px;
    text-align: justify;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 50px;
    padding-bottom: 0px;
    line-height: 18px;
}

.index-narrow-feature-box {
    margin-top: 5px;
    margin-left: 20px;
    float: left;
    height: 230px;
    width: 265px;
}

.index-narrow-feature-box li {
   	list-style-type: none;
	background: transparent url('/static/img/index_page_list_bullet.png') no-repeat 2px 2px;
	padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 0px;
}


.index-narrow-feature-box li a {
    color: #fff;
    font-size: 13px;
    padding-bottom: 5px;
    text-decoration: none;
}

.index-narrow-feature-box li a:hover {
    color: #192f3f;
}

.index-narrow-feature-box ul {
    padding-right: 15px;
    margin-left: 25px;
    padding-top: 45px;
    padding-left: 0px;
}

.lawyer-marketing {
    background-image: url('/static/img/box_lawyer_marketing.jpg');
    background-repeat: no-repeat;
}

.website-solutions {
    background-image: url('/static/img/box_website_solutions.jpg');
    background-repeat: no-repeat;
}

.col-brown-box {
    height: 230px;
    width: 265px;
    margin-bottom: 10px;
}

.content-block .content-r-col-block .col-brown-box li {
	list-style-type: none;
	background: transparent url('/static/img/index_page_list_bullet.png') no-repeat 2px 1px;
	padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 0px;
}


.content-block .content-r-col-block .col-brown-box li a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

.content-block .content-r-col-block .col-brown-box li a:hover {
    color: #192f3f;
}

.content-block .content-r-col-block .col-brown-box ul {
    padding-right: 15px;
    margin-left: 25px;
    padding-top: 45px;
    padding-left: 0px;
}

.content-block .content-r-col-block .col-brown-box-testimonials {
	position: relative;
    background-image: url('/static/img/box_testimonial.jpg');
    background-repeat: no-repeat;
    height: 210px;
    width: 265px;
    margin-bottom: 10px;
}

.content-block .content-r-col-block .col-brown-box-testimonials ul {
    position: absolute;
    right: 25px;
    bottom: 20px;
    margin-bottom: 0px;
}

.content-block .content-r-col-block .col-brown-box-testimonials ul li {
	list-style-image: url('/static/img/index_page_list_bullet.png');
}

.content-block .content-r-col-block .col-brown-box-testimonials a:hover {
	color: #fff;
}

.content-block .content-r-col-block .col-blue-box {
    background-image: url(/static/img/box_request_info.png);
    background-repeat: no-repeat;
    width: 265px;
    height: 160px;
    margin-bottom: 10px;
    position: relative;
}

.content-block .content-r-col-block .col-blue-box h2 {
    color: #fff;
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    display: block;
    position: absolute;
    width: 100%;
    top: 17px;
}

.content-block .content-r-col-block .col-blue-box ol {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.content-block .content-r-col-block .col-blue-box ol li {
	list-style-type: none;
    padding-top: 0px;
}

.content-block .content-r-col-block .col-blue-box form {
	display: block;
    position: absolute;
    bottom: 17px;
    left: 22px;
}

.content-block .content-r-col-block .col-blue-box form fieldset {
    position: absolute;
    bottom: 0px;
}

.content-block .content-r-col-block .col-blue-box .submit {
	float: right;
    border: none;
    width: 80px;
    height: 20px;
    padding: 0px;
    background: url('/static/img/btn_submit_text.png') no-repeat left top;
}

.content-block .content-r-col-block .col-blue-box .submit:hover { 
    background: url('/static/img/btn_submit_text.png') no-repeat left bottom;
}

.content-block .content-r-col-block .col-blue-box ul {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.content-block .content-r-col-block .col-blue-box li input {
    background-color: #fff;
    color: #000;
    border: none;
    width: 217px;
    padding: 2px;
}

.content-block .content-r-col-block .col-blue-box-showcase {
	position: relative;
	background-image: url('/static/img/box_design_showcase.jpg');
	width: 265px;
	height: 240px;
    margin-bottom: 10px;
}

.content-block .content-r-col-block .col-blue-box-showcase a {
	position: absolute;
	background: url('/static/img/btn_viewnow.png') no-repeat left top;
	text-decoration: none;
	width: 100px;
	height: 20px;
	right: 80px;
	bottom: 15px;
	margin: 0 auto;
}

.content-block .content-r-col-block .col-blue-box-showcase a:hover {
	background: url('/static/img/btn_viewnow.png') no-repeat left bottom;
}

.press .content-block h2 {margin-bottom: 5px;}
.employment .content-block h2 {margin-bottom: 2px;}

#id_flash_block, #index-content-block .flash-block {float: left; width: 600px; height: 345px;}
#id_flash_gallery {width: 990px; height: 600px; margin-left: auto; margin-right: auto;}

.errorname { 
	background-image: url(/static/img/validation_box_small.png);
	font-size: 12px;
	position: absolute;	
	width: 99px;
	height: 19px;
	left: -103px;
	top: 0px;
	color: #fff;
	list-style-type: none;
	margin: 0 !important;
	padding-left: 4px !important;
	padding-top: 4px !important;
}

.errorname li {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.errorphone { 
	background-image: url(/static/img/validation_box_med.png);
	font-size: 12px;
	position: absolute;	
	width: 129px;
	height: 19px;
	left: -133px;
	top: 25px;
	color: #fff;
	list-style-type: none;
	margin: 0 !important;
	padding-left: 4px !important;
	padding-top: 4px !important;
}

.errorphone li {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.erroremail { 
	background-image: url(/static/img/validation_box_med.png);
	font-size: 12px;
	position: absolute;	
	width: 129px;
	height: 19px;
	left: -133px;
	top: 49px;
	color: #fff;
	list-style-type: none;
	margin: 0 !important;
	padding-left: 4px !important;
	padding-top: 4px !important;
}

.erroremail li {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.errorlist {
	background-image: url(/static/img/validation_box_large.png);
	font-size: 12px;
	position: absolute;	
	width: 259px;
	height: 19px;
	left: -263px;
	top: 37px;
	color: #fff;
	list-style-type: none;
	margin: 0 !important;
	padding-left: 4px !important;
	padding-top: 4px !important;
	vertical-align: middle;
}

.errorlist li {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.footer_contact_form .errorname { top: 6px; }
.footer_contact_form .errorphone { top: 31px; }
.footer_contact_form .erroremail { top: 57px; }
.footer_contact_form .errorlist { top: 44px; }

.footer_contact_form .errorname li { width: 90px; }
.footer_contact_form .errorphone li { width: 120px; }
.footer_contact_form .erroremail li { width: 120px; }
.footer_contact_form .errorlist li { width: 250px; }