@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;          /* shorthand for all margins = 0 */
    padding: 0;         /* no padding */
	font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #cccccc;
}

img { border:0; }

div#outerDiv {
	width: 978px;
	height: 855px;
	margin: 0 auto;
	padding: 0;
}

div#header {
	width: 978px;
	height: 145px;
	position: relative;
}

#header #pencil {
	margin-left: 0px;
	margin-top: 98px;
	width: 978px;
	height: 48px;
	background: url(../header/pencil_v2.jpg) no-repeat left bottom;
    border: none;   /* don't display a border */
	position: absolute;        
}


/* ===== home link ===== */

#header #slogan {
    height: 25px;
    width: 775px;
	margin-left: 168px;
	margin-top: 73px;
	padding: 0;
    background: url(../header/hh_slogan.png) no-repeat right top;
    border: none;   /* don't display a border */
	position: absolute;        
	
}

#outerDiv #homeButton {
    position: absolute;
    left: 45px;
    top: 20px;
}

#homeButton a:link, #homeButton a:visited{
	display: block;
	background: url(../header/hh_logo.jpg) no-repeat left top;
	height: 76px;
    width: 76px;
	border: none;           /* don't display a border */
}

#homeButton a:hover, #homeButton a:active{
	background: url(../header/hh_logo.jpg) no-repeat left bottom;
}


/* ===== main navigation links ===== */

#header #mainMenu {
	width: 800px;
	height: 16px;
	margin-left: 170px;
	margin-top: 124px;
	padding: 0;
	position: absolute;
}

/* about */
#aboutBtn a:link, #aboutBtn a:visited {
	float: left; 
	margin-right: 0px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_about.png) no-repeat left bottom;
    border: none;
}

#aboutBtn a:hover, #aboutBtn a:active {
    background-position: left top;	
}

#aboutBtnOn {
    background-position: left top;	
	float: left; 
	margin-right: 0px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_about.png) no-repeat left top;
    border: none;
}

/* purchase */
#purchaseBtn a:link, #purchaseBtn a:visited {
	float: left; 
	margin-right: 14px; 
    height: 16px;
    width: 98px;
    display: block;
    background: url(../nav/btn_purchase.png) no-repeat left bottom;
    border: none;
}

#purchaseBtn a:hover, #purchaseBtn a:active {
    background-position: left top;	
}

#purchaseBtnOn {
    background-position: left top;	
	float: left; 
	margin-right: 14px; 
    height: 16px;
    width: 98px;
    display: block;
    background: url(../nav/btn_purchase.png) no-repeat left top;
    border: none;
}


/* method */
#methodBtn a:link, #methodBtn a:visited {
	float: left; 
	margin-right: 15px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_method.png) no-repeat left bottom;
    border: none;
}

#methodBtn a:hover, #methodBtn a:active {
    background-position: left top;	
}

#methodBtnOn {
	float: left; 
	margin-right: 15px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_method.png) no-repeat left top;
    border: none;
}


/* remodel */
#remodelBtn a:link, #remodelBtn a:visited {
	float: left; 
	margin-right: 10px; 
    height: 16px;
    width: 87px;
    display: block;
    background: url(../nav/btn_remodel.png) no-repeat left bottom;
    border: none;
}

#remodelBtn a:hover, #remodelBtn a:active {
    background-position: left top;	
}

#remodelBtn a:current {
    background-position: left top;
}

#remodelBtnOn {
	float: left; 
	margin-right: 10px; 
    height: 16px;
    width: 87px;
    display: block;
    background: url(../nav/btn_remodel.png) no-repeat left top;
    border: none;
}


/* refurnish */
#refurnishBtn a:link, #refurnishBtn a:visited {
	float: left; 
	margin-right: 23px; 
    height: 16px;
    width: 100px;
    display: block;
    background: url(../nav/btn_refurnish.png) no-repeat left bottom;
    border: none;
}

#refurnishBtn a:hover, #refurnishBtn a:active {
    background-position: left top;	
}

#refurnishBtnOn {
	float: left; 
	margin-right: 23px; 
    height: 16px;
    width: 100px;
    display: block;
    background: url(../nav/btn_refurnish.png) no-repeat left top;
    border: none;
}


/* blog */
#blogBtn a:link, #blogBtn a:visited {
	float: left; 
	margin-right: 0px; 
    height: 16px;
    width: 72px;
    display: block;
    background: url(../nav/btn_blog.png) no-repeat left bottom;
    border: none;
}

#blogBtn a:hover, #blogBtn a:active {
    background-position: left top;	
}

#blogBtnOn {
	float: left; 
	margin-right: -10px; 
    height: 16px;
    width: 72px;
    display: block;
    background: url(../nav/btn_blog.png) no-repeat left top;
    border: none;
}

/* news */
#newsBtn a:link, #newsBtn a:visited {
	float: left; 
	margin-right: -5px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_news.png) no-repeat left bottom;
    border: none;
}

#newsBtn a:hover, #newsBtn a:active {
    background-position: left top;	
}

#newsBtnOn {
	float: left; 
	margin-right: -5px; 
    height: 16px;
    width: 75px;
    display: block;
    background: url(../nav/btn_news.png) no-repeat left top;
    border: none;
}


/* contact */
#contactBtn a:link, #contactBtn a:visited {
	float: left; 
	margin-right: 16px; 
    height: 16px;
    width: 87px;
    display: block;
    background: url(../nav/btn_contact.png) no-repeat left bottom;
    border: none;
}

#contactBtn a:hover, #contactBtn a:active {
    background-position: left top;	
}

#contactBtnOn {
	float: left; 
	margin-right: 16px; 
    height: 16px;
    width: 87px;
    display: block;
    background: url(../nav/btn_contact.png) no-repeat left top;
    border: none;
}

/* ===== content ===== */

/* ===== HOME ===== */

div#contentHome {	
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
	padding: 0;
	width: 900px;
	height: 600px;
	background: url(../home/home_01.jpg) no-repeat left top;
	position: relative;
}


/* ===== METHOD ===== */

div#contentMethod {
	margin-left: 40px;
	margin-top: 0px;
	padding: 0;
	width: 900px;
	height: 647px;
	position: relative;
	background: url(../method/method_rules.png) no-repeat left top;
}

#contentMethod #headerMethod {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}
#contentMethod #subheaderMethod {
	margin-left: 320px;
	margin-top: 30px;
	position: absolute;
	}

#contentMethod #methodSubNav {
	margin-left: 20px;
	margin-top: 90px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	list-style: none;
	}
	
#methodSubNav ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#methodSubNav li {               /* turn off the normal list item behavior */
    list-style: none;
    margin: 0;
    padding:0;
}

#methodSubNav li a:active, #methodSubNav li a:link, #methodSubNav li a:visited {
	color: #999999;         /* gray color for text */
	text-decoration: none;  /* no underline */
}
#methodSubNav ul li a:hover {
	color: #333333;         /* gray color for text */
	text-decoration: none;  /* no underline */
}

/* ===== METHOD :: PAGES ===== */

#contentMethod #designconcept {
	margin-left: 320px;
	margin-top: 90px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 550px;
	color: #666666;
	
}

#contentMethod #designconceptImg {
	margin-left: 302px;
	margin-top: 247px;
	position: absolute;
}

#contentMethod #remodelImg {
	margin-left: 302px;
	margin-top: 317px;
	position: absolute;
}

#contentMethod #furnishingImg {
	margin-left: 302px;
	margin-top: 357px;
	position: absolute;
}

/* ===== REMODEL ===== */

#contentRemodel {
	margin-top: 0px;
	margin-left: 40px;
	background: url(../remodel/assets/remodel_structure_text.png) no-repeat left top;
	position: relative;
	width: 900px;
	height: 647px;
	}

#contentRemodel #headerRemodel {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}
	
#contentRemodel #subheaderRemodel {
	margin-left: 322px;
	margin-top: 25px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;         /* gray color for text */
	letter-spacing: 2px;
	width: 550px;
	}
	
#contentRemodel #subcontentRemodel {
	margin-left: 322px;
	margin-top: 50px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	width: 550px;
	color: #333333;         /* gray color for text */
	}

#contentRemodel #subnavRemodel {
	margin-left: 135px;
	margin-top: 28px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	}
	
#subnavRemodel ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#subnavRemodel li {               /* turn off the normal list item behavior */
    list-style: none;
    margin: 0;
    padding:0;
}

#subnavRemodel li a:active, #subnavRemodel li a:link, #subnavRemodel li a:visited {
	color: #999999;         /* gray color for text */
	text-decoration: none;  /* no underline */
}
#subnavRemodel ul li a:hover {
	color: #333333;         /* gray color for text */
	text-decoration: none;  /* no underline */
}

#contentRemodel #conceptRemodel {
	margin-left: 0px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}
#contentRemodel #plansRemodel {
	margin-left: 301px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}
#contentRemodel #completionRemodel {
	margin-left: 601px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}

/* ===== FURNISHINGS ===== */

#contentFurnishings {
	margin-top: 0px;
	margin-left: 40px;
	background: url(../remodel/assets/remodel_structure_text.png) no-repeat left top;
	position: relative;
	width: 900px;
	height: 647px;
	}

#contentFurnishings #headerFurnishings {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}
	
#contentFurnishings #subheaderFurnishings {
	margin-left: 322px;
	margin-top: 25px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;         /* gray color for text */
	letter-spacing: 2px;
	width: 550px;
	}
	
#contentFurnishings #subcontentFurnishings {
	margin-left: 322px;
	margin-top: 50px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	width: 550px;
	color: #333333;         /* gray color for text */
	}

#contentFurnishings #subnavFurnishings {
	margin-left: 135px;
	margin-top: 28px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 150px;
	}
	
#subnavFurnishings ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#subnavFurnishings li {               /* turn off the normal list item behavior */
    list-style: none;
    margin: 0;
    padding:0;
}

#subnavFurnishings li a:active, #subnavFurnishings li a:link, #subnavFurnishings li a:visited {
	color: #999999;         /* gray color for text */
	text-decoration: none;  /* no underline */
}
#subnavFurnishings ul li a:hover {
	color: #333333;         /* gray color for text */
	text-decoration: none;  /* no underline */
}

#contentFurnishings #conceptFurnishings {
	margin-left: 0px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}
#contentFurnishings #plansFurnishings {
	margin-left: 301px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}
#contentFurnishings #completionFurnishings {
	margin-left: 601px;
	margin-top: 196px;
	padding: 0;
	position: absolute;
	}


/* ===== ABOUT ===== */

div#contentAbout {
	margin-left: 40px;
	margin-top: 0px;
	padding: 0;
	width: 900px;
	height: 647px;
	position: relative;
	
}

#contentAbout #headerAbout {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}

#contentAbout #subheaderAbout {
	margin-left: 470px;
	margin-top: 28px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	list-style: none;
	width: 400px;
	color: #666666;
}

#contentAbout #backgroundAbout {
	margin-top: 150px;
	background: url(../about/about_img_v2.jpg) no-repeat left top;
	position: absolute;
	width: 900px;
	height: 500px;
	}

#contentAbout #midphotosAbout {
	margin-left: 322px;
	margin-top: 171px;
	padding: 0;
	position: absolute;
	
	width: 260px;
	color: #666666;
}

#contentAbout #midAbout {
	margin-left: 322px;
	margin-top: 415px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
}

#contentAbout #hollyAbout {
	margin-left: 20px;
	margin-top: 415px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
}

#contentAbout #amberAbout {
	margin-left: 620px;
	margin-top: 415px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
}

/* ===== NEWS ===== */

div#contentNews {
	margin-left: 40px;
	margin-top: 0px;
	padding: 0;
	width: 900px;
	height: 647px;
	position: relative;
	background: url(../news/news_structure.gif) no-repeat left top;	
}

#contentNews #headerRecognition {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}

#contentNews #headerHandson {
	margin-left: 320px;
	margin-top: 30px;
	position: absolute;
	}

#contentNews #headerNews {
	margin-left: 620px;
	margin-top: 30px;
	position: absolute;
	}
	
#contentNews #subnavNews {
	margin-left: 20px;
	margin-top: 45px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	}
	
#subnavNews ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#subnavNews li {               /* turn off the normal list item behavior */
    list-style: none;
    margin: 0;
    padding:0;
}

#subnavNews li a:active, #subnavNews li a:link, #subnavNews li a:visited {
	color: #999999;         /* gray color for text */
	text-decoration: none;  /* no underline */
}
#subnavNews ul li a:hover {
	color: #333333;         /* gray color for text */
	text-decoration: none;  /* no underline */
}

#contentNews #subheaderNews {
	margin-left: 470px;
	margin-top: 28px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	list-style: none;
	width: 400px;
	color: #666666;
}

#contentNews #handsonphotosNews {
	margin-left: 301px;
	margin-top: 117px;
	padding: 0;
	position: absolute;
	width: 260px;
	color: #666666;
}

#contentNews #handsonText {
	margin-left: 322px;
	margin-top: 540px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
}

#contentNews #recognitionsubheaderNews {
	margin-left: 20px;
	margin-top: 143px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
	letter-spacing: 2px;	
}

#contentNews #newssubheaderNews {
	margin-left: 620px;
	margin-top: 143px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
	letter-spacing: 2px;	
}

#contentNews #recognitionTextNews {
	margin-left: 20px;
	margin-top: 173px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	height: 450px;
	color: #666666;	
}

#contentNews #recognitionTextLocalNews {
	margin-left: 20px;
	margin-top: 173px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	height: 450px;
	color: #666666;
	overflow: auto;
}

#recognitionTextLocalNews a:active, a:link, a:visited {
	color: #999999;         /* gray color for text */
	text-decoration: none;  /* no underline */
}
#recognitionTextLocalNews a:hover {
	color: #333333;         /* gray color for text */
	text-decoration: none;  /* no underline */
}

#contentNews #newsTextNews {
	margin-left: 620px;
	margin-top: 173px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	color: #666666;
}

/* ===== CONTACT ===== */

div#contentContact {
	color: #666666;
	margin-left: 40px;
	margin-top: 0px;
	padding: 0;
	width: 900px;
	height: 647px;
	position: relative;
}

#contentContact #textHauthaus {
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 260px;
	}

#contentContact #rightContact {
	float: right;
	margin-left: 300px;
	margin-top: 1px;
	padding: 0;
		height: 647px;
	position: relative;
}

#contentContact #bgGrid {
	width: 300px;
	height: 647
	margin-top: 1px;
	padding: 0;
}

#contentContact #headerHauthaus {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}
	

	
#contentContact #headerCommercial {
	margin-left: 20px;
	margin-top: 225px;
	position: absolute;
	}

#contentContact #textCommercial {
	margin-left: 20px;
	margin-top: 290px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 260px;
	}
	
#contentContact #headerReferral {
	margin-left: 20px;
	margin-top: 418px;
	position: absolute;
	}
	
#contentContact #textReferral {
	margin-left: 20px;
	margin-top: 480px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 260px;
	}

#contentContact a:link, a:visited {
	border: none;
	text-decoration: none;
	color: #666666;
}

#contentContact a:hover, a:active {
	color: #111111;
}

/* ===== PURCHASE ===== */

div#contentPurchase {
	margin-left: 40px;
	margin-top: 0px;
	padding: 0;
	width: 900px;
	height: 647px;
	position: relative;
}

#contentPurchase #headerPurchase {
	margin-left: 20px;
	margin-top: 30px;
	position: absolute;
	}

#contentPurchase #subheaderPurchase {
	margin-left: 470px;
	margin-top: 28px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	list-style: none;
	width: 410px;
	color: #666666;
}

#contentPurchase #backgroundPurchase {
	margin-top: 125px;
	background: url(../purchase/purchase_bg.gif) no-repeat left top;
	position: absolute;
	width: 900px;
	height: 525px;
	}


#contentPurchase #conceptIMGPurchase {
	margin-left: 20px;
	margin-top: 145px;
	padding: 0;
	position: absolute;
	width: 410px;
	height: 155px;		
}

#contentPurchase #planIMGPurchase {
	margin-left: 470px;
	margin-top: 145px;
	padding: 0;
	position: absolute;
	width: 410px;
	height: 155px;		
}

#contentPurchase #conceptheaderPurchase {
	margin-left: 20px;
	margin-top: 310px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
	list-style: none;
	width: 410px;
	height: 35px;
	color: #bfbfbf;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-weight: lighter;
	
}

#contentPurchase #planheaderPurchase {
	margin-left: 470px;
	margin-top: 310px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
	list-style: none;
	width: 410px;
	height: 35px;
	color: #bfbfbf;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-weight: lighter;
	letter-spacing: -1.5px;
}

#contentPurchase .subheaderPurchase {
	font-weight: bold;	
}

#contentPurchase #conceptPurchase {
	margin-left: 20px;
	margin-top: 365px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 410px;
	color: #666666;
}

#contentPurchase #planPurchase {
	margin-left: 470px;
	margin-top: 365px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 410px;
	color: #666666;
}

#contentPurchase #buynowConcept {
	margin-left: 20px;
	margin-top: 585px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 400px;
	color: #666666;
	text-align: right;
	
}

#contentPurchase #buynowPlan {
	margin-left: 470px;
	margin-top: 585px;
	padding: 0;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	width: 400px;
	color: #666666;
	text-align: right;
}


/* ===== footer ===== */

div#footer {
	margin-top: 0px;
	margin-left: 40px;
	padding-left: 0px;
	padding-top: 0px;
	width: 900px;
	height: 60px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	position: relative;
	
	
}