/* Body hold checkerboard pattern and sets a default text look */
body {
	background: url('../images/background.png') #444444 top left repeat;
	margin: 0px 0px 0px 0px;
	
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
}

/* The floating car picture in the top right */
div.cars {
	position: absolute;
	width: 600px; 
	height: 300px;
	right: 0px;
	top: 0px;
	background: transparent url('../images/cars.png') no-repeat scroll;
	z-index: 10;
}

/* Wrapper over the whole page applies the black-transparent gradient over the checkerboard */
div.wrapper {	
	background: url('../images/grade.png') transparent top left repeat-x;
	width: 100%;
	height: 700px;
}

/* Large table holds main content - header, menu, body, footer */
table.container {
	width: 1000px;
	margin: 0px auto;
	border: 0px 0px;
	border-collapse: collaspe;
	border-spacing: 0px;
}

/* Applies the translucent background under the menu and holds specific dimensions */
tr.menu_cell {
	width: 996px;
	height: 100px;
	background: url('../images/menu_background.png') transparent bottom left no-repeat;
	vertical-align: top;	
}

/* Smaller table for menu holds the panel with orange glow. 
Absolute positioning is needed to keep z-index on top of the cars image */
table.menu {
	width: 772px;
	height: 88px;
	background: url('../images/menu_panel.png') transparent top left no-repeat;
	vertical-align: top;
	position: absolute;
	z-index: 500;
}

/* Apples some style to the menu - see a.menu_link for specifics */
tr.menu_links {
	text-align: center;
	vertical-align: middle;	
	font-size: 16px;
}

/* Main body background under the entire row */
tr.content_main {
	background: url('../images/content_background.png') transparent top left repeat-y;
}

/* Any content in the main body needs to be kept away from the edges of the background */
div.content_main {
	margin: 10px 20px 10px 20px;
}

/* Gallery is a special case - */
div.gallery_main{
	margin: 10px;
	height: 550px; /* Same height as the iframe */
}

/* Second wrapper for gallery allows absolute position and z-index set
Protects the gallery from sliding under car image at low rez */
div.gallery_wrapper{
	margin-left: 36px;
	position: absolute;
	z-index: 500;
}

/* Sets specifics to control the footer and background to finish off translucent panel */
tr.content_foot {
	width: 996px;
	height: 100px;
	background: url('../images/footer_background.png') transparent top left no-repeat;
	text-align: center;
	vertical-align: top;
}

/* Style for Main Menu links */
a.menu_link:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #ffffff;		/* ff4e08 */
	letter-spacing: 3px;
	font-variant: small-caps;
	text-decoration: none;
}

a.menu_link:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #ffffff;		/* ff4e08 */
	letter-spacing: 3px;
	font-variant: small-caps;
	text-decoration: none;
}

a.menu_link:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #ff4e08;
	letter-spacing: 3px;
	font-variant: small-caps;
	text-decoration: none;
}

a.menu_link:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #ff4e08;
	letter-spacing: 3px;
	font-variant: small-caps;
	text-decoration: none;
}

/* Style for normal page links */