/*
	General layout from http://www.positioniseverything.net/ordered-floats.html
*/
/*======================================================================================================================
// Default settings
*/

*	{
	margin: 0 ;
	padding: 0 ;
	font: 1em/1.6em Arial, Helvetica, sans-serif ;
	color: #333 ;
	}
	

/*======================================================================================================================
// Colours
*/

#header {
	background: white url(_gfx/header.jpg) no-repeat ;
	}

#header {
	background-color: #4ea157 ;
	}
		
#footer {
	background-color: #d66d34 ;
	border: 1px solid #ffb06f ;
	}
		
h1, h2, h3, h4, h5, h6 {
	color: #d66d34 ;
	}

#skiplinks a, #skiplinks em {
	color: #83d184 ;
	}

#footer address, #footer li, #footer p, #footer a {
	color: #ffb06f ;
	}

#main img {
	border: 1px solid #999 ;
	}

#content, #sidebar {
	background: white url(_gfx/sidebar_background.gif) repeat-y ;
	}

#footer a:hover {
	color: #fff ;
	}


/*======================================================================================================================
// Standard elements
*/

body {
	font-size: 76% ;
	}

a	{
	text-decoration: none ;
	}
	
ul {
	list-style : none ;
	}
	
img {
	border: 0 ;
	}


/*======================================================================================================================
// Skiplinks
*/

#skiplinks {
    position: absolute ;
    top: 76px ;
    right: 9px ;
    z-index: 999 ;
    font-size: 0.8em ;
}

#skiplinks em {
    text-decoration: underline ;
}


/*======================================================================================================================
// Header
*/

#header {
	height: 100px ;
	}

#header h1 {
	display: none ;
	}


/*======================================================================================================================
// Content
*/

#content {
	max-width: 760px ;
	padding-bottom: 18px ;
	}

#content p {
	margin-bottom: 9px ;
	}

#content h2 {
	font-family: Arial ;
	font-size: 1.4em ;
	line-height: 1.6em ;
	font-weight: bold ;
	margin-top: 1.2em ;
	margin-bottom: .2em ;
	}

#content h2.first {
	margin-top: 0 ;
	}

#content address {
	margin: 0 0 12px 12px ;
	}

#content address strong {
	font-weight: bold ;
	}

#content a {
	color: #4ea157 ;
	}

#content label {
	color: #d66d34 ;
	margin-right: 6px ;
	margin-left: 32px ;
	float: right ;
	}

#content fieldset {
	width: 75% ;
	border: none ;
	margin: 15px ;
	padding: 9px ;
	background-color: #f9f9f9 ;
	}
	
#content ul {
	margin: 18px ;
	}
	
#content li {
	margin-bottom: 0px ;
	}


/*======================================================================================================================
// Main
*/

#main {
	margin: 24px 0 0 150px ;
	padding: 18px ;
	}

#main img {
	margin: 6px -48px 12px 18px ;
	padding: 3px ;
	}


/*======================================================================================================================
// Sidebar
*/

#sidebar {
	position: absolute ;
	top: 124px ;
	width: 150px ;
	padding-top: 12px ;
	padding-bottom: 18px ;
	}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar p, #sidebar ul, 
#sidebar img, #sidebar dl, #sidebar blockquote, #sidebar cite {
	margin: 0 12px 0 12px ; 
	}

#sidebar p {
	color: #464646 ;
	font-size: 0.75em ;
	line-height: 1.6em ;
	margin-bottom: 0.8em ;
	}


/*======================================================================================================================
// Navigation
*/

#navigation {
	position: absolute ;
	top: 100px ;
	width: 100% ;
	height: 24px ;
	font-size: 1px ;
	line-height: 1px ;
	background-color: #ec7032 ;
	}

#navigation ul {
	width: 561px ;
	margin-left: 144px ;
	}

#navigation li a, #navigation li ul li a {
	display: block ;
	float: left ;
	height: 24px ;
	background: #e6e6e6 url(_gfx/navigation.gif) no-repeat ;
	}

#navigation li span {
	visibility: hidden ;
	}

#navigation a:hover {
	background-color: white ;
	}


/*----------------------------------------------------------------------------------------------------------------------
//  Default
*/

#navigation #navhome li, #navigation #navhome a {
	width: 52px ;
	background-position: 0 0 ;
	}

#navigation #navcommercial li, #navigation #navcommercial a {
	width: 87px ;
	background-position: -52px 0 ;
	}

#navigation #navpromo li, #navigation #navpromo a {
	width: 89px ;
	background-position: -139px 0 ;
	}

#navigation #navdigi li, #navigation #navdigi a {
	width: 57px ;
	background-position: -329px 0 ;
	}

#navigation #navlabels li, #navigation #navlabels a {
	width: 58px ;
	background-position: -386px 0 ;
	}

#navigation #navgifts li, #navigation #navgifts a {
	width: 101px ;
	background-position: -228px 0 ;
	}

#navigation #navcontact li, #navigation #navcontact a {
	width: 80px ;
	background-position: -444px 0 ;
	}


/*----------------------------------------------------------------------------------------------------------------------
//  Hover
*/

#navigation #navhome a:hover {
	background-position: 0 -24px ;
	}

#navigation #navcommercial a:hover {
	background-position: -52px -24px ;
	}

#navigation #navpromo a:hover {
	background-position: -139px -24px ;
	}

#navigation #navdigi a:hover {
	background-position: -329px -24px ;
	}

#navigation #navlabels a:hover {
	background-position: -386px -24px ;
	}

#navigation #navgifts a:hover {
	background-position: -228px -24px ;
	}

#navigation #navcontact a:hover {
	background-position: -444px -24px ;
	}


/*----------------------------------------------------------------------------------------------------------------------
//  Current (Disabled)
*/

#navigation.home #navhome a {
	background-position: 0 -48px ;
	}

#navigation.commercial #navcommercial a {
	background-position: -52px -48px ;
	}

#navigation.promo #navpromo a {
	background-position: -139px -48px ;
	}

#navigation.digital #navdigi a {
	background-position: -329px -48px ;
	}

#navigation.labels #navlabels a {
	background-position: -386px -48px ;
	}

#navigation.gifts #navgifts a {
	background-position: -228px -48px ;
	}

#navigation.contact #navcontact a {
	background-position: -444px -48px ;
	}


/*======================================================================================================================
// Footer
*/

#footer {
	clear: both ;
	padding: 9px 12px 12px 168px ;
	border-width: 2px 0 0 0 ;
	}

#footer address, #footer p, #footer li a {
	font-size: 0.85em ;
	line-height: 1.5em ;
	}

#footer li {
	display: inline ;
	}


/*======================================================================================================================
// Page specific
*/


/*======================================================================================================================
// EOF
*/

