/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	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: 528px; height: 42px;
	margin: 30px 0px 0 0; padding: 0;
	display: block; float: right;
	}

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

#main-nav li, #main-nav a 	{ display: block; height: 42px; 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: 150px; }
#main-nav #nav-four		{ left: 306px; width: 75px; }
#main-nav #nav-five		{ left: 381px; width: 95px; }
#main-nav #nav-six		{ left: 476px; width: 50px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav-528x42-2.jpg') -0px -42px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav-528x42-2.jpg') -52px -42px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav-528x42-2.jpg') -156px -42px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav-528x42-2.jpg') -306px -42px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav-528x42-2.jpg') -381px -42px no-repeat; }
#main-nav #nav-six a:hover		{ background: transparent url('../img/nav-528x42-2.jpg') -476px -42px 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;
}

/* 
* Added By Victor 
* Style for the home page image display
*/
ul.photo_home {
	list-style: none;
	padding: 0;
	width: 510px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
ul.photo_home li {
	float: left;
	margin: 3px 5px;
	padding: 4px;
	border: #CCC 1px dashed;
	height: 200px;
}
ul.photo_home li img{
	border: none;
	outline: none;
}
/* 
* End of Style for the home page image display; Added by Victor
*/

/* Style Added for the Workshop Page By Victor */
#photo-div {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	clear: right;
	text-align: center;
}
#photo-div div {
	width: 244px;
	float: left;
	display: block;
	height: 190px;
}
#photo-div #image1 {
	background: url(../img/workshop-1.jpg) no-repeat bottom;
	margin-right: 1px;
}
#photo-div #image2 {
	background: url(../img/workshop-2.jpg) no-repeat;
	margin-right: 1px;
}
#photo-div #image3 {
	background: url(../img/workshop-3.jpg) no-repeat bottom;
}
#content-body .quote {
	font-family: Georgia;
	font-style: italic;
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
}
#content-body .quote span.text {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	font-size: 14px;
}
#content-body .author {
	width: auto;
	height: 20px;
	clear: both;s
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}
/* End of Style for the Workshop Page Added by Victor */