/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	height: 100%;
}

div#container {
	width: 836px;
	margin: 0 auto;
	text-align: left !important;
}

div#header {
	position: relative;
	width: 100%;
	height: 43px;
	margin-top: 50px;
}

		div#header h1 {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 675px;
			height: 43px;
			background-image: url(/images/top_nav/nav_bg.gif);
			background-position: top left;
			background-repeat: no-repeat;
			text-indent: -30000px;
		}
		
		div#header ul {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			height: 43px;
			text-indent: -30000px;
		}
		
			div#header ul li {
				list-style-type: none;
			}
			
			div#header ul a {
				display: block;
				position: absolute;
				top: 2px;
				height: 30px;
				overflow: hidden;
				background-position: top left;
				background-repeat: no-repeat;
			}
			
			div#header ul a:hover {
				background-position: 0 -27px;
			}
			
				div#header ul a#music {
					left: 274px;
					width: 46px;
					background-image: url(/images/top_nav/nav_music.gif);
				}
				
				div#header ul a#portraits {
					left: 328px;
					width: 70px;
					background-image: url(/images/top_nav/nav_portraits.gif);
				}
				
				div#header ul a#media {
					left: 408px;
					width: 46px;
					background-image: url(/images/top_nav/nav_media.gif);
				}
				
				div#header ul a#art {
					left: 462px;
					width: 28px;
					background-image: url(/images/top_nav/nav_art.gif);
				}
				
				div#header ul a#events {
					left: 498px;
					width: 52px;
					background-image: url(/images/top_nav/nav_events.gif);
				}
				
				div#header ul a#aboutCurt {
					top: 2px;
					left: 575px;
					width: 80px;
					height: 16px;
					background-image: url(/images/top_nav/nav_about.gif);
				}
				
				div#header ul a#clientList {
					top: 25px;
					left: 575px;
					width: 80px;
					height: 16px;
					background-image: url(/images/top_nav/nav_clients.gif);
				}
				
				div#header ul li#phoneNum {
					display: block;
					position: absolute;
					top: 2px;
					left: 685px;
					width: 125px;
					height: 15px;
					background-position: top left;
					background-repeat: no-repeat;
					background-image: url(/images/top_nav/navbar_phoneNum.gif);
				}
				
				div#header ul a#email {
					top: 20px;
					left: 685px;
					width: 125px;
					height: 24px;
					background-image: url(/images/top_nav/nav_email.gif);
				}
					
				div#header ul a#email:hover {
					background-position: 0 -25px;
				}
				
				/* Assign a 'you are hear' color based on the BODY ID tag */
				body#pageMusic div#header ul a#music { background-position: 0 -27px; }
				body#pagePortraits div#header ul a#portraits { background-position: 0 -27px; }
				body#pageMedia div#header ul a#media { background-position: 0 -27px; }
				body#pageArt div#header ul a#art { background-position: 0 -27px; }
				body#pageEvents div#header ul a#events { background-position: 0 -27px; }
				body#pageAbout div#header ul a#aboutCurt { background-position: 0 -27px; }
				body#pageClients div#header ul a#clientList { background-position: 0 -27px; }