﻿
	body
	{
		width:100%;
		text-align:center;
		background:#2d2d2d;
		font-family:Corbel, Trebuchet MS, Arial, Sans-Serif;
	}
	
	#header,
	#content-container-holder,
	#footer
	{
		width:980px;
		margin:0 auto;
		clear:both;
		text-align:left;
	}
	

/*
	Header
*/
	#header-container
	{
		height:227px;
		background:black url('../_design/banner-container-black-fade.jpg') repeat-x bottom left;
	}
	
	#header
	{
		position:relative;
		overflow:hidden;
		background:transparent url('../_design/header-bg.jpg') no-repeat top right;
	}

	#header ul#services,
	#header q
	{
		display:none;
	}

	#header-container a#hadlee-logo
	{
		display:block;
		width:291px; height:227px;
		text-indent:-9999px;
		overflow:hidden;
		background:transparent url('../_design/hadlee-logo.jpg') no-repeat top left;
	}

	/* emergency contact */
	#header dl
	{
		color:white;
		position:absolute;
		right:50px; top:50px;
		font-family:Arial;
		text-align:center;
	}
	
	#header dl dt
	{
		text-transform:uppercase;
		font-weight:bold;
	}

	#header dl dd
	{
		font-size:2.5em;
		padding:.2em 0;
	}
	
	/* Banner slideshow */
	#banners
	{
		background:white;
		height:273px;
		position:relative;
	}

	#banners li
	{
		position:absolute;
		top:0; left:0;
	}


/*
	Main menu
*/
	#header #main-menu
	{
		position:absolute;
		right:0; top:170px;
	}

	#header #main-menu li
	{
		float:left;
	}

	#header #main-menu li a
	{
		display:block;
		color:#e5e5e5;
		padding:10px 30px 50px 30px;
		text-decoration:none;
	}

	#header #main-menu li a:hover
	{
		color:#666;
	}

	/* selected menu pages */
	#page-home #header #main-menu-home a,
	.section-services #header #main-menu-services a,
	.section-about #header #main-menu-about a,
	#page-jobs #header #main-menu-jobs a,
	#page-links #header #main-menu-links a,
	#page-contact #header #main-menu-contact a
	{
		background:#ffcc00;
		color:black;
	}


/*
	Content container
*/
	#content-container-wrap
	{
		background:transparent url('../_design/content-container-black-stripe.jpg') repeat-x bottom left;
	}
	
	#content-container-holder
	{
		background:transparent url('../_design/content-container-truck.jpg') no-repeat bottom left;
		min-height:400px;
		padding:0 0 200px;
	}
	
	#content-container
	{
		/**/
	}
	
/*
	Secondary nav
*/
	#secondary-menu-container
	{
		width:245px;
		float:left;
		background:transparent url('../_design/secondary-menu-circles.jpg') no-repeat bottom left;
		min-height:500px;
	}

	#secondary-menu
	{
		padding:20px;
	}

	#secondary-menu ul.menu
	{
		font-size:.9em;
	}

	#secondary-menu ul.menu li a
	{
		color:#e5e5e5;
		text-decoration:none;
		display:block;
		padding:5px 0;
	}

	#secondary-menu ul.menu a:hover
	{
		color:#ffcc00;
	}


	/* Submenu */	
	#secondary-menu ul.menu ul
	{
		padding-left:30px;
		font-size:.9em;
	}

	
	/* selected pages */
	#page-services-plumbing #submenu-services-plumbing a,
	#page-services-drainclearing #submenu-services-drainclearing a,
	#page-services-drainlaying #submenu-services-drainlaying a,
	#page-services-drilling #submenu-services-drilling a,
	#page-services-connection #submenu-services-connection a,
	#page-services-fabrication #submenu-services-fabrication a,
	#page-services-heating #submenu-services-heating a,
	#page-services-treatment #submenu-services-treatment a,
	#page-services-consultancy #submenu-services-consultancy a,
	#page-services-other #submenu-services-other a,
	#page-about-history #submenu-about-history a,
	#page-about-staff #submenu-about-staff a
	{
		color:#ffcc00;
		font-size:1.1em;
	}
	
	/* drilling submenu selected pages */
	#page-services-drilling-fleet #submenu-services-drilling-fleet a,
	#page-services-drilling-support #submenu-services-drilling-support a,
	#page-services-horizontal-drilling #submenu-services-horizontal-drilling a,
	#page-services-drilling-reasons #submenu-services-drilling-reasons a
	{
		color:#ffcc00;		
	}

	
	#page-services-drilling #submenu-services-drilling ul a
	{
		color:#e5e5e5;
	}

/*
	Content
*/
	#content-container
	{
		width:485px;
		float:left;
	}

	#content
	{
		padding:20px 30px;
	}

	#content h1
	{
		padding:.8em 0;
		font-size:1.5em;
		text-transform:uppercase;
	}

	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6
	{
		font-size:1.2em;
		padding:.5em 0 .2em 0;
		color:#996633;
	}

	#content p
	{
		padding:0 0 1.6em 0;
		line-height:1.2em;
	}
	
	#content a
	{
		text-decoration:underline;
	}

	#content a:hover
	{
		text-decoration:none;
	}
	
	#content ul.normal
	{
		padding:0 0 1.6em 0;
	}

	#content ul.normal li
	{
		padding:.3em 0;
		list-style-type:square;
		margin-left:20px;
	}
	
	#content ol
	{
		padding:0 0 1.6em 0;
	}

	#content ol li
	{
		padding:.3em 0;
		margin-left:20px;
		list-style-type:decimal;
	}

/*
	Photo Gallery
*/
	#content ul.photo-gallery
	{
		float:left;
		width:100%;
	}
	
	#content ul.photo-gallery li
	{
		float:left;
		padding:5px;
		margin:4px;
		display:inline;
		border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #666; border-right:1px solid #666;
	}

	#content ul.photo-gallery li img
	{
		width:120px; height:90px;
	}


/*
	Aside 1
*/
	#aside1-container
	{
		width:250px;
		float:left;
	}
	
	#aside1 ul.button-list
	{
		padding:20px 10px;
	}

	#aside1 ul.button-list li
	{
		padding:5px 0;
	}
	
	#aside1 ul.button-list li a
	{
		display:block;
		width:218px; height:62px;
		line-height:62px;
		background:transparent url('../_design/menu-button.jpg') no-repeat top left;
		text-indent:60px;
		color:white;
		text-decoration:none;
	}
	
	#aside1 ul.button-list li a:hover
	{
		color:#888;
	}
	

/*
	Footer
*/
	#footer-container
	{
		height:231px;
		background:#2d2d2d url('../_design/footer-container-black-fade.jpg') repeat-x top left;
		color:#e5e5e5;
	}
	
	#footer p
	{
		text-align:center;
		padding:20px 0;
	}
	
	#footer a
	{
		color:#ffcc00;
		text-decoration:underline;
	}

	#footer a:hover
	{
		text-decoration:none;
	}

/*
	Structure
*/
	.clear
	{
		clear:both;
		width:100%;
		height:0;
		margin-bottom:-1px;
	}
