/* Reset Existing Elements
************************************************/

*
{
	padding: 0;
	margin: 0;
	line-height: 1;
	list-style-type: none;
}

body
{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
}

a
{
	outline: none;
	color: #F26F21;
	text-decoration: none;
}

a:hover { color: #000000 }

#left a { text-decoration: underline }


/* Headings, Paragraphs, Anchors and Images
************************************************/

#strapline
{
	font-size: 11px;
	color: #C0C0C0;
	padding: 10px;
	position: relative;
	text-align: center;
	top: 1430px;
}

/* Headings, Paragraphs, Anchors and Images
************************************************/

b
{
	color: #000000;
}

img
{
	border: 0;
}


/* Container
************************************************/

#container
{
	margin: 30px auto;
	width: 986px;
	margin-bottom: 0;
}

/* Header
************************************************/

#header
{
	height: 105px;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position:center;
}

/* Logo and Home button
************************************************/

#logo
{
	float: left;
	display: block;
	padding:25px;	
}

#home
{
	position: relative;
	top: 36px;
	right: 25px;
	float: right;
}


/* Main Navigation
************************************************/

#header ul
{
	position: relative;
	top: 48px;
	left: 80px;
}

#header ul li
{
	float: left;
	width: 160px;
}

#header ul li a
{
	display: block;
	color: #FFFFFF;
	padding: 5px 10px;
	font-size: 12px;
	
	background-image: url(../images/nav-bg.png);
	background-repeat: repeat-y;
	background-position: right;
}

/* Individual Navigation Colour Schemes */

#nav-products { background-color: #2EBDB7 }
#nav-about { background-color: #F26F21 }
#nav-customers { background-color: #648B43 }
#nav-contact { background-color: #B9BC8F }

/* Title Colours */

#nav-products dt { color: #2EBDB7 }
#nav-about dt { color: #F26F21 }
#nav-customers dt { color: #648B43 }
#nav-contact dt { color: #B9BC8F }

/* Main Navigation Drop Downs
************************************************/

#header ul li div
{
	display: none;
	position: absolute;
	left: -80px;
	width: 100%;
	height: 420px;
	background-image: url(../images/nav-dropdown-bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 1000;
}

#header ul li div dl
{
	margin-top: 50px;
	margin-left: 20px;
	width: 120px;
	float: left;
}

#header ul li div dt
{
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
	font-size: 12px;
}

#header ul li div dd
{
	margin: 0;
	border-top: 1px solid #C0C0C0;
}

#header ul li div dd a
{
	display: block;
	color: #595959;
	padding: 5px 0;
	font-size: 11px;
	background-image: none;
}

#header ul li div dd a:hover
{
	color: #111111;
}

#header ul li div dl img
{
	margin: 10px 0;
}

/* Hero Banner
************************************************/

#hero
{
	text-align: center;
	background-image: url(../images/hero-bg.png);
	height: 416px;
	background-repeat: no-repeat;
}

#hero p
{
	margin:0;
	padding: 0;
	line-height: 0;
}

/* Homepage Boxes
************************************************/

ul#feature-boxes li
{
	float: left;
	margin: 5px 6px 0px 1px;
	text-align: center;
}

ul#feature-boxes li.first
{
	margin-left: 0;

}

ul#feature-boxes li.last
{
	margin-right: 0;
}


#homepage-content
{
	margin-top: 10px;
	border: 1px solid #E4E4E4;
	border-bottom: 0;
	padding: 10px;
}

#homepage-content h1
{
	color: #F26F21;
        font-size: 15px;
	border-bottom: 1px solid #E6E6E6;
	margin: 15px;
	padding:  0 0 20px 0;
}

#homepage-content p
{
	margin: 10px 10px;
	line-height: 130%;
	color: #333333;
	font-size: 12px;
}

#homepage-content .column
{
	float: left;
	width: 310px;
	margin: 0 5px;
}

/* Lower Bar
************************************************/

#lower-bar
{
	min-height: 150px;
	margin: 0 auto 0;
	background-image: url(../images/lower-bar-bg.png);
	background-position: bottom;	
	background-repeat: repeat-x;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
}

#lower-bar ul
{
	margin: 20px 5px;
	width: 154px;
	float: left;
	
}

#lower-bar ul li
{
	float: left;
	width: 154px;
}

#lower-bar ul li a
{
	display: block;
	padding: 6px;
	color: #888888;
	line-height: 130%;
	border-top: 1px solid #E7E7E7;
	font-size: 12px;
}

#lower-bar ul li.first a
{
	border-top: none;
}

#lower-bar ul li a:hover
{
	color: #333333;
}


/* Footer
************************************************/

#footer
{
	text-align: center;
	color: #999999;
	font-size: 10px;
	border: 1px solid #E4E4E4;
	border-top: 0;
	width: 984px;
	margin: 0 auto 20px;
	padding: 20px 0;
}

#footer img
{
	margin: 0 40px 20px 0;
	vertical-align: middle;
	position: relative;
	top: -10px;
}

#footer p
{
	color: #C0C0C0;
	text-align: center;
	line-height: 130%;
}


/* Content Area
************************************************/


#content
{
	clear: both;
	background-image: url(../images/content-bg.png);
	background-position: center;
	background-repeat: repeat-y;
	padding: 0 10px 10px 10px;
	margin-top: 20px;
}

#content .content-section
{
	border-top: 1px solid #E2E2E2;
	color: #FFFFFF;
}

.column
{
	margin-left: 10px;
}
.column.first
{
	margin-left 0;
}

#news-ticker
{
	border: 1px solid #E4E4E4;
	padding: 12px;
	margin-top: 8px;
	background-image: url(../images/news-ticker-bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 130px;
}

#news-ticker ul li a
{
	color: #999999;
	font-weight: bold;
}

#news-ticker ul li a:hover
{
	color: #F26F21;
}

.news-image
{
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #E6E6E6;
}