/**
 * Basic Cascading Style Sheets
 * 
 * @author Waltz.of.Pearls <maruolei@gmail.com, rollie@maxxdidit.com>
 * @version CVS or SVN: $Id$
 * @copyright Marketing MAXX Inc. <maxxdidit.com, hlmagazine.com>
 */

@charset "utf-8";

/* base */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,img,dl,dt,dd{margin:0;padding:0;}
body{height:100%;font-size:9pt;font-family:Verdana, Arial, Helvetica, sans-serif;color:#575757;background:#f8b401 url(../images/bg-grad.gif);}
textarea,input,select,body{font-size:12px;}
select,input{vertical-align:middle;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
img{border:none;}
pre{background-color:#eee;padding:0.75em 1.5em;font-size:12px;border:1px solid #ddd;}

/* font */
a{color:#031e39;text-decoration:none;}
a:hover{color:#031e39;text-decoration:underline;}
.bold{font-weight:bold;}
.normal{font-weight:normal;font-size:12px;}
.underline, .underline a{text-decoration:underline;}
h1{font-size:16px;}
h2{font-size:14px;}
h3, h4, h5{font-size:13px;}
h6{font-size:12px;}

/* layout */
*{margin:0;padding:0;list-style:none;}
.hidden{display:none;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bgNone{background:none;}
.clear{width:0;height:0;line-height:0;padding:0;margin:0;border:0;font-size:0;clear:both;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.marginTop{margin-top:10px;}
.marginLeft{margin-left:10px;}
.marginRight{margin-right:10px;}
.paddingTop{padding-top:10px;}

.msgbox-error,.msgbox-warning,.msgbox-notice{padding:10px 10px 10px 39px;color:#000;}
.msgbox-error{background:url(../images/icon/icon_error.gif) no-repeat 5px 5px;border:1px solid #ff6600;background-color:#fff2e9;}
.msgbox-warning{background:url(../images/icon/icon_warning.gif) no-repeat 5px 5px;border:1px solid #c6c600;background-color:#ffffe1;}
.msgbox-notice{background:url(../images/icon/icon_warning.gif) no-repeat 5px 5px;border:1px solid #c6c600;background-color:#ffffe1;}

#header,#main,#footer{width:900px;height:auto;margin:0 auto;zoom:1;}

#header{width:100%;text-align:center;background:url(../images/heading-grad.jpg) repeat-x;}
#header .header-top{width:900px;height:auto;margin:0 auto;zoom:1;text-align:left;position:relative;}
#header .header-top .header-toolbar{width:auto;position:absolute;bottom:10px;right:10px;}
#header .header-top .header-toolbar a{color:#3b3b57;font-size:.95em;margin-right:5px;}
#header .header-top .header-toolbar img{vertical-align:middle;}

a#link-home{padding:4px 0 0 18px;background:url(../images/icon-home.gif) 0 0 no-repeat;}
a#link-contact{padding:4px 0 0 16px;background:url(../images/icon-contact.gif) 0 2px no-repeat;}
#header-swf{width:900px;height:240px;margin:0 auto;zoom:1;position:relative;z-index:50;}


#main{width:930px;position:relative;}
#main-body{width:900px;height:auto;margin:0 auto;position:relative;}
#main-body .main-left{float:left;width:652px;height:auto;position:relative;z-index:60;}
#main-body .main-left .main-left-top{width:100%;height:36px;background:url(../images/main-left-top.png) no-repeat;}

#main-body .main-left .main-left-box-bottom{width:652px;height:4px;background:url(../images/main-left-box-bottom.png) no-repeat;}

#main-body .main-left .main-left-box{width:566px;height:auto;padding:10px 36px 30px 50px;font-size:.95em;line-height:1.45em;background:url(../images/main-left-box-grad.png) repeat-y;}

#main-body .main-left .main-left-box .main-content-text,
#main-body .main-left .main-left-content .main-content-text{padding:15px 10px 0 10px;position:relative;line-height:1.6em;}
#main-body .main-left .main-left-box ul{margin:16px;}
#main-body .main-left .main-left-box ul li{padding:3px 0 3px 8px;list-style:disc inside;}
#main-body .main-left .main-left-box p{margin-bottom:18px;}
#main-body .main-left .main-left-box hr{border:0;height:0;border-top:1px solid #ccc;}
#main-body .main-left .main-left-content{width:100%;height:auto;font-size:.95em;line-height:1.35em;background:url(../images/main-left-grad.png) repeat-y;}

#main-body .main-left .main-left-content .content-left{float:left;margin:16px 30px 16px 50px;}
#main-body .main-left .main-left-content .content-right{float:left;margin:16px 50px 16px 0}
#main-body .main-left .main-left-content h3{color:#dc1921;font-size:1.2em;}
#main-body .main-left .main-left-bottom{width:652px;height:39px;background:url(../images/main-left-bottom.png) no-repeat;}

#main-body .main-right{float:right;position:relative;z-index:60;}

#logos{width:100%;text-align:center;}
#logos img{margin:6px 6px 0 0;vertical-align:middle;}

#slogan{color:#777;font-size:1.05em;line-height:1.65em;font-weight:bold;}
#slogan p{width:100%;text-align:center;padding-top:6px;}
#slogan strong{color:#e41823;font-size:1.25em;}
#content-submenu{}
#content-submenu a{font-size:1.15em;color:#e41823;text-decoration:underline;}
#content-submenu a:hover{text-decoration:none;}
#content-submenu a.current{font-weight:bold;text-decoration:none;}
#content-submenu a.current:hover{text-decoration:underline;}
#need-financing{width:100%;text-align:center;padding-top:10px;}

#index-news-updates{margin-top:0;width:330px;color:#626058;font-size:.95em;}
#index-news-updates li{margin-bottom:8px;}
#index-news-updates li.last{}
#index-news-updates li.last a{color:#dc1921;text-decoration:underline;}
#best-of-the-city{width:64px;height:110px;background:url(../images/best-of-the-city.png) no-repeat;float:left;}


.denmar-gmap{display:inline-block;margin-top:15px;text-align:center;color:#888;}
.denmar-gmap{#display:inline;_display:inline;}
.denmar-gmap:hover{text-decoration:none;}
.denmar-gmap img{border:1px solid #ccc;padding:2px;margin:2px;}
.denmar-gmap:hover img{border:1px solid #dc1921;}

.main-right-box{width:239px;height:auto;margin-bottom:16px;font-size:.95em;line-height:1.5em;}
.main-right-box .box-top{width:100%;height:22px;background:url(../images/main-right-box-top.png) no-repeat;}

.main-right-box .box-main{width:239px;height:auto;background:url(../images/main-right-box-grad.png) repeat-y;}

.main-right-box .box-main .box-main-content{position:relative;padding:8px 28px;}
.main-right-box .box-bottom{width:100%;height:22px;background:url(../images/main-right-box-bottom.png) no-repeat;}

.main-right-box a{text-decoration:underline;}
.main-right-box a:hover{text-decoration:none;}

h2.h2-main-right{color:#e41823;font-size:1.5em;}
h3.h3-content-text{font-size:1.5em;margin-bottom:3px;}

#form-questions{}
#form-questions ul{}
#form-questions ul li{}
#form-questions ul li.last{}
#form-questions ul li.last button{width:92px;height:27px;background:url(../images/btn-submit.png) no-repeat;border:0;cursor:pointer;}
#form-questions ul li.last span{vertical-align:middle;display:none;}
#form-questions ul li.last span img{vertical-align:middle;}
#form-questions ul li.first{padding:8px 0 5px 0;}
#form-questions ul li.first .form-error-message{padding-top:6px;padding-bottom:8px;}
#form-questions ul li label{display:inline-block;width:58px;height:20px;line-height:20px;vertical-align:top;padding-right:3px;color:#7a7a7a;}
#form-questions ul li label{#display:inline;_display:inline;}
#form-questions ul li input,
#form-questions ul li textarea{width:166px;padding:3px;margin-bottom:3px;border:1px solid #eee;border-top:1px solid #afafaf;border-left:1px solid #d8d8d8;}
#form-questions ul li input{width:100px;}
#form-questions ul li textarea{height:60px;}
#form-questions ul li.verification{height:auto;padding-bottom:5px;}
#form-questions ul li.verification label{height:20px;line-height:20px;}
#form-questions ul li.verification input{width:60px;padding:3px;}
#form-questions ul li.verification img{cursor:pointer;vertical-align:middle;margin-top:-5px;}

#energy-saving-guide{width:243px;height:258px;background:url(../images/energy-saving-guide.png) no-repeat;position:absolute;bottom:-260px;right:0;z-index:61;}




h1.main-left-header{width:380px;height:40px;line-height:40px;padding-left:51px;background:url(../images/hd-bg.png) no-repeat;color:#e41823;font-size:2em;}

#text-size-controller{position:absolute;top:40px;right:20px;z-index:61;font-size:.8em;line-height:3em;}
#text-size-controller .slider{width:144px;height:11px;}
.block-highlight-paragraph{border:1px solid #e2bc3a;background-color:#fee06c;padding:10px;margin:0 -10px 12px -10px;}

#dialog-google-map{padding-top:20px;#padding:16px 0 0 16px;_padding:16px 0 0 16px;text-align:center;}
a.view-google-map{text-decoration:underline;background:url(../images/map_pin.png) no-repeat;padding:1px 0 2px 18px;font-size:.95em;}
a.view-google-map:hover{text-decoration:none;}

#footer{width:100%;padding:5px 0 10px 0;color:#5b5b5b;font-size:.85em;}
#footer-main{width:650px;}
#footer-main a{color:#5b5b5b;}
#footer-main .footer-left{float:left;padding-left:21px;}
#footer-main .footer-right{float:right;text-align:right;padding-right:21px;}

#service-number{width:100%;text-align:center;color:#e41823;padding-top:10px;font-size:1.5em;font-weight:bold;}

#admin-toolbar{position:absolute;right:0;top:0;padding:6px 12px;font-size:.95em;z-index:10000;}
#admin-toolbar ul{margin:3px;}
#admin-toolbar ul li{display:inline;padding:0 6px 0 2px;#padding:0 2px 0 6px;_padding:0 2px 0 6px;border-right:1px solid #817e37;}
#admin-toolbar ul li.last{border:0;}

#form-login{display:none;}
#form-login p{margin:0 5px 10px 100px;}
#form-login label{display:inline-block;width:100px;text-align:right;}
#form-login label{#display:inline;_display:inline;}
#form-login input{margin:5px 0 3px 0;height:20px;border:1px solid #999;}
#form-login img{vertical-align:middle;cursor:pointer;}

#form-finance-project{display:none;}
#form-finance-project p{margin:10px 20px 10px 50px;}
#form-finance-project label{display:inline-block;width:160px;text-align:right;}
#form-finance-project label{#display:inline;_display:inline;}
#form-finance-project label b{color:red;margin-right:3px;vertical-align:middle;font-size:1em;}
#form-finance-project input{margin:5px 0 3px 0;padding:3px;border:1px solid #999;}
#form-finance-project img{vertical-align:middle;cursor:pointer;}
#form-finance-project select{margin:5px 0 3px 0;width:176px;padding:3px 0;border:1px solid #999;}

#login-errmsg,#finance-project-errmsg,.form-error-message,.form-success-message{padding:7px 10px 7px 35px;margin-bottom:5px;background:url(../images/icon/icon_delete.gif) no-repeat 5px 5px;border:1px solid #ff6600;background-color:#fff2e9;display:none;}
#login-errmsg,#finance-project-errmsg{background:url(../images/icon/icon_delete.gif) no-repeat 5px 3px;border:1px solid #ff6600;background-color:#fff2e9;}
#login-message,#finance-project-message,#loading-message{width:auto;text-align:center;margin:0 auto;zoom:1;line-height:1.5em;font-size:1.1em;display:none;}
#login-message img,#finance-project-message img,#loading-message img{vertical-align:middle;margin-top:30px;}
#loading-message span{line-height:1.5em;font-size:1.1em;}
.form-success-message{background:url(../images/icon/icon_done.gif) no-repeat 5px 5px;border:1px solid #393;background-color:#e9ffe1;}

#pager{margin:0 0 30px 0;}

/* page */
.pages{margin:10px 0px 10px 10px;line-height:15px;width:auto;clear:left;font-size:.95em;}
.pages a{text-decoration:none;}
.pages img{margin-top:4px;}
.pages a,.pages span.current{border:#dfdccb 1px solid;color:#a5a5a5;}
.pages a,.pages span{padding:2px 5px 2px 5px;display:block;float:left;margin-right:4px;}
.pages span{border:#fff 1px solid;}
.pages span.current{font-weight:bold;border:1px solid #e2bc3a;background-color:#fee06c;color:#575757;}
.pages a:hover{border-color:#ffa52a;text-decoration:none;}
.pages .nextprev{border:none;margin-top:1px;}

a.link-edit,a.link-delete{padding:2px 0 2px 20px;margin-right:6px;}
a.link-edit{background:url(../images/icon/icon_edit.gif) no-repeat;}
a.link-delete{background:url(../images/icon/icon_drop.gif) no-repeat;}


div#non_flash_nav{
	background:url(../images/main_nav_bg.png) no-repeat;
	height:236px;
	position:absolute;
	width:234px;
	z-index:200;
	left:0px;
}

div#header_bg_image_comm{
	background:url(../images/header-commercial-services.png) no-repeat;
	height:236px;
	position:absolute;
	right:0px;
	top:3px;
	width:673px;
	z-index:80;
}

div#header_bg_image_hb{
	background:url(../images/header_home_builder.png) no-repeat;
	height:236px;
	position:absolute;
	right:0px;
	top:3px;
	width:673px;
	z-index:80;
}

div#header_bg_image_residential{
	background:url(../images/header_residential.png) no-repeat;
	height:236px;
	position:absolute;
	right:0px;
	top:3px;
	width:673px;
	z-index:80;
}

div#header_bg_image_arrow{
	background:url(../images/header_arrow.png) no-repeat;
	height:236px;
	position:absolute;
	right:0px;
	top:3px;
	width:673px;
	z-index:80;
}

div#header_bg_image{
	background:url(../images/header_arrow2.png) no-repeat;
	height:236px;
	position:absolute;
	right:0px;
	top:3px;
	width:673px;
	z-index:80;
}

ul.main_nav_list{
	text-align:left;
	font-size:16px;
	position:absolute;
	left:70px;
	top:19px;
}

ul.main_nav_list a{
	color:#a10020;
	text-decoration:none;
}

ul.main_nav_list li{
	padding-bottom:18px;
}

ul.main_nav_list a:hover{
	color:#ef0026;
	text-decoration:none;
}

div#facebook{
	float:left;
	padding-right:20px;
	padding-left:60px;
}

div#twitter{
	float:left;
	padding-right:20px;
}

div.social-left{
	float:left;
	padding:16px 10px 5px 50px;
	}
	
div.social-right{
	float:left;
	padding:16px 50px 5px 0;
	}
	
ul.footer_list{
	list-style:none;
	padding-left:30px;
	font-size:10px;
}

ul.footer_list li{
	float:left;
	padding:0px 10px 0px 10px;
	border-left:1px solid #f9bd27;
}

ul.footer_list li:first-child{
	float:left;
	padding:0px 10px 0px 10px;
	border-left:none;
}

ul.nopad, ul.nopad li{
	padding:0px 0px 0px 10px !important;
	margin:0px !important;
}

p.align_left{
	text-align:left;
}

.input_required {
background-color:#fff0df;
border:1px dotted #f4911d;
}

/* Form Styling */

form.cmxform fieldset 
{
	border: 0px;
	width: 600px;	
}

form.cmxform legend 
{
	color:#000;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

form.cmxform label 
{
	display: inline-block;
	line-height: 1.4;
	width: 120px; /* Width of labels */	
	vertical-align: top;
}

form.cmxform fieldset ol 
{
	margin: 0;
	padding: 0;
}

form.cmxform ol li 
{
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform em 
{
	font-weight: bold;
	color: #f00;
}

form.cmxform textarea
{
	height: 60px;
	width: 182px;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#font-area		{ background:url(../images/text-slider-bar.png) 0 8px no-repeat; height:25px; width:144px; margin:0 0 5px 0; }
#font-slider	{ background:url(../images/text-slider-handle.png) no-repeat; width:9px; height:25px; cursor:pointer; }
#font-label		{ font-weight:bold; float:left; }
#font-update	{ color:#090; padding:0 0 0 15px; }