/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.03.16
PURPOSE:		Base Style sheet for VenYou Artist Header
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
*/

.main_header_text {
	width: 100%;
	height: 20px; /* TAKE OUT HEIGHT IF TEXT IS IN THIS SPOT FOR A CLIENT */
	margin: 0px;
	padding: 0px;
	color: #cccccc;
	float: left;
}

#header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.main_logo {
	margin: 23px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.alt_logo {
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
}

ul.navigation_container {
	width: 600px;
	height: 25px;
	margin: 28px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
	list-style: none;
}
ul.navigation_container li {
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background-repeat: no-repeat;
}
ul.navigation_container span { display: none; }
li.nav-on { background-position: bottom left; }
li.nav-off { background-position: top left; }
.navigation_container a, .navigation_container a:visited, .navigation_container a:hover, .navigation_container a:active { 
	width: 100%;
	height: 100%;
	float: left;
}
li.divider {
	width: 37px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
li.about {
	width: 48px;
	background-image: url(/_images/nav/about.gif);
}
li.portfolio {
	width: 61px;
	background-image: url(/_images/nav/portfolio.gif);
}
li.galleries {
	width: 67px;
	background-image: url(/_images/nav/galleries.gif);
}
li.events {
	width: 48px;
	background-image: url(/_images/nav/events.gif);
}
li.shop {
	width: 39px;
	background-image: url(/_images/nav/shop.gif);
}
li.links {
	width: 35px;
	background-image: url(/_images/nav/links.gif);
}
li.contact {
	width: 64px;
	background-image: url(/_images/nav/contact.gif);
}