/* 
* Copyright (c) 2012 Jeremy Corbally-Hammond
* http://www.greencastlestudios.com/
*/
	html, body{margin:0;padding:0;}
	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1.5em;
		font-family: 'Vollkorn', serif;
		color: #791214;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{display:block;line-height:inherit;margin:0 0 1.5em 0;}
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0;padding:0;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 1.2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}	
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input, select{vertical-align:middle;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* HTML */	
			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em 'Oxygen', Arial, Sans-Serif;
		line-height:1.5em;
		color:#333;
		}		
	body{
		font-size:15px;
		background:#fff;
		}	
	a, a:visited{
		text-decoration:none;
		color:#C3922E;
		}
	a:hover{color:#791214;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:1.2em;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}

/* base */

/* layout */


#header-container {
	background-image: url(../images/canvas.png);
	background-repeat: repeat-x;	
	width: 100%;
	height: 100px;
	padding: 5px 0px;
}
#header {
	width: 921px;
	margin: 0 auto;
}
#logo {
	width: 347px;
	float: left;
}

#navbar {
	float: right;
	margin-top: 37px;
}

/* Sprite Navigation */  
    ul#navigation {margin:0; padding:0; list-style:none; clear:both;}  
        #navigation li {overflow:hidden; text-indent:-9999px; display:inline; float:left;}  
            #navigation li a {background:url(../images/sprite.png) no-repeat; width:100%; height:100%; display:block;}  

			
/* Home Button */

#navigation li.Home {width: 91.167px; height: 17.77px;}  
	#navigation li.Home a {background-position: 0px 0px;}  
	#navigation li.Home a:hover {background-position: 0px -18px ;}  
	
/* About Button */

#navigation li.About {width: 101.833px; height: 17.77px;}  
	#navigation li.About a {background-position: -91.167px 0px;}  
	#navigation li.About a:hover {background-position: -91.167px -18px;}  

	/* Services Button */

#navigation li.Services {width: 118.5px; height: 17.77px;}  
	#navigation li.Services a {background-position: -193px 0px;}  
	#navigation li.Services a:hover {background-position: -193px -18px;}  

/* FAQ Button */

#navigation li.FAQ {width: 86.875px; height: 17.77px;}  
	#navigation li.FAQ a {background-position: -311.5px 0px;}  
	#navigation li.FAQ a:hover {background-position: -311.5px -18px;}  

/* Contact Button */

#navigation li.Contact {width: 107.475px; height: 17.77px;}  
	#navigation li.Contact a {background-position: -398.375px 0px;}  
	#navigation li.Contact a:hover {background-position: -398.375px -18px;}  

#feature-container {
	background: #791214;
	width: 100%;
	height: 325px;
	padding: 24px 0px;
	background-image: url(../images/seachart.jpg);
}

#feature-mini {
	background: #791214;
	width: 100%;
	padding: 24px 0 0 0;
	height: 50px;
	background-image: url(../images/seachart.jpg);	
}

#feature-mini h1 { 
	color: #fff; 
}

#feature {
	width: 900px;
	margin: 0 auto;
}
#feature-main {
	width: 600px;
	float: left;
	clear: left;
	display: inline;
}
#feature-aside {
	width: 275px;
	float: right;
	display: inline;
}
#content-container {
	background: #F0EEE0;
	border-top:3px solid #4F0608;
	width: 100%;
	float: left;
	padding: 24px 0px;
}
#content {
	width: 900px;
	margin: 0 auto;
}

#main {
	width: 580px;
	float: left;
	clear: left;
	display: inline;
	line-height: 2em;
}

#main p {
	font-size: 1.2em;
}

#aside {
	width: 275px;
	float: right;
	display: inline;
	margin-left: 25px
}

#aside-wrapper {
	padding: 10px;
	margin: 0 0 10px 0;
	border:7px solid #D9D8CD;
}

#footer-container {
	background: #791214;
	width: 100%;
	clear: both;
	border-top:3px solid #4F0608;
	background-image: url(../images/seachart.jpg);
	background-position: bottom;
}
#footer {
	width: 850px;
	height: 125px;
	margin: 0 auto;
	padding: 25px 0px;
	color: #fff;
}

#footer-block {
	width: 290px;
	margin-right: 10px;
	display: inline;
	float: left;
	clear: all;
}

#footer ul li
{
	list-style-type: none;
	display: inline;
	float: left;
}

#footer li a
{
	display: block;
	float: right;
	margin: 0px 25px 0px 0px;
	color: #DBA545;
	text-decoration: none;
	font-family: 'Vollkorn', serif;
	font-size: 1.25em;
}
#footer li a:hover { color: #C3922E; }

#footer a { color: #DBA545; }
#footer a:hover { color: #C3922E; }

/* layout */

/* facebook button */
#fb-button a { 
	background: url(../images/fb1.png) no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 240px;
	text-indent: -1999px
}
#fb-button a:hover { 
	background-position: 0px -40px;
}
/* facebook button */

/**
*	Really Simple™ Slideshow -- CSS
*/

.rs-slideshow {
	border: 4px solid #4F0608;
	height: 325px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 600px;
}

.rs-slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.rs-slideshow .slide-container img {
	position: relative;
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}

/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }