/* Houghton Home Styles
created 08/09/2008 W Psaila
last edit 11/09/2008 W Psaila
*/


/*
	Houghton Site Colours
	
	Background				- White #FFF Grey #808080
	Primary Nav Off			- Grey #808080
	Primary Nav On			- Black #000
	Body Copy				- Black #000 White #FFF Grey #808080
	Main Section Headers	- Grey #808080
	Links					- White #FFF Blue #0081D7
	
*/

/* ------------ LAYOUT STYLES ------------ */

html, body { height: auto; }

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(/custom/files/media/hthomemainbg.jpg) 50% 0 no-repeat #808080; /* this is the main bottle and white/grey bg - sits flush centre */
}

#homeouter {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	height: 600px;
}



/* ------------ FONTS ------------ */


/* Set default font basics throughout */

body, div, p {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #808080;
}

a {
	color: #0081d7;
	font-weight:bold;
	text-decoration:none;
}

a:visited { color:#0081d7; text-decoration:none }
a:link { color:#0081d7; text-decoration:none }
a:hover { color:#0081d7; text-decoration:underline }



/* ------------ HEADER STYLES ------------ */

#homeheader {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 990px;
	height: 230px;
}

/* Main Primary Nav */

#homeheader #mainNav {
	position: absolute;
	top: 64px;
	left: 536px;
	padding: 0px;
	width: 141px;
	height: 122px;
}

#homeheader #mainNav a {
	display: block;
	clear: both;
	color: #808080;
	text-align: right;
	text-decoration: none;
}

#homeheader #mainNav a:hover {
	color: #000;
	text-decoration: none;	
}

/* wine shop link */
#homeheader #ht-wine-shop-main-menu-link p {
	margin: 0;
	padding: 0;
}

/* Houghton logo */

#homeheader h1 {
	position: absolute;
	display: block;
	top: 64px;
	left: 715px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 122px;
	background: url(/custom/files/media/hthomesiteid.gif) 0px 0px no-repeat; /* displays the logo graphic for Houghton */
}

#homeheader h1 span, #homeheader h2 {
	display: none; /* this hides the h1 text in the browser */
}


/* ------------ MIDDLE CONTENT STYLES ------------ */

#homemiddleContent {
	position: absolute;
	top: 230px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 990px;
	height: 336px;
}

/* PORTLET 1 */

#homemiddleContent #homeportlet1 {
	position: absolute;
	top: 170px; /* margins push from top and left */
	left: 15px;
	margin: 0px;
	padding: 0px;
	width: 246px;
	height: 149px;
	background: #000;
}

#homemiddleContent #homeportlet1 #innerContent1 {
	margin: 0px;
	padding: 10px 7px 10px 12px;
	text-align: left;
}

/* Portlet 1 Header Title */
#homemiddleContent #homeportlet1 .headerTitle img {
	margin: 0px 0px 11px 0px; /* bottom margin pushes content down */
	padding: 0px;
}

#homemiddleContent #homeportlet1 .heroImage img {
	float: left;
	margin: 0px 11px 11px 0px; /* bottom & right margin pushes content */
	padding: 0px;
}

#homemiddleContent #homeportlet1 p {
	margin-top: 0px;
	font: normal .9em Helvetica, Arial, Geneva, sans-serif;
	color: #fff;
	line-height: 1.2em;
}

#homemiddleContent #homeportlet1 p a {
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#homemiddleContent #homeportlet1 p a:hover {
	color: #0081d7;
	text-decoration: none;
}

/* PORTLET 2 */

#homemiddleContent #homeportlet2 {
	position: absolute;
	top: 83px; /* margins push from top and left */
	left: 276px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 236px;
	text-align: left;
	/* background: black; */
}

/* PORTLET 3 */

#homemiddleContent #homeportlet3 {
	position: absolute;
	top: 83px; /* margins push from top and left */
	left: 550px;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 236px;
	text-align: left;
}

/* PORTLET 4 */

/* Intro Text */

#homemiddleContent #homeportlet4 {
	position: absolute;
	top: 0px; /* pushes left margin from previous portlet */
	left: 715px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 336px;
	background: url(/custom/files/media/hthomeintropanel.gif) 0px 0px no-repeat;
}

#homemiddleContent #homeportlet4 #innerContent4 {
	margin: 0px;
	padding: 33px 16px 64px 16px;
	text-align: left;
}

#homemiddleContent #homeportlet4 p {
	font: 1.1em Helvetica, Arial, Geneva, sans-serif;
	color: #4d4d4d;
}






/* ------------ FOOTER ------------ */

#homefooter {
	position: absolute;
	width: 990px;
	top: 583px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#homefooter p {
	margin: 0px 0px 0px 27px;
	padding: 0px;
}

#homefooter a {
	margin: 0px 12px 0px 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #c0c0c0;
	text-decoration: none;
}

#homefooter a:visited { color: #c0c0c0; text-decoration: none }
#homefooter a:link { color: #c0c0c0; text-decoration: none }
#homefooter a:hover { color: #fff; text-decoration: underline }

/* hides the divider line in the footer on the homepage */
#homefooter img { display: none; }