/*-----------------------------------------------
Author:   Jason Cooper
Date:  March 15th 2010
----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  


/* Global 
----------------------------------------------- */
h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 20px;
  	line-height: 24px;	
	}
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 15px;
  	line-height: 24px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #694421;
    text-decoration: underline;
	}    
a:hover {
	color: #996633;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

hr {
  border: none;
  background-color: #ffcd61;
  color: #ffcd61;
  height: 1px;
}

img, div, input { behavior: url("iepngfix.htc") }

label {width: 300px; display: table}
	
	
/* Header 
----------------------------------------------- */	
#header {
	height: 104px;
	}
	
/* Navigation
----------------------------------------------- */
#navcontainer {
 	background: url('../media/navBg.jpg') repeat-x top left;
	font-family: helvetica, tahoma, sans-serif;
	height: 23px;
	}

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	color: #fff;
	float: left;
	width: 100%;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.3em 3em;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #000;
	font-size: 14px;
	}

#navcontainer ul li a:hover {
	background-color: #1c4c14;
	color: #fff;
	}	
	
/* Body 
----------------------------------------------- */
body {
 	background: #3F2511 url('../media/mainBg.jpg') no-repeat top center;
  	font-size: 11px;
  	line-height: 15px;
  	color: #363e7e;
  	text-align: center;
	font-family: helvetica, tahoma, sans-serif;
	}

#container {
	margin: 0 auto;
	width: 950px;
	}
	
#mainHome {
 	background: #4f3214 url('../media/homeBg.jpg') no-repeat top center;
  	text-align: left;
  	font-size: 11px;
  	height: 468px;
	}	
	
	#why {
		background: url('../media/why.png') no-repeat top center;
		width: 230px;
		height: 130px;
		float: left;
		margin: 43px 0 0 33px;
		}
	#homeBox	 {	
		background: url('../media/transparent.png') ;
		float: right;
		width: 590px;
		height: 115px;
		margin: 43px 40px 0 0;
		padding: 5px 20px 20px 10px;
		color: #694421;
		font-size: 15px;
		line-height: 19px;
		}
		#homeBox	 p {margin: 2px 0 8px 0;}

#mainSub {
 	background: #d6e3e5 url('../media/subBg.jpg') repeat-x top left;
  	text-align: left;
  	font-size: 11px;
	}	
	#subBox	 {	
		/*background: url('../media/transparent.png') ;*/
		background-color: #fff;
		width: 820px;
		margin: 0 auto;
		position: relative; 
		top: 30px;
		padding: 10px 20px 20px 20px;
		color: #694421;
		font-size: 13px;
		line-height: 17px;
		}
		
	#col1 {
		float: left;
		text-align: left;
		width: 400px;
		}
	#col2 {
		float: left;
		text-align: left;
		width: 390px;
		margin: 0 0 0 10px;
		}
			
	
	
/* Common
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: left;
	padding: 0 20px 20px 0;
	}
	

/* Footer 
----------------------------------------------- */
#mainHome  #footer {
	margin: 0 0 0 0;
	padding: 260px 0 10px 0;
	text-align: center;
	color: #fff;
	}	
#mainSub  #footer {
	margin: 0 0 0 0;
	padding: 40px 0 10px 0;
	text-align: center;
	color: #000;
	}