/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ul {list-style:none;}
ol {margin:10px 40px;}
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;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*  Grid */

body { background: url('/images/global/bkgnd.gif') repeat-y center #fff; }
div#page { width: 1003px; margin: 0 auto; }
div#headerimage { background: url('/images/global/header.jpg'); width: 1003px; height: 277px;}
div#headerimage a { width: 1003px; height: 277px; display: block  }
div#contentwrapper { margin-top: 1px; width: 953px; background: url('/images/global/bodybkgnd.gif') repeat-x #fff; padding: 40px 25px 0px 25px; }
div#main { width: 610px; float: left; border-right: 1px solid #cccccc; padding-right: 10px }
div#side { width: 307px; margin-left: 25px; float: left; }
div#featurette { border: 1px solid #d6d6d6; margin-bottom: 15px}
div#featurette div.description { padding: 0px 5px 0px 20px; width: 365px; float: left}
div#featurette div.image { float: left; }
div#footer { padding: 10px 20px; background: url('/images/global/footerbkgnd.gif') repeat-x; padding-top: 30px; }
div#footer p { font-size: 11px; line-height: 16px; margin-bottom: 0px; }
div#sidefeature { float: right; width: 181px } 
div#award { float: right; width: 149px; font-size: 11px; text-align: center; line-height: 14px } 

/* Forms */
form#mailing-form { border:1px solid #ccc; padding:10px;background-color:#F6F6F6;height:70px;}
form#mailing-form h4 {color:#0094D4;font-weight:bold;clear:both;margin:0px 0px 10px 0px;font-size:120%;}
form#mailing-form input[type="text"] {width:190px;float:left;margin:5px 10px 0 0;}
form#mailing-form input[type="submit"]{background:url(/images/btn-join.gif) top left no-repeat; float:left;border:none; width:77px;height:0;padding-top:34px;overflow:hidden;cursor:pointer;}
* + html form#mailing-form input[type="submit"] {height:34px;}
/* Lists */

div#main ul#applications { padding: 5px; list-style: none; margin: 0px }
div#main ul#applications li { float: left; width: auto;  }

div#main ul { margin-left: 50px; list-style: disc}

/* Tables */

div#main table { margin-bottom: 15px } 
div#main table th { margin-bottom: 15px; color: #fff; background: #003456; padding: 3px 5px; text-align: center } 
div#main td { width: 200px; padding: 3px 5px; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; text-align: center  }
div#main td.unitinfo { text-align: right; background-color: #e5e5e5; border-left: 1px solid #d6d6d6}
div#main table td.price { background-color: #ccd6dd; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fff}

div#main table.dualTable {
  width:250px;
  float:left;
  border:1px solid #ccc;
  margin:15px 50px 30px 0;
}


/* Featurette */

img#title_residential, img#title_commercial, img#title_customization { cursor: pointer; }
div#content_residential { }
div#content_commercial { display: none; }
div#content_customization { display: none; }

/* Sidebar */

div#side p { font-size: 12px; line-height: 14px }
div#side h3 { margin-bottom: 3px }
div#side ul { margin-bottom: 15px } 

div#side ul#quicklinks {padding:10px 0 10px 10px;border:1px solid #ccc;}
div#side ul#quicklinks li {list-style:circle;list-style-position:inside;}
div#side ul#quicklinks li a:active, div#side ul#quicklinks li a:link {color:#5F9DBF;}

/* Quote */

div.quote { width: 601px; }
div.quote div.content { background: url('/images/misc/quotebox_top.gif') no-repeat; color: #505050; padding: 10px}
div.quote div.author { background: url('/images/misc/quotebox_bottom.gif') no-repeat; height: 44px; color: #505050; padding: 10px 100px}

/* Quoting Page */

div#main ul.getaquote { list-style: none; margin: 0px }
div#main ul.getaquote li { border-bottom: 1px solid #ccc; padding: 5px }
div#main ul.getaquote li.noborder { border-bottom: 0px solid #fff }
div#main ul.getaquote li input { padding: 2px 3px; width: 300px }
div#main ul.getaquote li textarea { padding: 2px 3px; width: 300px }
div#main ul.getaquote li label { display: block; float: left; width: 200px; text-align: right; margin-right: 20px }
div#main ul li input.submit { border: 1px solid #248dd5; background: #003456; width: 150px; color: #fff }

/* Sitemap Page */
ul#sitemap li{list-style-type:none;margin:0;padding:0;}
ul#sitemap li a {text-decoration:none;padding:0;}
ul#sitemap li a:hover {text-decoration:underline;}
ul#sitemap li ul {margin:0px 0px 0px 10px;padding:0;}
ul#sitemap li.category a {font-weight:bold;}
ul#sitemap li.category ul li a {font-weight:normal;}

/* Case Studies Page */
div.case-study {
  border-top:1px solid #ccc;
  padding:10px 0;
}
div.case-study h3 {background-color:#F6F6F6;padding:10px 0;}
div.case-study h3 span a:link,div.case-study h3 span a:visited {color:#0094D4;font-style:italic;text-decoration:none;}
div.case-study h3 span a:hover {text-decoration:underline;}
div.case-study p strong{text-transform:uppercase;font-size:80%;margin:10px;float:left;}
div.case-study p a {float:left;display:block;margin-top:8px;}

/* containerHOUSE page */
#containerhouse-video {
     margin: 0px 30px 20px 0px; 
     float: left;
}
#containerhouse-video * {
  clear:both;
  display:block;
}

/* Menu */

/* Secondary Navigation */
div#secondary{width:1003px;background-color:#043F67;}
* + html div#secondary {height:30px;}
div#secondary ul li {float:right;}
div#secondary ul li a{float:left; padding:5px 10px;color:#EEF1F4;text-decoration:none;}
div#secondary ul li a:hover {text-decoration:underline;}

/* Other Menus */
div#largemenu { width: 1003px; background: url('/images/global/menubkgnd.gif') ; height: 188px; }
div#largemenu ul li { width: 210px; display: block; float: left; padding: 25px 20px }
div#largemenu p, div#smallmenu p { color: #79a8e2; font-size: 12px; line-height: 16px; }
div#largemenu p a, div#smallmenu p a { color: #b3d5ff; margin-top: 5px; display: block}
div#largemenu img.icon { margin: 0px 0px 0px 10px; }
div#largemenu img.title { margin-bottom: 5px; }
div#largemenu div#menu-left {float:left;margin:0px 0 0 0;}
div#largemenu div#menu-right {float:right;margin:8px 0 0 0;}
div#largemenu div#menu-left a{display:block;color:#B3D5FF;font-size:12px;}
div#largemenu div#menu-right a{display:block; color:#B3D5FF;font-size:12px;}

div#largemenu a#getaquote,div#smallmenu a#getaquote {float:left;margin-right:30px;color:#B3D5FF;}

div#smallmenu {  width: 1003px; background: url('/images/global/menubkgnd.gif') ; height: 60px; }
div#smallmenu ul li { display: block; float: left; position: relative; cursor: pointer}
div#smallmenu li.unitslist { width: 251px; }
div#smallmenu li.helplist { margin-left: 1px; width: 250px; }
div#smallmenu li.serviceslist { margin-left: 1px; width: 249px; }
div#smallmenu li.quotelist { margin-left: 1px; width: 250px; }
div#smallmenu div.title {  padding: 25px 20px;  }
div#smallmenu div.showall { display: none; position: absolute; padding: 25px 20px 10px 20px ; background: url('/images/global/menubkgnd.gif') ; }

div#smallmenu #smallmenu-left {float:left;margin-top:0px;}
div#smallmenu #smallmenu-right {float:right;margin-top:7px;}
div#smallmenu #smallmenu-left a {display:block;color:#B3D5FF;font-size:12px;}
div#smallmenu #smallmenu-right a {display:block;color:#B3D5FF;font-size:12px;}
/* Fonts */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	line-height: 20px;
	color: #363636;;
}
strong { font-weight: bold  } 
a { color: #0e5c91; }
h1 { font-size: 24px; margin-bottom: 15px; color: #003456; }
h2 { font-size: 20px; margin-bottom: 15px; padding-top: 15px; color: #003456;  }
h3 { font-size: 16px; margin-bottom: 15px; color: #003456; font-weight: bold }
p, div#main ul { margin-bottom: 10px; }