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

/*CONTENTS
-----------------------
Global Elements
	Links
	H tags
	Form Formats
	General
Layout
	Header
		Login Box
		Logged in Box
		Navigation
	Content
		Subnavx
	Footer
Individual Pages
	Home Page 
	Projects Gallery
	Contact Page

SITE COLORS
-----------------------
Text: #333333
Header Text: #666666
Links: #468546
Links Active #296129
-----------------------*/

/*---------------------------------------------------------
	Global Elements 
---------------------------------------------------------*/	
body { 
	font-size: 12px;
	font-family: "Trebuchet MS",Verdana,sans-serif;
	background: #b39765 url(/images/common/body-bg.jpg) 50% 0; /*middle top*/
	color: #333333;
	}
	
	/*Links 
	------------------------------------*/	
	a:link, a:visited { 
		color: #468546;
		text-decoration: none;
		}
	
	a:active, a:hover { 
		color: #296129;
		text-decoration: none;
		}
		
	/*H tags
	------------------------------------*/
	h3 { 
		text-transform: uppercase;
		font-size: 14px;
		color: #333;
		}
	
	
	/*Form Formats
	------------------------------------*/	
	
	/*General
	------------------------------------*/	
	a.readmore { 
		background: url(/images/common/subnav-active.gif) no-repeat right 3px ;
		padding-right: 18px;
	}	


/*---------------------------------------------------------
	Layout 
---------------------------------------------------------*/	
	
#wrap { 
	background: url(/images/common/wrap-bg.jpg) repeat-x 50% 0; /*middle top*/
	}
	
#page { 
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	width: 900px;
	background: url(/images/common/page-bg.png) repeat-y;
	}
	
	/*Header 
	------------------------------------*/	
	#headershadow { 
		position: relative;
		height: 25px;
		background: url(/images/common/header-shadow.png) no-repeat;
		margin: 0 auto;
		width: 930px;
		}
	
	#feather { 
		position: absolute;
		top: 0px;
		left: -15px;
		z-index: 500;
		}
	
	#header { 
		padding: 0;
		background: url(/images/common/header-bg.jpg) no-repeat;
		height: 180px;
		}
		
	#logo { 
		padding: 10px 0 0 0px;
		float: left;
		}
		
		/*Login Box
		------------------------------------*/	

		/*Logged in Box
		------------------------------------*/	
		
		/*Navigation 
		------------------------------------*/	
		#navigation { 
			padding: 160px 0 0 226px;
			float: left;
			text-align: left;
			}
			
		#navigation img { 
			margin-left: 24px;
			}
			
	/*General content 
	------------------------------------*/	
		
	#contentwrapper { 
		background: #fff url(/images/common/content-bg.jpg) repeat-y;
		}
		
	#contentheader,	#contentfooter { 
		clear: both;
		}
	
	#contentheader { 
		background: url(/images/common/content-header.jpg) no-repeat top center;
		height: 30px;
		}
		
	#contentfooter { 
		background: url(/images/common/content-footer.jpg) no-repeat bottom center;
		height: 65px;
		}
	#columnimage { 
		float: left;
		width: 210px;
		margin: 0 30px 0 0;
		}	
		
	#content { 
		float: left;
		width: 630px;
		}
		
	#content h1 { 
		color: #666;
		font-size: 20px;
		padding-bottom: 1em;
		text-transform: uppercase;
	}
	
	#content h2 { 
		color: #666;
		font-size: 15px;
		padding-bottom: 1em;
		text-transform: uppercase;
	}
	
	#content .imagefloat { 
		float: left;
		padding: 2px 15px 13px 0;	
	}
		
		/*Subnav 
		------------------------------------*/
		#subnav { 
			width: 170px;
			padding: 20px;
			margin: 0 30px 0 0;
			background: url(/images/common/subnav-bg.gif);
			float: left;
			}
			
		#subnav ul { 
			padding: 0 0 0 23px;
			}
			
		#subnav ul a:link, #subnav ul a:visited {
			color: #333;
			}
			
		#subnav ul a:active, #subnav ul a:hover {
			color: #468546;
			}
			

		#subnav ul li.active {
			list-style-image: url(/images/common/subnav-active.gif);
			}
			
		#subnav ul li.active a {
			color: #468546;
			}
			
		#subnavtitle { 
			/*padding-bottom: 10px;*/
			}
			
		#subnav span { 
			font-size: 9px;
			}
			
		
	/*Footer 
	------------------------------------*/
	#footer { 
		background: url(/images/common/footer.png) no-repeat;
		height: 70px;
		position: relative;
		margin: 0 auto;
		width: 930px;
		}
		
	#footer span { 
		text-indent:-2000px;
		overflow: hidden;
		display: block;
		}
			
	#star { 
		position: absolute;
		top: -75px;
		right: -10px;
		z-index: 500;
		}

/*---------------------------------------------------------
	Individual Pages 
---------------------------------------------------------*/			

	/*Home Page
	------------------------------------*/	
	#contenthome { 
		height: 480px;
		position: relative;
		overflow: hidden;
		}
	
	.homeimage { 
		position: absolute;
		width: 900px;
		z-index: 1;
		top: 0;
		left: 0;
		}
	#homesub { 
		position: absolute;
		z-index: 200;
		top: 30px;
		left: 0;
		width: 170px;
		padding: 20px;
		background: url(/images/common/home-sub-bg.png);
		}
	
	/*Projects Gallery 
	------------------------------------*/
	
	#gallerycontainer { 
		height: 420px;
		padding-bottom: 10px;
		position: relative;
		overflow: hidden;
		}
	
	.galleryimage { 
		position: absolute;
		width: 630px;
		z-index: 1;
		text-align: center;
		}
		
	.galleryimage img { 
		padding-bottom: 5px;
		}
	
	#gallerynav { 
		height:66px;
		padding-bottom: 10px;
		}

	.galleryarrow { 
		width: 30px;
		height: 66px;
		float: left;
		width: 16px;
		height: 28px;
		padding: 19px 9px 19px 10px;
		}
	.galleryarrow img { 
		cursor: pointer;
		}	
		
	#galleryleft img {
		display: none;
		cursor: pointer;
		} 

	#gallerythumbsclip { 
		float: left;
		width: 560px;
		height: 66px;
		overflow: hidden;
		position: relative;
		}
		
		
	#gallerythumbs { 
		position: absolute;
		}
		
	#gallerythumbs img { 
		padding: 3px;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		}
		
		
	#gallerythumbs img:hover, #gallerythumbs img.thumbactive:hover { 
		background-color: #468546;
		}
		
	#gallerythumbs img.thumbactive { 
		background-color: #333;
		}
		
	/*Contact Page 
	------------------------------------*/
	#contentcontact { 
		position: relative;
		}
	
	#contactsub { 
		position: absolute;
		z-index: 200;
		top: 30px;
		left: 0;
		width: 170px;
		padding: 20px;
		background: url(/images/common/home-sub-bg.png);
		}