/******************************************/
/*	GLOBAL SITE STYLES
/******************************************/
@import 'reset.css';	
@import 'typography.css';
@import 'forms.css';


body {		
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#484848;	
	padding:0 10px;
	background-color:#FFFFFF;
}
h1, h2, h3, h4, h5, h6 {color:#C51711;}
a {color:#C51711;text-decoration:none;}


#outerbox, #header, #masthead, #footer {width:990px;position:relative;margin:0 auto;font-size:1.1em;}
.clearfix, #outerbox:after, #subpage:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

#header {z-index:110;height:119px;}
#header h1 a {display:block;background:url(../images/logo_hmp.png) no-repeat;width:131px;height:101px;}

#main_nav {position:absolute;right:-1px;bottom:4px;}
#main_nav li a {position:relative;z-index:1200;display:block;float:left;height:41px;margin-right:1px;background-position:0 0;}
.nav_home a {background:url(../images/nav/home.png) no-repeat;width:70px;}
.nav_equipment a {background:url(../images/nav/equipment.png) no-repeat;width:144px;}
.nav_services a {background:url(../images/nav/services.png) no-repeat;width:85px;}
.nav_homemod a {background:url(../images/nav/home_mod.png) no-repeat;width:146px;}
.nav_news a {background:url(../images/nav/news.png) no-repeat;width:92px;}
.nav_contact a {background:url(../images/nav/contact.png) no-repeat;width:102px;}
#main_nav li a:hover, #main_nav li.nav_on a {background-position:0 -41px;}

#contactinfo {position:absolute;right:0;top:30px;}
#contactinfo li {padding:0 12px;border-right:1px solid #000000;}
#contactinfo li.phone {font-size:1.25em;color:#C51711;}
#contactinfo li.phone span {color:#C0C0C0;}


#masthead {height:320px;z-index:100;background:url(../images/header.png) repeat-x 0 24px;}
#masthead img {float:left;}


#footer {text-align:left;line-height:44px;vertical-align:middle;background:url(../images/footer.png) repeat-x;}
#footer .rightside {position:absolute;top:1.25em;right:2em;margin:0;padding:0;}
#footer .rightside span {color:#C51711;}
#footer li {padding:0 9px;border-right:1px solid #B3B3B3;}
#footer .sub {margin:2em 0;padding:0;text-align:center;font-size:.95em;color:#B9B9B9;}
/* --- end global styles ----------------------------------- */


/* --- GRID STYLES ----------------------------------- */
#homepage {position:relative;top:-28px;z-index:100;}

#subpage {position:relative;top:-4px;z-index:100;height:1%;padding-top:1.5em;background:url(../images/subpage.gif) repeat-x;}
#subpage h2 {height:63px;color:#7E130D;margin-left:20px;}
#subpage .col4 {background-color:#F2F2F2;}
#subpage .col4 h3 {position:relative;padding:10px 0 18px;background:url(../images/btm_border.gif) repeat-x left bottom;}
#subpage .col4 label {display:block;font-weight:normal;margin-bottom:.25em;}
#subpage .col4 input.text, #subpage .col4 input.title, #subpage .col4 textarea, #subpage .col4 select {width:312px;background:url(../images/input.gif) repeat-x #FFFFFF;}


.column {float:left;position:relative;}
.col1 {width:639px;margin-right:1px;}
.col2 {width:400px;}
.col3 {width:239px;}
.col4 {width:350px;}
.col5 {}



/* --- SITE COMPONENTS STYLES ------------------------- */
.heading {position:relative;height:30px;margin:0;padding:10px 0 0 1em;color:#FFFFFF;background:url(../images/heading.png) repeat-x #FFFFFF;}
.heading span {display:block;}
.heading span a {position:absolute;right:1em;top:10px;font-size:.65em;color:#FFFFFF;text-decoration:underline;}


.img_callout {position:relative;font-size:1em;margin:0 0 1px;padding:0;}
.img_callout a {display:block;width:350px;height:73px;cursor:pointer;}
.img_callout a span {position:absolute;display:inline;top:45px;left:94px;color:#484848;}
.img_callout a span span {position:relative;top:0;left:0;color:#C51711;display:inline;text-decoration:underline;}
.img_callout.sleep_services a {background:url(../images/callout_sleepservices.png) no-repeat;}


.callout {margin-bottom:1px;padding:27px 20px 27px 20px;background-color:#F2F2F2;}

/** Very Cool Total CSS button
.btn {float:left;position:relative;line-height:2.5em;text-align:center;}
.btn a {color:#FFFFFF;margin:0 .75em;}
.btn img {position:absolute;z-index:1200;display:block;height:11px;width:11px;margin:0;padding:0;}
.btn img.tl {top:0;left:0;}
.btn img.tr {top:0;right:0;}
.btn img.br {bottom:0;right:0;}
.btn img.bl {bottom:0;left:0;}
.btn.blue {background-color:#5389C7;margin-right:10px;}
.btn.red {background-color:#D0221A;}
.btn:hover {color:#000000;}
.btn:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.btn {zoom:1;}
***/

/** boring old normal button ***/

.btn a {color:#FFFFFF;display:block;float:left;font-size:12px;font-weight:bold;padding:0pt;text-align:center;text-decoration:none;margin:2px;}

.btn a span {cursor:pointer;display:block;float:left;padding:3px 7px 3px 7px;}

.btn.red a {background:transparent url(../images/btn_red_r.gif) no-repeat right top;}

.btn.red a span {background:transparent url(../images/btn_red_l.gif) no-repeat;}

.btn.blue a {background:transparent url(../images/btn_blue_r.gif) no-repeat right top;}

.btn.blue a span {background:transparent url(../images/btn_blue_l.gif) no-repeat;}

.btn.red a:hover span, .btn.blue a:hover span {background-position:left -22px;}

.btn.blue a:hover, .btn.red a:hover {background-position:right -22px;}

.buttonholder {margin-left:auto;margin-right:autp;padding:0px;}

/*** boring old normal button end ***/

.infobox {color:#FFFFFF;padding:20px 16px;background-color:#F73333;}
.infobox h3 {position:relative;padding-bottom:.75em;border-bottom:1px solid #FE5E5E;color:#FFFFFF;}
.infobox .split li a {margin:.25em 20px .25em 0;padding-left:12px;color:#FFFFFF;position:relative;background:url(../images/bullet_arrowyellow.png) no-repeat 0 3px;}
.infobox li.last a {color:#F9F198;background:none;}


.listing {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px dotted #C4C4C4;	}
.listing li {float:left;border-left:1px dotted #C4C4C4;background:url(../images/listing.png) no-repeat 1px 0 #FFFFFF;}
.listing li a {display:block;float:left;display:inline;margin:0 1px;width:156px;min-height:173px;color:#C51711;text-align:center;}
.listing li a span {display:block;font-weight:bold;font-size:14px;}
.listing li a span span {color:#C0C0C0;}
.listing li a span span:hover {text-decoration:underline;}
.listing:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.listing {zoom:1;}


.post {margin-bottom:2.5em;}
.post a {display:block;font-size:1.25em;text-decoration:none;}
.post p a {display:inline;font-size:1em;text-decoration:none;}
.post p a:hover, .post a:hover {text-decoration:underline;}
#subpage .col4 .post p {margin-top:.5em;}
#subpage .col4 .post a, #subpage .col4 .post span {display:inline;}
#subpage .col4 .post span {margin-left:1em;color:#BBBBBB;}
#subpage .col4 .post:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#subpage .col4 .post {zoom:1;}


.two_col {
	margin-bottom:1px;
	background:url(../images/two_col.gif) repeat-y;
}

.frame {padding:20px;}
.one_col .frame {margin-bottom:40px;background:url(../images/frame_onecol.gif) no-repeat #FFFFFF;height:200px;}
.two_col .frame {position:relative;background:url(../images/frame.gif) no-repeat #FFFFFF;}
.two_col .frame iframe {width:579px;border:1px solid #999999;background-color:#FFFFFF;}
.frame .column {width:30%;}
.frame ul {position:relative;margin0;padding:0;}
.frame li {list-style:none;margin0;padding:0;display:block;}
.frame li a {display:block;padding-left:1.25em;background:url(../images/frame_bullet.png) no-repeat 0 .15em;font-size:1.4em;}
.frame dl, .frame dd {margin:0 1.5em 0 0;padding:0;}
.frame dd img {float:left;margin-right:1.5em;margin-bottom:50px;}
.frame dd .btn img {margin:0;padding:0;}
.frame dd p {margin-top:.5em;}
.frame dd li {margin:0 0 .5em;padding:0;}
.frame dd li a {display:block;padding-left:1.5em;background:url(../images/arrow_grey.png) no-repeat 0 .35em;font-size:1em;font-weight:normal;}	
.frame .arrow_list {margin-top:0;}
.frame dl:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.frame dl {zoom:1;}


.article_title {padding-left:1em;border-left:10px solid #F2F2F2;color:#BBBBBB;}
.article_title h3 {margin:0;}


.indent {margin:0 20px;}
.indent fieldset {padding:0;}


.product p {line-height:1.75em;}
.product_title {margin-bottom:2em;}
.product_title h3 {margin:0;}
.product_title span {display:block;color:#BBBBBB;}
.product h4 {color:#000000;margin:0;}


.arrow_list {position:relative;margin:2em 0;padding:0;list-style:none;}
.arrow_list li {display:block;margin:0 0 .5em;padding-left:1.5em;background:url(../images/arrow_grey.png) no-repeat 0 .35em;font-size:1em;font-weight:normal;}

/*****************
	gallery
*****************/

/* ------ PAGINATION STYLES ------*/ 
.pagination {position:relative;margin:4px 0px;padding:3px 0px;height:30px;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}

.pagination p {font-weight:bold;margin-top:8px;font-size:12px;}

.pagination_inner {margin:0px;padding:0px;background-color:#Ffffff;overflow:hidden;}
.pagination_inner div {position:relative;display:block;	width:75%;min-height:1.75em;}	
.pagination ul {position:absolute;top:6px;right:0px;margin:0;padding:0;height:100%;list-style:none;}
.pagination li {margin:0 5px;padding:0;display:inline;}
.pagination li a, .pagination form, .pagination li fieldset {display:inline;}
.pagination li a {vertical-align:top;color:#D0221A;line-height:2em;font-weight:bold;text-decoration:none;}
.pagination li a:hover {text-decoration:underline;}
.pagination li a.previous {padding-left:0px;}
.pagination li a.next {padding-right:0px;}

.pagination input.text, input.title, input.short, textarea, select {border:1px solid #9B9B9B;color:#575757;}

/* ------ LISTING STYLES ------*/
.listings {width:100%;	position:relative;}
.listings dl {margin:0;padding:0;}
.listings img {display:block;border:1px solid #000000;margin:5px;margin-left:auto;margin-right:auto;}
.listings dt {	clear:left;}
.listings dd {float:left;margin:0pt;margin:6px;width:310px;background:#F2F2F2;}
.listings dd a {text-decoration:none;font-weight:bold;}
.listings dd a:hover {text-decoration:underline;}
.listings dd p {margin-top:0;margin-bottom:1em;color:#000000;padding:5px;}
.listings dd p span {display:block;}

.listbox {margin:0pt 0pt 5px;padding:12px;}
/* ------ LISTING STYLES ------ */


#scrollnav_arrows li a {position:absolute;margin-top:235px;display:block;width:81px;height:31px;}
#scrollnav_arrows li.left a {margin-left:;z-index:500;}
#scrollnav_arrows li.right a {margin-left:630px;z-index:300;}