/******************************************************************************************************************
Homewise
Homepage Stylesheet

Developed by Matthew Hill, March 2007
Copyright Nixon McInnes (c) 2007
http://www.nixonmcinnes.co.uk
******************************************************************************************************************/

#banner {
	border:none;
}

#mainimage {
	clear:both;
	position:relative;
	height:230px;
	margin:0 -11px;
}

#mainimage img#rotator {
	position:absolute;
	top:0;
	left:0;
}

#mainimage img#badge {
	position:absolute;
	right:20px;
	top:20px;
	z-index:10;
}

#mainimage img#retireprop {
	position:absolute;
	right:11px;
	bottom:15px;
	z-index:11;
	width:335px;
	height:25px;
}

/******************************************************************************************************************
BODY AREA
******************************************************************************************************************/

#bodycopy {
	font-size:80%;
	line-height:150%;
}

#bodycopy p,
#bodycopy ul,
#bodycopy ol {
	margin:0 0 14px 0;
}


/******************************************************************************************************************
WELCOME
******************************************************************************************************************/

#welcome {
	width:364px;
	min-height:170px;
	padding:0;
	margin:11px 18px 0 0;
	float:left;
}

#welcome h1 {
	background:#006E51;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
	margin-bottom:14px;
	width:159px;
}

#searchsite {
	width:364px;
}

#searchsite label {
	width:159px;
	padding:3px 7px 4px;
	margin:0;
	background:#A02443;
	color:#FFF;
	font-size:130%;
	text-align:left;
}

#searchsite input {
	width:164px;
}


/******************************************************************************************************************
HERE TO HELP
******************************************************************************************************************/

#heretohelp {
	width:364px;
	padding:0;
	margin:11px 0 0 0;
	float:right;
	zoom:1;
}

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

#heretohelp h3.title,
#heretohelp h3.title {
	background:#AB9968;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
	margin-bottom:14px;
}

#heretohelp h2 a,
#heretohelp h2 a:visited,
#heretohelp h3.title a,
#heretohelp h3.title a:visited {
	color:#FFF;
	text-decoration:none;
}

#heretohelp #panelwrap {
	background:#FFF url(../images/bg-panel-homehelp.gif) top left no-repeat;
	padding:0;
	position:relative;
}

#heretohelp .panel {
	width:350px;
	padding:7px 7px 0 7px;
	zoom:1;
}

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

#heretohelp .panel div.left {
	float:left;
	width:160px;
	min-height:130px;
}

#heretohelp .panel div.left h3 {
	font-size:100%;
	color:#006E51;
}

#heretohelp .panel div.left img {
	margin:0 auto;
}

#heretohelp .panel div.right {
	float:right;
	display:block;
	width:180px;
	min-height:130px;
	font-size:85%;
	margin-bottom:7px;
	line-height:150%;
}

#heretohelp .panel a.redbutton,
#heretohelp .panel a.redbutton:visited {
	clear:both;
	display:block;
	padding:5px 7px;
	width:350px;
	margin:0 -7px;
	font-size:100%;
	text-decoration:none;
	text-align:right;
	background:#A02443;
	color:#FFF;
}

#heretohelp #head-abouthomewise {
	float:none;
	clear:both;
	position:relative;
	margin-top:11px;
}

#panelwrap {
	margin:0 0 14px 0;
}

#panelwrap #controls a,
#panelwrap #controls a:hover {
	min-height:150px;
	width:60px;
	display:block;
	position:absolute;
	z-index:10;
	top:0;
	/* Next rule forces Firefox to resize active border correctly rather than spanning whole screen */
	overflow:hidden;
} 

#panelwrap #controls a span {
	position:absolute;
	left:-1000em;
}

#panelwrap #controls a#previous {
	left:5px;
	background:url(../images/arrow-home-left-red.gif) left 90% no-repeat;
}

#panelwrap #controls a#next {
	right:5px;
	background:url(../images/arrow-home-right-red.gif) right 90% no-repeat;
}

/******************************************************************************************************************
HERE TO HELP
******************************************************************************************************************/

#abouthomewise, 
#abouthomewise div {
	clear:both;
}

#abouthomewise h2,
#abouthomewise h3.title {
	background:#006E51;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
	margin-bottom:14px;
	width:159px;
	float:left;
}

/******************************************************************************************************************
FOUR COLUMNS
******************************************************************************************************************/

.custname {
	font-weight:bold;
	font-size:85%;
	color:#006E51;
	margin-top:0;
	margin-bottom:7px;
	line-height:normal;
}

#fourcolumns {
	clear:both;
	zoom:1;
	padding-top:11px;	
	background:#fff;
}

#fourcolumns dl,
#fourcolumns ul,
#fourcolumns ol,
#fourcolumns p {
	margin:0 0 14px 0;	
}

#fourcolumns ul li {
	list-style:none;
	padding-left:20px;
	background:url(../images/bullet-green.gif) 4px 1px no-repeat;
}

#fourcolumns  div {
	float:left;
	width:159px;
	padding:7px;
	display:block;
	min-height:240px;
	margin-right:18px;
	line-height:130%;
}

#fourcolumns  #customerstory,
#fourcolumns  #talktous {
	background:#F5F3ED url(../images/bg-beige-corner.gif) right bottom no-repeat;	
}

#fourcolumns #moreinfonews {
	padding-bottom:0;
}

#fourcolumns #moreinfopack p {
	float:right;
	width:78px;
}

#fourcolumns #moreinfopack img {
	float:left;
}

#fourcolumns #dreamhome {
	margin:0;	
	width:159px;
	padding:6px 6px 0 6px;
}

#fourcolumns h2,
#fourcolumns h3.title {
	background:#AB9968;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
	margin:-7px -7px 7px -7px;
}


/******************************************************************************************************************
TALK TO US
******************************************************************************************************************/

#talktous p.phonenum {
		background:url(../images/phone-gold.gif) left center no-repeat;
		border:none;
		padding:0 0 0 24px;
		font-size:130%;
		color:#AB9968;
	}	

/******************************************************************************************************************
MORE INFO
******************************************************************************************************************/

#fourcolumns #moreinfo {
	padding:7px 0;
	width:173px;
	color:#006E51;
	font-weight:bold;	
}

#fourcolumns #moreinfo h2,
#fourcolumns #moreinfo h3.title {
	margin:-7px 0 0;
}

#fourcolumns #moreinfo div {
	margin:11px 0 0 0;
	padding:6px;
	width:159px;
	height:auto;
	min-height:0;
	border:1px solid #CCC;
}

#fourcolumns #moreinfo img {
	margin:0 -6px 0;
	width:auto;
	height:auto;
}

#fourcolumns #moreinfo #moreinfopack {
	position:relative;
	padding-bottom:0;
	min-height:81px;
}

#fourcolumns #moreinfo #moreinfopack p {
	position:relative;
	width:100px;
	left:-58px;
	z-index:10;
}

#fourcolumns #moreinfo #moreinfopack img {
	display:block;
	position:absolute;
	margin:0;
	bottom:1px;
	right:0;
	width:66px;
	height:77px;
}



/******************************************************************************************************************
DREAMHOME
******************************************************************************************************************/

#dreamhome {
	color:#006E51;
	font-weight:bold;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	position:relative;
}

#dreamhome h2,
#dreamhome h3.title {
	margin:-6px -7px 7px -7px;
}

#dreamhome div {
	margin:-7px -6px 7px -6px;
	min-height:0;
	overflow:hidden;
	height:95px;
}

#dreamhome img {
/*	clip:rect(0px 173px 100px 0px) !important;
	overflow:hidden;*/
}

#dreamhome p {
	line-height:normal;
}

#dreamhome .redbutton {
	margin:7px -7px 0;
}