/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich
Date Created:	2007.08.14
File Purpose:	RAW Rawland Cycles - Base Style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

/* widths and heights to change for new client
	#header					width: 150px;				--> height of header with shadows
							margin: 30px 0px 0px 0px;	--> top margin if site is not flush with top
	#table_body 			width: 770px;				--> width of main content between shadows
	.logo_container			height: 110px;				--> height of area above navigation, set margin if there's a shadow
	.navigation_container 	height: 40px;				--> height of navigation bar
		-span				width: 395px;				--> total width of navigation links - float this to move navigation
	.nav_divider			width: 5px;					--> image or width of divider b/w nav links
	.nav_????				width: ???					--> only need to set width once for each nav link image
*/

#header {
	width: 760px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_header.gif) top left no-repeat;
}

.main_logo {
	width: 335px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.navigation_container {
	width: 261px;
	height: 100px;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}

.nav_about {
	width: 83px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about.gif) left no-repeat;
}

.nav_about_on {
	width: 83px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about_on.gif) left no-repeat;
}

#about_nav a, #about_nav a:visited { width: 100%; height: 100%; float: left; }
#about_nav a:hover, #about_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_about_over.gif) left no-repeat; float: left; }

.nav_store {
	width: 103px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_store.gif) left no-repeat;
}

.nav_store_on {
	width: 103px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_store_on.gif) left no-repeat;
}

#store_nav a, #store_nav a:visited { width: 100%; height: 100%; float: left; }
#store_nav a:hover, #store_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_store_over.gif) left no-repeat; float: left; }

.nav_cart {
	width: 75px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_cart.gif) left no-repeat;
}

.nav_cart_on {
	width: 75px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_cart_on.gif) left no-repeat;
}

#cart_nav a, #cart_nav a:visited { width: 100%; height: 100%; float: left; }
#cart_nav a:hover, #cart_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_cart_over.gif) left no-repeat; float: left; }