/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * structure.css
 
 * Change the values to alter the overall layout/structure of the Web site.
 * If you change the container width, you must also change other width values so the sum equals the conatiner value
 * Example - if this Web site is a three column layout, consisting of (going across - #navigation, #main-content, #utility), then the sum of these three columns must equal the width of the container
 */
body { 
	background: url(../../image/background_body.jpg) no-repeat; margin:0;
}
#container {
	position: relative;
	text-align: left;
	float: left;
}
#wrapper {
	position: relative;
	width: 980px;
	float: left;
	padding-top: 0px;
}

/* header */
#header {
	position: fixed;
	padding: 7px 0 7px 10px;
	min-height: 10px;
	float: left;
	left:0;
	width: 100%;
	background: #FFF;
	text-transform: uppercase;
	opacity:0.9;
	z-index: 99999;
	border-bottom: 1px solid #f5f5f5;
}


			
/* navigation */

	ul.navigation {
		width: 204px; 
		float: right;
	}
		
		ul.navigation li {
			float: left; 
		}
			
			ul.navigation li a {
				width: 98px;
				display: block;
				height: 0px;
				padding-top: 98px;
  				overflow: hidden;
  				background: url(../image/navigation.png) no-repeat; 
  			}
				
			ul.navigation li a:hover {
				background-position: 0 -98px; 
			}
		
			ul.navigation li.menu-top a:hover {
				background-position: 0 0;
			}
			
			ul.navigation li.menu-events a {
			}
				
			ul.navigation li.menu-management a {
				background-position: -98px 0; 
			}
				
			ul.navigation li.menu-management a:hover {
				background-position: -98px -98px; 
			}
				
			ul.navigation li.menu-brands a {
				background-position: -196px 0; 
			}
				
			ul.navigation li.menu-brands a:hover {
				background-position: -196px -98px; 
			}
				
			ul.navigation li.menu-junkyard a {
				background-position: -393px 0; 
			}
				
			ul.navigation li.menu-junkyard a:hover {
				background-position: -393px -98px; 
			}
			
			ul.navigation li.menu-careers	a {
				background-position: -393px 0;
			}
			ul.navigation li.menu-careers	a:hover {
				background-position: -393px -98px;
			}
			ul.navigation li.menu-contact a {
				background-position: -491px 0;
			}
			ul.navigation li.menu-contact a:hover {
				background-position: -491px -98px;
			}
			ul.navigation li.menu-clientele a {
				background-position: -294px 0;
			}
			
			ul.navigation li.menu-clientele a:hover {
				background-position: -294px -98px;
			}
			ul.navigation li.menu-top a, #contact-us ul.navigation li.menu-top a {
				background: url(../image/navigation_top.png) no-repeat;
				padding-top: 40px;
				width: 40px;
			}
				
/* navigation-secondary */

	ul.navigation-secondary {
		width: 380px; 
		padding-left: 90px;
		float: left;
		text-transform: uppercase; 
	}
		
		ul.navigation-secondary li {
			float: left;
			text-align: center; 
		}
			
			ul.navigation-secondary li a {
				width: 190px;
				display: block;
				height: 0px;
				padding-top: 44px;
  				overflow: hidden; 
  			}
  				
  			ul.navigation-secondary li a:hover {
  				background-position: 0 -44px;
  			}
  				
  				
  			ul.navigation-secondary-utility {
  				float: left;
	  			text-transform: none;
	  			padding: 15px 0 30px 95px; 
	  		}
  			
			ul.navigation-secondary-utility li {
				float: left; 
			}
				
				ul.navigation-secondary-utility li a {
					padding: 0 5px; 
					font-weight: bold;
				}
	  				
	  			ul.navigation-secondary-utility li a:hover {
	  				text-decoration: underline;
	  			}
			
/* main-content */
#main-content {
	float: left;
	width: 970px;
}

/*
for tabbed contents

*/


