/********************************************
		  Colors

chocolate brown = #342919
yellow paper	= #fdf7d6
dark green		= #577031
light green		= #a0ce5a


*********************************************/

/********************** Elements ********************************/

html,body{height:100%;}
body{background-image:url('../images/bg.jpg');
	font-family: 'OpenSansRegular';
	color: #342919;
	position: relative;
	min-width: 1000px;
}
h1{font-family: 'cac_champagneregular';font-size: 50px;	font-weight: normal;}
h2{font-family:'OpenSansBold';margin-bottom:9px; margin-top:27px;font-weight: normal;}
p{margin-bottom:18px; margin-left:5px;margin-right:5px;}
a{color:#342919; outline:none; cursor:pointer; text-decoration:underline;}
a:hover{color:blue;}
img{height:auto; width:100%;}

/********************** Global Content ************************************************/

#content{margin-top:20px;}
.paper{background-image:url('../images/paper.jpg');}
.list{list-style: disc; margin-bottom:18px;}
.list li{margin-left:35px;}
.indent{padding: 0 20px;}
.bold-italic{font-family:'OpenSansBoldItalic';}
.pad-text{padding: 20px 20px 20px 0px;}
.pad-img{padding:20px;}

/************************* Home page ***************************************************/

#logo{padding:20px; margin-top:7px;}
#name {font-family: 'spinweradcbold';  font-size: 50px; text-align:center; padding-top:35px; }
#tagline {font-family: 'spinweradbold'; text-align: center; font-style: italic;font-size: 21px; }
#address {text-align:center;}
#email {text-align:center;}
#border{min-height:90px; background-image: url('../images/ferns.jpg');}
#quote{font-family: 'OpenSansItalic';text-align:center; padding-bottom:10px;}

/************************ Contact info page **********************************************/

#contact-box{padding-left:60px; margin-top:20px;}
.contact-info{margin: 10px 10px 30px; display: inline-block;}
#map {border: none;margin: 0;width: 500px;height: 340px;}
#privacy{font-size:x-small; padding-left:60px; padding-top:15px;}

/************************* Other pages ***************************************************/

#lwhs{font-family: 'spinweradcbold';  font-size: 40px; text-align:center; padding-top:10px;}



/*************************** Footer *****************************************************/
#footer{
	background: url(../images/body-tail.gif) top center repeat;
	padding: 30px;
	color: #a8958b;
}
	
.footer-text{float:right; font-family: 'spinweradcbold';}

/*========================================   MOBILE    ==========================================*/

@media only screen and (max-width: 995px) {
	body{min-width:768px;}
	p{margin-bottom:9px}
	#name{padding-top:20px;}
	#contact-box{padding-left:35px;}
	.contact-info{margin: 10px 2px 30px;}
	#map {width: 390px;}
	#privacy{padding-left:35px;}

}

@media only screen and (max-width: 767px) {
	body{min-width:480px;}
	.pad-text{padding-left:20px;}
	#logo{padding-left:50px;padding-right:50px;padding-bottom: 10px;}
	#name{padding-top:0px; font-size: 40px; line-height:40px;}
	#lwhs{padding-top:5px; font-size: 35px; line-height:35px; margin-bottom:0px;}
	#border{min-height:0px;}
	#footer{padding-top:15px;}
	#map {width: 380px;}
	#privacy{padding-top:0px;}
	
}

@media only screen and (max-width: 479px) {
	body{min-width:320px;}
	#lwhs{font-size: 30px; line-height:30px;}
	#footer{padding-bottom:55px;}
	#contact-box{padding-left:20px;}
	#map {width: 260px;}
	#privacy{padding-left:20px;}

}