/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #6C5645 url('../img/bg.gif') top left repeat;
	margin: 45px 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 	

	width: 442px; height: 21px;
	margin: 30px 0px 0 0; padding: 0;
	display: block; float: right;
	}

#main-nav ul {
	background: transparent url('../img/nav-442x42.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 442px; height: 21px; 
	margin: 0 50px 0 0; padding: 0; 
	}

#main-nav li, #main-nav a 	{ display: block; height: 21px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 52px; }                                            
#main-nav #nav-two		{ left: 52px; width: 104px; }
#main-nav #nav-three	{ left: 156px; width: 75px; }
#main-nav #nav-four		{ left: 231px; width: 66px; }
#main-nav #nav-five		{ left: 297px; width: 95px; }
#main-nav #nav-six		{ left: 392px; width: 50px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav-442x42.jpg') -0px -21px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav-442x42.jpg') -52px -21px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav-442x42.jpg') -156px -21px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav-442x42.jpg') -231px -21px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav-442x42.jpg') -297px -21px no-repeat; }
#main-nav #nav-six a:hover		{ background: transparent url('../img/nav-442x42.jpg') -392px -21px no-repeat; }

/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logo-158x49.jpg') no-repeat left top;
	display: block; float: left;
	width: 158px; 	height: 49px;
	margin: 10px 0 0 15px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.photo-float-right { float: right; margin: 0 0 0 20px; padding: 0; }


#travel-table { margin: 0; padding: 0; text-align: center; }
#travel-table td { text-align: center; margin:0; padding: 20px 0 0 0; }

#litSavvy li {
	display: block;
	margin-bottom: 10px;
}

.photoMarginRight {
	margin-right: 10px;
}

.smallfont {
	font-size: 10px;
}