@charset "utf-8";
@media screen {

	/******************************************
	SHARED PROPERTIES
	******************************************/
	body {
		position: relative;
		margin: 0;
		padding: 0;
		
		font: 12px/1.4em normal Arial, Helvetica, sans-serif;
		color: #666;
		text-align: center;
		
		background: #000 url('../images/site/bkgd_tile_323x323.gif') repeat left top;
		min-width: 900px;
	}
	
	h1, h2, h3, h4, h5 {
		text-transform: uppercase;
		letter-spacing: normal;
	}
	
	h1, h2, h3, h4, h5, ul, li {
		margin: 0;
		padding: 0;
	}
	
	h1 { font-size: 24px; font-weight: normal; }
	h2 { font-size: 20px; font-weight: normal; }
	h3 { font-size: 14px; }
	
	a, a:link {
		color: #F00;
		text-decoration: none;
		noFocusLine: expression(this.onFocus=this.blur());
		outline: none;
	}
	a:hover { text-decoration: underline;}
	/* For removing focus outlines when clicking links */
	*:focus { 
		outline: none; 
	}
	
	p { margin: 0 0 1em; }
	
	img, a img { border: 0; }
	.image img, .image a img { border: 1px solid #CCC; }

	ul, ul li { list-style: outside none none; }
	
	table, tr, td {
		border-collapse: collapse;
		border-spacing: 0;
		border: 0;
		padding: 0;
		vertical-align: middle;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
REMEMBER!
In order for .clearfix to function properly in IE the containing element that surrounds .clearfix 
MUST have a defined width.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	a.arrow-link {
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0;
		text-transform: uppercase;
		background: transparent url('../images/site/link_arrow_3x10.gif') no-repeat right center;
		padding-right: 6px;
	}



	/******************************************
	SITE
	******************************************/	
	div#site {
		position: relative;
		width: 900px;
		margin: 0 auto;
		text-align: left;
		background-color: #000;
	}



	/******************************************
	NAV SUPER
	******************************************/	
	div#nav-super {
		min-height: 30px;
		height: 30px;
	}



	/******************************************
	MASTHEAD
	******************************************/	
	div#masthead {
		position: relative;
		background: #000 url('../images/site/masthead_900x190.jpg') no-repeat left top;
		width: 900px;
		height: 190px;
	}
	div#masthead h1 {
		position: absolute;
		top: 82px;
		left: 200px;
		font-size: 30px;
		font-weight: normal;
		color: #FFF;
		padding: 5px;
	}



	/******************************************
	NAV
	******************************************/	
	div#nav {}
	div#nav ul {
		background-color: #F00;
	}
	div#nav ul li {
		float: left;
		display: inline;
		width: 300px;
		height: 50px;
	}
	div#nav ul li a {
		display: block;
		height: 0 !important;
		overflow: hidden;
		padding: 50px 0 0;
		background: transparent url("../images/site/nav_900x150.gif") no-repeat 0px 0px;
		text-indent: -999em;
	}
	div#nav ul li#home a { background-position: 0px 0px; }
	div#nav ul li#home a:hover { background-position: 0px -50px; }
	
	div#nav ul li#portfolio a { background-position: -300px 0px; }
	div#nav ul li#portfolio a:hover { background-position: -300px -50px; }
	
	div#nav ul li#contact a { background-position: -600px 0px; }
	div#nav ul li#contact a:hover { background-position: -600px -50px; }



	/******************************************
	INTRO COPY/DIVIDER
	******************************************/	
	div.divider {
		background: #F00 url('../images/site/redbar_10x20.gif') repeat-x left bottom;
		min-height: 20px;
		height: 20px;
	}
	div#intro-copy {
		background-image: url('../images/site/redbar_10x150.gif');
		height: auto !important;
		padding: 24px 40px 34px;
		color: #FFF;
	}
	div#intro-copy h1 { font-size: 20px; margin-bottom: 5px; }
	div#intro-copy p { font-size: 16px; line-height: 1.2em; margin-bottom: 0; }
	div#intro-copy a { color: #FC0; }
	



	/******************************************
	CONTENT MAIN
	******************************************/	
	div#content-main {
		background: #FFF url('../images/site/main_content_bkgd_10x20.gif') repeat-x left top;
		width: 820px;
		margin: 0 20px;
		padding: 30px 20px 20px;
	}
	div#content-main h2 {
		margin-bottom: 20px;
		padding-bottom: 10px;
		background: transparent no-repeat left bottom;
	}



	/******************************************
	BREADCRUMB
	******************************************/	
	div#breadcrumb {
		margin-bottom: 10px;
	}
	div#breadcrumb ul, div#breadcrumb ul li {
		font-weight: bold;
		font-size: 11px;
		color: #666;
		text-transform: uppercase;
	}
	div#breadcrumb ul, div#breadcrumb ul li a {
		color: #900;
	}
	div#breadcrumb ul li a#back-to-previous-page {
		background: transparent url('../images/site/link_arrow2_3x10.gif') no-repeat left center;
		padding-left: 6px;
	}




	/******************************************
	FOOTER
	******************************************/	
	div#footer {
		margin: 0 auto;
		color: #999;
		width: 900px;
		text-align: center;
	}
	div#footer-nav {
		padding: 10px 0;
	}
	div#footer-nav ul {
		display: table;
		margin: 0px auto;
		white-space: nowrap;
	}
	/* Google Chrome/Safari 3.x Hack */
	body:nth-of-type(1) div#footer-nav ul {
		padding-top: 10px;
	}
	div#footer-nav ul li {
		display: table-cell;
		padding: 0 1em;
	}
	div#footer-nav ul li a {
		display: block;
		color: #999;
	}
	div#footer-nav ul li a:hover {
		color: #FFF;
	}
	div#footer-legal {
		background: transparent url('../images/site/footer_border_860x1.gif') no-repeat center top;
		padding: 10px 0 20px;
	}



}