@charset "UTF-8";
/* CSS Document */

/*  -- Reset Defaults --  */

body, h1, h2, h3, h4, h5, a, p, img, div, ol, ul, li, caption, blockquote, cite
	{
	margin:0;
	padding:0;
	border:none;
	}

/*  -- Containers --  */
html
	{
	width:100%;
	}
	
body
	{
	width:100%;
	margin:0;
	padding:0;
	}
	
div#container
	{
	margin:0 auto;
	margin-top:9px;
	padding:0;
	position:relative;
	width:975px;
	}
	

/*  -- 1. Header / Branding -- */
div#header
	{
	min-height:225px;
	position:relative;
	}
	
div#header h1, div#header h2, div#header h3, div#header p
	{
	text-indent:-9999px;
	}
	
img#logo_hayes
	{
	position:absolute;
	top:54px;
	left:50px;
	}
	
a#customer
	{
	position:absolute;
	top:44px;
	right:25px;
	}

a#employee
	{
	position:absolute;
	top:71px;
	right:25px;
	}

/*  -- 2. Main Navigation -- */
#nav_main
	{
	margin:0;
	padding:0;
	position:absolute;
	top: 180px;
	left: 33px;
	width:775px;
	z-index: 80;
	}

#menu
	{	
	position:relative;
	margin: 0;
	padding: 0;
	z-index: 80;
	}

#menu li
	{	
	display: block;
	margin:0px 6px 0 6px;
	padding: 2px 0px;
	float: left;
	}

#menu li a
	{	
	}

#menu li a:hover
	{
	}

#menu ul
	{	
	position: absolute;
	visibility: hidden;
	margin:0px 0 0 0px;
	padding:3px 0 0 0;
	border:none;
	width: 150px;
	z-index:100;
	cursor:pointer;
	}
	
#menu ul li
	{
	list-style-type:disc;
	}

#menu ul li a
	{	
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 0px;
	width: 135px;
	cursor:pointer;
	}

#menu ul li a:hover
	{	
	}

/*  -- 3. Content Container -- */
div#content_container
	{
	width:975px;
	min-height:700px;
	}

/*  --4. Main Content -- */
div#content_main
	{
	float:left;
	width:480px;	
	padding:30px 10px 50px 35px;
	}
	
span.click
	{
	margin:5px 3px;
	}
	
span.photos
	{
	margin:0px 15px;
	}

/*  -- 5. Subordinate Content -- */
div#content_sub
	{
	float:right;
	width:355px;
	padding:20px 50px 0 20px;
	}
	
img#media_player
	{
	}
	
div#content_sub hr
	{
	width:360px;
	}
	
div#content_sub p
	{
	}

/*  -- 6. Footer -- */
div#footer
	{
	clear:both;
	width:975px;
	height:58px;
	position:relative;
	}
	
ul#nav_sub
	{
	margin:0 40px;
	}
	
#nav_sub li
	{
	display: block;
	margin:0px;
	padding: 0px 1px;
	float: left;
	}
	
p.nav_sub, p.nav_sub a:link, p.nav_sub a:visited, p.nav_sub a:hover
	{
	padding-top:10px;
	margin:0px;
	}
	
p#copyright 
	{
	padding:11px;
	margin:0 10px;
	float:left;
	}

p#mwl
	{
	display: block;
	margin-top:11px;
	padding: 0px 1px;
	float: left;	
	}

img#logo
	{
	margin:6px 0 0 5px;
	}