/* reset styles */
html{color:#000;}
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: 10px; border: 1px solid #fff;}
.img_left {float: left; margin-right: 10px; border: 1px solid #fff;}
.clear {clear: both;}

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

/** site styles **/
body {background: #b5b5b5; text-align: center; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif; line-height: 20px;}

.content-block-wrapper-border {background: #b5b5b5 url(/static/img/body_bg.jpg) repeat-y top left;  width: 1080px; margin-left: auto; margin-right:auto;}
.content-block-wrapper {
	background: #fff url(/static/img/content_bg.jpg) no-repeat top left;
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-height: 815px;
	height: auto !important;
	height: 815px;
	position: relative;
	padding-bottom: 5px;
}

/** menu styles **/
.global-nav-block {
	position: absolute;
	top: 150px;
	right: 850px;
	z-index: 200;
	line-height: 15px;
}

.global-nav-block ul li {display: block;}

.global-nav-block ul li a, .global-nav-block ul li a:visited, .global-nav-block ul li a:link, .global-nav-block ul li a:hover, .global-nav-block ul li a:active {
	color: #fff; 
	text-decoration: none;
	display: block;
	float: right;
	clear: both;
	padding-bottom:15px;
	font-size:14px;
}

.header-block {height: 143px; color: #f7941d; text-align: right; position: relative;}
.header-block h1 {position: absolute; bottom: 18px; right: 70px; font-size: 1.6em; font-weight: bold;}
.header-img-block {height: 177px; position: relative;}
.header-img-block img {position: relative; left: 240px;}

/** address header for internal pages **/
.address-header-block {font-size: 1.1em; height: 50px; width: 400px; position: absolute; top: 25px; right: 65px; text-align: right; color: #f7941d; font-style: italic}
.address-header-block .iphone {font-size: 1.1em; font-weight: bold; font-style: normal}
.address-header-block .address {font-style: normal;}

/** curved blocks **/

.rb {border-right: 0px solid red;}
.bb {border-right: 0px solid blue;}

#cblock-spacer {height: 30px;}

#cblock-2 {float: left; width: 203px; height: 20px;}
#cblock-3 {float: left; width: 200px; height: 20px;}
#cblock-4 {float: left; width: 196px; height: 20px;}
#cblock-5 {float: left; width: 190px; height: 20px;}
#cblock-6 {float: left; width: 185px; height: 20px;}
#cblock-7 {float: left; width: 178px; height: 20px;}
#cblock-8 {float: left; width: 170px; height: 20px;}
#cblock-9 {float: left; width: 164px; height: 20px;}
#cblock-10 {float: left; width: 158px; height: 20px;}
#cblock-11 {float: left; width: 150px; height: 20px;}
#cblock-12 {float: left; width: 139px; height: 20px;}
#cblock-13 {float: left; width: 132px; height: 20px;}
#cblock-14 {float: left; width: 120px; height: 20px;}
#cblock-15 {float: left; width: 111px; height: 20px;}
#cblock-16 {float: left; width: 99px; height: 20px;}
#cblock-17 {float: left; width: 85px; height: 20px;}
#cblock-18 {float: left; width: 75px; height: 20px;}
#cblock-19 {float: left; width: 63px; height: 20px;}
#cblock-20 {float: left; width: 54px; height: 20px;}
#cblock-21 {float: left; width: 36px; height: 20px;}
#cblock-22 {float: left; width: 18px; height: 20px;}
#cblock-23 {float: left; width: 8px; height: 20px;}
#cblock-24 {float: left; width: 0px; height: 20px;}
#cblock-25 {float: left; width: 0px; height: 20px;}
#cblock-26 {float: left; width: 0px; height: 20px;}
#cblock-27 {float: left; width: 0px; height: 20px;}
#cblock-28 {float: left; width: 0px; height: 20px;}
#cblock-29 {float: left; width: 0px; height: 20px;}
#cblock-30 {float: left; width: 0px; height: 20px;}
#cblock-31 {float: left; width: 0px; height: 20px;}
#cblock-32 {float: left; width: 0px; height: 20px;}
#cblock-33 {float: left; width: 0px; height: 20px;}

/** page / layout specific styles **/
/** index page **/
#index-content-header-block {font-size: 1.1em; height: 50px; width: 630px; position: absolute; top: 50px; right: 65px; text-align: right; color: #f7941d; font-style: italic}
#index-content-header-block .phone, .address-header-block .phone {font-size: 20px; font-style:italic; font-weight:bold;}
#index-content-header-block .address {font-style: normal;}

#index-center-block {
	position: absolute;
	top: 143px;
	right: 57px;
	background: transparent url(/static/img/index_header.jpg) no-repeat top right;
	width: 800px;
	height: 334px;
}

#index-center-block-content {
	position: absolute;
	color: #11418f;
	width: 339px;
	height: 130px;
	top: 186px;
	left: 426px;
	line-height: 15px;
	overflow: hidden;
	font-size: 10px;
}

#index-center-block-content a, #index-center-block-content a:visited, #index-center-block-content a:link, #index-center-block-content a:active {
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	color: #11418f;
}

/** index curve block **/
.icblock {height: 15px; float: left;}
#icblock-1 { width: 20px;}
#icblock-2 { width: 18px;}
#icblock-3 { width: 16px;}
#icblock-4 { width: 13px;}
#icblock-5 { width: 9px;}
#icblock-6 { width: 7px;}
#icblock-7 { width: 5px;}
#icblock-8 { width: 3px;}

#index-button-bar {
	position: absolute;
	width: 771px;
	height: 82px;
	background: url(/static/img/index_btns.jpg) no-repeat top left;
	top: 488px;
	left: 181px;
}

#index-button-bar a {
	display: block;
	width: 192px;
	height: 82px;
	float: left;
}

#index-button-bar a span {
	display: none;
}

#index-footer-block {
	background: url(/static/img/footer_logos.jpg) no-repeat bottom right;
	height: 80px;
	width: 750px;
	position: absolute;
	top: 600px;
	left: 150px;
	border-top: 1px solid #11418f;
	font-size: 0.8em;
	color: #11418f;
}

#index-footer-block a, #index-footer-block a:visited, #index-footer-block a:active {
	color: #11418f;
}

#index-footer-block div {
	width: 390px;
	height: 30px;
	position: absolute;
	text-align: center;
	top: 90px;
	left: 230px;
}

.content-block {
	width: 930px;
	color: #214faa;
	position: relative;
	left: 65px;
	margin-bottom:20px;
}

.content-block p {padding-bottom: 20px; text-align: justify;}

#page-id-pricing-options p { text-align:left; }

.pricing_options_container { position:relative;padding-right:300px; }
.pricing_options_text { }
.pricing_options_tables { position:absolute; top:0; right:0; }
.pricing_options_table_header { border-bottom:solid 1px #000; }

.pricing_options_tables table td {
padding:4px;
border:solid 1px #000;
}

.content-block .green {
	line-height: 20px;
	font-size:16px;
	color: #5d7a16;
	font-weight: bold;
}
.content-block .blue {
	line-height: 2em;
	font-size:1.3em;
	color: #022852;
	font-weight: bold;
}
.content-block .center {
	text-align:center;
}
.content-block li {
	list-style-type:disc;
	margin-left:20px;
}
.content-block h2 {
	line-height: 20px;
	color: #214FAA;
	font-size: 13px;
	font-weight: bold;
}

.content-block .errorlist {
	
	font-size:1.2em;
	color: #ff0000;
	font-weight: bold;
	text-align:center;
}

.content-block a, .content-block a:visited, .content-block:link, .content-block:active, .content-block:hover {color: #214FAA;}

.content-block div.bigblue {background: url(/static/img/bigblue.jpg) no-repeat top left; width: 777px; height: 435px; color: #fff;}

.content-block ol li {list-style-type: decimal;}

.project-type-block {position: absolute; width: 750px; height: 290px; top: 100px; left: 190px; overflow: hidden;}

/** project category styles **/

#page-project-category #content-title {width: 740px; position: relative; left: 190px; display: block;}
#page-project-category .project-block {margin-bottom: 15px;}
#page-project-category .project-desc {float: left; width: 600px; overflow: hidden; height: 170px;}
#page-project-category .project-thumb {width: 244px; height: 170px; float: right;}
#page-project-category .project-detail {height: auto;}
#page-project-category .project-thumb img {float: right; height: 170px;}
#page-project-category img.project-detail-thumb {height: 117px; width: 117px;}
#page-project-category .project-thumb .padr{float:left; padding-right:9px; width: 117px;}
#page-project-category .project-thumb .padb{float:left; padding-bottom:10px; width: 117px;}

/** project > 1 **/
#page-project-category .project-block {position: relative; left: 0px; width: 930px;}
#page-project-category .project-header { background: #00498d;}
#page-project-category .project-header h1 {color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-weight: bold;}
#page-project-category .project-desc {position: relative; left: 10px;}
/** end project > 1 **/

/** project 0 **/
#page-project-category .project-0 {position: relative; left: 110px; width: 820px; background: url(/static/img/projects_bar1.jpg) no-repeat top right;}
#page-project-category .project-0 div.project-header {width: 740px; position: relative; left: 60px; background: #00498d;}
#page-project-category .project-0 div.project-header h1 {color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;}
#page-project-category .project-0 div.project-desc {width: 501px; left: 20px;}

#page-project-category .project-0 .p-d-block {height: 20px; border-right: 0px solid red; float: left; clear: both;}
.project-0 .p-d-block-0 {width: 58px}
.project-0 .p-d-block-1 {width: 53px}
.project-0 .p-d-block-2 {width: 48px}
.project-0 .p-d-block-3 {width: 42px}
.project-0 .p-d-block-4 {width: 35px}
.project-0 .p-d-block-5 {width: 27px}
.project-0 .p-d-block-6 {width: 20px}
.project-0 .p-d-block-7 {width: 10px}
.project-0 .p-d-block-8 {width: 10px}

/** end project 0 **/

/** project 1 **/
#page-project-category .project-1 {position: relative; left: 0px; width: 930px; background: url(/static/img/projects_bar2.jpg) no-repeat top right;}
#page-project-category .project-1 div.project-header {width: 805px; position: relative; left: 90px; background: #00498d;}
#page-project-category .project-1 div.project-header h1 {color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;}
#page-project-category .project-1 div.project-desc {width: 640px; left: 20px;}

#page-project-category .project-1 .p-d-block {height: 20px; border-right: 0px solid red; float: left; clear: both;}
.project-1 .p-d-block-0 {width: 86px}
.project-1 .p-d-block-1 {width: 68px}
.project-1 .p-d-block-2 {width: 54px}
.project-1 .p-d-block-3 {width: 41px}
.project-1 .p-d-block-4 {width: 25px}
.project-1 .p-d-block-5 {width: 11px}
.project-1 .p-d-block-6 {width: 0px}
.project-1 .p-d-block-7 {width: 0px}
.project-1 .p-d-block-8 {width: 0px}

/** project detail styles **/
#page-project-detail #content-title {width: 740px; position: relative; left: 190px; display: block;}
#page-project-detail .project-block {margin-bottom: 15px;}
#page-project-detail .project-detail-desc {float: left; width: 650px;}
#page-project-detail .project-thumb {width: 244px; height: 170px; float: right;}
#page-project-detail .project-detail {height: auto;}
#page-project-detail .project-thumb img {float: right; height: 170px;}
#page-project-detail img.project-detail-thumb {height: 117px; width: 117px;}
#page-project-detail .project-thumb .padr{float:left; padding-right:9px; width: 117px;}
#page-project-detail .project-thumb .padb{float:left; padding-bottom:10px; width: 117px;}
#page-project-detail .project-0 {position: relative; left: 0px; width: 930px; background: url(/static/img/projects_bar1.jpg) no-repeat top right;}
#page-project-detail .project-0 div.project-header {width: 740px; position: relative; left: 190px; background: #00498d;}
#page-project-detail .project-0 div.project-header h1 {color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;}
#page-project-detail .project-0 .p-d-block {height: 20px; border-right: 0px solid red; float: left; clear: both;}
#page-project-detail .project-0 .p-d-block-0 {width: 182px}
#page-project-detail .project-0 .p-d-block-1 {width: 176px}
#page-project-detail .project-0 .p-d-block-2 {width: 170px}
#page-project-detail .project-0 .p-d-block-3 {width: 164px}
#page-project-detail .project-0 .p-d-block-4 {width: 159px}
#page-project-detail .project-0 .p-d-block-5 {width: 150px}
#page-project-detail .project-0 .p-d-block-6 {width: 142px}
#page-project-detail .project-0 .p-d-block-7 {width: 134px}
#page-project-detail .project-0 .p-d-block-8 {width: 126px}
#page-project-detail .project-0 .p-d-block-9 {width: 114px}
#page-project-detail .project-0 .p-d-block-10 {width: 110px}
#page-project-detail .project-0 .p-d-block-11 {width: 96px}
#page-project-detail .project-0 .p-d-block-12 {width: 82px}
#page-project-detail .project-0 .p-d-block-13 {width: 66px}
#page-project-detail .project-0 .p-d-block-14 {width: 54px}
#page-project-detail .project-0 .p-d-block-15 {width: 39px}
#page-project-detail .project-0 .p-d-block-16 {width: 20px}
#page-project-detail .project-0 .p-d-block-17 {width: 6px}

/** contact form **/
.contact-form-block-wrapper {
	background: url(/static/img/bigblue_contact_repeat.jpg) repeat-y top left;
	position: relative;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
.contact-form-block-wrapper-bot {width: 930px; background: url(/static/img/bigblue_contact_bottom.jpg) no-repeat top right; height: 5px;}
.contact-form-block {background: url(/static/img/bigblue_contact_top.jpg) no-repeat top right; width: 930px; position: relative;}
.contact-form {position: relative; left: 190px;}

.contact-form-errors {font-weight: bold; color: #F7941D; width: 600px; position: relative; left: 190px;}

.content-block .contact-form .label{color:#ffffff; font-weight:bold; padding-left:10px; text-transform:capitalize;}
.content-block .contact-form input, .content-block .contact-form textarea {padding:3px;border:0;}
.content-block .contact-form select {padding:3px;border:0;}
.content-block .contact-form td{padding-bottom:8px;}

.content-block .contact-form #id_name,
.content-block .contact-form #id_company,
.content-block .contact-form #id_address,
.content-block .contact-form #id_email
 {width:560px;}
 
.content-block .contact-form #id_city,
.content-block .contact-form #id_phone,
.content-block .contact-form #id_utility
{width:135px;}
  
.content-block .contact-form #id_state, 
.content-block .contact-form #id_fax,
.content-block .contact-form #id_monthly_utility_bill
{width:135px;}
  
.content-block .contact-form #id_zip,

.content-block .contact-form #id_best_time

 {width:94px;}

.content-block .contact-form #id_comments {width:560px;height:90px;}

/** end contact form **/

/** copyright footer **/

.copyright-footer {border-top: 1px solid #214FAA; width: 1000px; margin-left: auto; margin-right: auto; height: 80px; position: relative;}
.copyright-footer p {text-align: right; color: #214FAA;}

.content-footer-block {
	border-top: 1px solid #214FAA; width: 1000px; margin-left: auto; margin-right: auto; height: 150px; position: relative;
}

.content-footer-copy {
	background: url(/static/img/footer_logos.jpg) no-repeat bottom right;
	height: 80px;
	width: 750px;
	position: absolute;
	top: 0px;
	left: 150px;
	font-size: 0.8em;
	color: #11418f;
}

.content-footer-copy a, #content-footer-copy a:visited, #content-footer-copy a:active {
	color: #11418f;
}

.content-footer-copy div {
	text-align: center;
	margin-top: 90px;
}

/** page specific style for our-products **/
#page-id-our-products {width: 930px; background: url(/static/img/products_images.jpg) no-repeat 636px 130px;}
#page-id-our-products p.green {margin-right: 0px;}



/***** LANDING FORM ******/
.landing-form{}
.landing-form .content-block-wrapper-border { background:url(/static/img/bg.jpg) repeat-y left top;width:1000px;}
.landing-form .content-block-wrapper{background:none;width:980px;}
.landing-form .content-block {left:0px;}
.landing-form .header {padding:10px;width:100%;position:relative;}
.landing-form .header .menu {float:right;margin-right:15px;width:715px;height:75px;background:url(/static/img/nav_buttons.jpg);}
.landing-form .menu .menu-item {display:block;width:177px;float:left;height:75px;}
.landing-form .left {float:left;width:258px;}
.landing-form .middle {float:left;width:437px;padding:15px;background:url(/static/img/mid_bg.png) no-repeat left top;height:775px;}
.landing-form .right {float:right;width:255px;}
.landing-form .content-block {margin-bottom:0;}

.landing-form .header h2 {float:right;display:inline;}

.landing-form .middle h2{color:#2350ad; font-size:18px;margin-bottom:15px;}
.landing-form .middle ul{margin:0 0 25px 20px;}
.landing-form .middle li {color:#fff;font-weight:bold;font-size:15px;margin-bottom:10px;list-style-image:url(/static/img/bullet.png);}
.landing-form .middle p {line-height:1.2;color:#fff;}

.landing-form .error {color:#f7941d;}
.landing-form p.error {display:inline;}
.landing-form .right h2 {background-color:#f7941d;color:#fff;padding:10px;font-size:18px;font-weight:bold;text-align:center;}

.landing-form .form {padding:9px;}
.landing-form .form label{display:block;}
.landing-form .form input, .landing-form .form textarea, .landing-form .form select{padding:5px 3px;margin-bottom:8px;border: 1px solid #000;}
.landing-form .form textarea {height:60px;}
.landing-form .form .box1 input,.landing-form .form textarea {width:228px;}
.landing-form .form select {width:235px;}
.landing-form .form .box1 {float:left;}
.landing-form .form .box2{float:left;width:115px;}
.landing-form .form .box3{float:right;width:115px;;}
.landing-form .form .box2 input, .landing-form .form .box3 input {width:105px;}
.landing-form .form .box3 input {float:right;}
.landing-form .form .submit {background:url(/static/img/btn_send.png) no-repeat left top;width:75px;height:22px;border:0;float:right;}