/* --------------------------------------------------------------------------------------------------------
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: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

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

.navigation_container {
	width: 100%;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ee8a1d;
}

.navigation_container span {
	width: 412px;
	height: 100%;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}

.nav_divider {
	width: 8px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

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

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

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

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

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

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

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

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

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

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