/*  ...... BACKGROUND PHOTO ........ */

html {   
  background: url(img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; 
}




body {
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
color:#563c2f;
}



.gallery {
	padding:0px 10px 0px 40px;}

.map {
	margin:0px 0px 30px 50px;
	width:580px;}
	
.yellow {
	background-color:#FF3;}

/*  ...... LISTS ........ */


ul, ol, dl { a more specific selector. */
	padding: 0;
	margin: 0;
}

/*  ...... H TAGS ........ */


h1, h2, h3 {
	font-weight:normal;	
	padding-left:50px;
	
}

h1 {
	font-size:1.50em;
	color:#563c2f;
	margin-bottom:1.5em;}
	
h2 {font-size:1.1em;
	color:#563c2f;
	margin-bottom: -.4em;}


/*  ...... P TAGS ........ */
	
p{
	padding-left: 50px;
	color:#563c2f;
	line-height:1.2em;
	font-size:.90em;
}



/*  ...... IMAGES ........ */

.display {
margin-right:40px;
}


.display2 {
position:absolute;
top:150px;
right:30px;
}

#hero {
width:946px;
}


a img { 
	border: none;
}


.header img {
display:block  /*eliminates white bottom border on header image because image is an inline element */
}

/*  ...... CONTAINER ........ */

.container {
	width: 946px;
	background-color: #FFF;
	margin: 40px auto;
	 position: relative; /*needed for display to float properly*/

-moz-box-shadow: -15px -15px 30px 0 #000; 
-webkit-box-shadow: -15px -15px 30px 0 #000;
box-shadow: -15px -15px 30px 0 #000;
}


/*  ...... JEADER ........ */

.header {
	padding:0px;
	margin:0px;
}


/*  ...... CONTENT ........ */

.content {

	padding: 10px 0;
	width: 630px;
	float: left;
}

.content_full {

	padding: 10px 20px 0 0px;
	width: 920px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


/*  ...... BULLETS ........ */
 .bullets {
		  margin-left:30px;
      font-size:.9em;
	  margin-top:15px;
	  margin-bottom:-1em;
	  font-size:.90em;} /* ~~ helps bullets sit below h2 nicely ~~ */


/*  ...... SIDEBAR ........ */

.sidebar1 {
	float: right;
	width: 310px;
	padding-bottom: 10px;
	padding-top:58px;
}


.sidebar2 {
	float: right;
	width: 310px;
	padding-bottom: 10px;
	padding-top:88px;
}


.display {
padding-right:40px;

}


.display2 {
position:absolute;
top:150px;
right:30px;
}

/*  ...... NAVIGATION ........ */

#nav_container {
	width:933px;
	padding:0px;
	
}


.firstbutton {
margin-left:25px;
border-right: 1px solid #5d5c5c;
}


	.lastbutton {
border-right:none;

}


nav {
	background-color:#000;
float:left;
width:100%;
font-size:.93em;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
		color: #3c2307 ;
   background-color: #d0c77d;
	}


nav ul {
	background: #000; 
	padding:0px; 
	list-style: none;
	position: relative;
	margin:0px;
}
	nav ul:after {
		content: ""; 
		clear: both; display: block;
	}

	nav ul li {
		float: left;
		list-style:none;
text-align:left;
border-right: 1px solid #5d5c5c; /*gray*/
	}
		nav ul li:hover {
			color: #3c2307 ;
     text-decoration:none;
border-right: 1px solid #5d5c5c;
			
		}
			nav ul li:hover a {
				color: #3c2307 ;
   background-color: #d0c77d ;
     text-decoration:none;			}
		
		nav ul li a {
			display: block; 
			/*use this padding if display sits below nav bar      padding:4px 20px 0px 20px;     */
			padding:4px 22px 4px 22px;
			color: #fff; 
			text-decoration: none;
		}
			
		
	nav ul ul {
		background: #5f6975; 
		padding: 0;
		position: absolute; 
		top: 100%;
	}
		nav ul ul li {
			float: none; 
			 position: relative;
		}
			nav ul ul li a {
				padding:4px 13px 4px 20px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #fff; 
					color:fff;
					 border-right:none;
				}
		


/*  ...... FOOTER........ */
.footer {
	position: relative;
	clear: both;
	background-image: url(img/back_footer.gif);
	background-repeat: repeat-x;
	margin: 50px auto 0 auto;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	height:39px;
}

.footer p{	
	font-size:.9em;
	text-align:center;}
	
	


	

/*  ...... FLOATS........ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}