/*
CSS - Ferguson Corporation

Page Structure:
	body
	-page_container
	--content_container
	---header
	----navigation
	---flash
	---banner
	---text
	---cta
	---footer-contact
	---footer-bottom
*/

/* layout styles */


* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/core/body-background.gif) top left repeat-x;
	height: 100%;
}

img {border: none;}

#page_container {
	width: 100%;
	background: url(../images/core/page-background.jpg) no-repeat 50% 0;
	height: 445px;
}

div#content_container {
	width: 780px;
	margin: 0 auto;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: '.';
	display: block;
	clear: both;
}/* apply this to the div that contains 2 or more floating elements */ 


/**************************
	HEADER
**************************/
div#header {
	width: 780px;
	height: 105px;
}

div#header img.logo {
	margin-top: 23px;
	float: left;
}


/**************************
	NAVIGATION
**************************/
#nav {
	margin: 55px 5px 0 0;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: right;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
}
	
#nav a:hover {background-position: 0 -24px;}

#nav-home a {margin-right: 25px; width: 52px; background: url(../images/nav/nav-home.jpg) top left no-repeat;}
#nav-profile a {margin-right: 25px; width: 59px; background: url(../images/nav/nav-profile.jpg) top left no-repeat;}
#nav-portfolio a {margin-right: 25px; width: 77px; background: url(../images/nav/nav-portfolio.jpg) top left no-repeat;}
#nav-contact a {width: 70px; background: url(../images/nav/nav-contact.jpg) top left no-repeat;}


/**************************
	BANNER
**************************/
div#banner {
	width: 780px;
	height: 39px;
	background: url(../images/core/banner-background.png) top left no-repeat;
	text-indent: -999em;
}


/**************************
	TEXT
**************************/
div#text {
	width: 750px;
	float: left;
	padding: 15px;
}

#home div#text {
	width: 537px;
	float: left;
	padding: 15px 0;
}

div#text p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
	color: #685b52;
	margin: 14px 0 14px 0;
}

div#text p a {color: #988245; text-decoration: underline;}
div#text p a:hover {text-decoration: none;}

div#text h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #685b52;
}

div#text h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ad9e8b;
	margin-top: 14px;
	margin-bottom: 3px;
}

div#text h2 a {
	float: left;
	padding: 58px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	text-indent: -999em;
	margin-bottom: 10px;
}
	
div#text h2 a:hover {background-position: 0 -58px;}

#title-commercial a {width: 550px; background: url(../images/core/title-commercial.jpg) top left no-repeat;}
#title-residential a {width: 550px; background: url(../images/core/title-residential.jpg) top left no-repeat;}
#title-alfresco a {width: 550px; background: url(../images/core/title-alfresco.jpg) top left no-repeat;}
#title-marine a {width: 550px; background: url(../images/core/title-marine.jpg) top left no-repeat;}
#title-management a {width: 550px; background: url(../images/core/title-management.jpg) top left no-repeat;}


/**************************
	CTA
**************************/
div#cta {float: right; margin-top: 19px;}

div#cta img {margin-bottom: 13px;}


/**************************
	FOOTER-CONTACT
**************************/
div#footer-contact {
	width: 780px;
	height: 35px;
	clear: both;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;	
}

div#footer-contact p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #685b52;
	margin: 13px 0 0 17px;
}

div#footer-contact p strong {margin-left: 10px;}

div#footer-contact a {color: #988245; text-decoration: underline;}
div#footer-contact a:hover {text-decoration: none;}


/**************************
	FOOTER-BOTTOM
**************************/
div#footer-bottom {
	width: 780px;
	clear: both;
	color: #9d948e;
}

div#footer-bottom p {
	color: #9d948e;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 9px 0 0 5px;
	float: left;
}

div#footer-bottom a {color: #9d948e; text-decoration: underline;}
div#footer-bottom a:hover {text-decoration: none;}

div#footer-bottom img.quality {float: left;}
div#footer-bottom img.webfirm {float: right; margin: 14px 9px 0 0;}