/*-----------------------------------------------------------------------------------
  Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  body { line-height: 1; }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------
  Elements
---------------------------*/
	body { font-size: 62.5%; font-family: "Lucida Grande", Arial, sans-serif; 
	color: #676767; background: #000000 url('../images/logo_background.jpg') no-repeat; text-align: center;}

	/* h tags */
	h1 {font-size: 16px; color: #FFFFFF; letter-spacing:1px; text-transform: uppercase; margin: 30px 0px 15px 0px; font-weight: normal;}
	h2 {font-size: 10px; letter-spacing:1px; text-transform: uppercase;}
	h3 {}
	h4 {}
	h5 {}
	
	p {line-height: 1.5;}
	strong {}

	/* links */
	a {text-decoration: none;}
	a:hover {color: #FFFFFF;}
	a:focus {color: #FFFFFF;}
	a:visited {color: #676767;}
	
	fieldset {}
	span {}
	
	/* Creates a numbered list */
	ol {}
	/* Precedes each list item, and adds a number */
	li {}
	.nav a, .nav a:active, .nav a:visited {color: #676767; letter-spacing:1px; text-transform:uppercase; text-decoration: none; font-weight:normal;}
	.nav a:hover {color: #FFFFFF;}
	
	.nav_active a, .nav_active a:active, .nav_active a:visited {color: #FFFFFF; letter-spacing:1px; text-transform:uppercase; text-decoration: none; font-weight:normal;}
	.nav_active a:hover {color: #FFFFFF;}
	
	/* Creates a bulleted list */
	ul {}
	
	/* Creates a definition list */
	dl {}
	/* Precedes each definition term */
	dt {}
	/* Precedes each definition */
	dd {}
	
	/* Inserts a horizontal rule */
	hr {}
	
	/* Indents text from both sides */
	blockquote {}
	#wrapper { margin: 0 auto; width: 700px; text-align: left;}
	#sub_navigation {height:20px; float: right; margin-bottom:10px;}
	#sub_navigation li { float: right; margin: 0px 0px 0px 10px;}
	
	#navigation { 
		float:left; height:20px; margin-bottom:10px;
	}
	#navigation ul{ 
		
	}
	#navigation li { float: left; margin: 0px 10px 0px 0px;}
	
	
	#photos {
		postion:relative;
		top:0px;
		left:0px;
		width:700px;
		height:800px;
		padding:0;
		margin: 20px 0px 0px 0px;	
		overflow:hidden;
		
	}
	#photos ul {
		
		margin: 0 auto;
		height: 100px;
		width:10000%;
		
	}
	#photos li {
		float:left;
		clear: none;
		margin:0 auto;
		
	}
	#photos li img {
	margin:0px 119px 0px 119px; position: relative; width:462px;
	}
	#footer{ color:#333; font-size: 9px; margin: 10px 0px; padding:4px 0px; border-top:1px solid #222;}
	
	#about{display:block; height:130px; margin: 0px 0px 0px 0px; clear:both;}
	#about p {margin:0; padding:0; color:#333333;}
	#about h2{padding: 0px 0px 5px 0px; text-transform:none; color:#333333;}
	
	#contact{display:block; height:130px; margin: 0px 0px 0px 0px; clear:both;}
	#contact p {margin:0; padding:0; color:#333333;}
	#contact h2{padding: 0px 0px 5px 0px; text-transform:none; color:#333333;}
	
	#contact a {text-decoration: none; color:#333;}
	#contact a:hover {color: #FFFFFF;}
	/*
	.prev {display: block; width: 25px; height: 42px; background: url(../images/prev.png) no-repeat 0px 0px; 
	position: relative; left: -45px; top:154px;}
	.prev:hover {background-position: 0px -43px; }
	.next {display: block; width: 25px; height: 42px; background: url(../images/next.png) no-repeat 0px 0px;  
	position: relative; left: 482px; top:112px;}
	.next:hover {background-position: 0px -43px; }
	*/
	#arrows {height:10px; width:700px; margin:10px 0px;  padding:4px 0px; border-top:1px solid #222;  border-bottom:1px solid #222; clear:both;}
	
	#arrows .prev {display: block; text-transform: uppercase; float: left; letter-spacing:1px; font-size: 9px; color: #666;}
	#arrows .prev:hover {color: #FFFFFF; text-decoration:none; }
	
	#arrows .next {display: block; text-transform: uppercase; float: right; font-size: 9px; letter-spacing:1px; color: #666;}
	#arrows .next:hover {color: #FFFFFF; text-decoration:none; }
/*---------------------------
  Global
---------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }