* {margin: 0; padding: 0;}

body {
	background: #fbfbad;
	font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial;
	font-size: 12px;
	color: #fffbd2;
	margin-top: 10px;
	}

#wrapper {
	margin: 0 auto;
	width: 545px;
	text-align: center;
	margin-top: 8px;
	}	

.header {margin-bottom: 16px;}


.branding, .secondaryContent {
	width: 269px;
	height: 229px;	
	}	
	
.branding {
	background: #DA4008 url(../i/secondaryContent_bg.gif) top center no-repeat;
	float:left;
	text-align: left;
	}
	
.branding h1 {
	text-indent: -9999px;
	background: url(../i/logo.png) top center no-repeat;
	width: 200px;
	height: 120px;
	margin: 51px 0 0 34px;
	}
	
.branding h2{	
	text-indent: -9999px;
	background: url(../i/tagline.gif) top center no-repeat;
	width: 200px;
	height: 14px;
	margin: 4px 0 0 34px;
	}


.secondaryContent {
	background: #F4480C url(../i/secondaryContent_bg.gif) top center no-repeat;
	float:right;
	text-align: left;
	}
	
.secondaryContent ul {text-align: center;}
	
.secondaryContent ul li {margin-bottom: 2px;}	

.secondaryContent h2{	
	text-indent: -9999px;
	background: url(../i/hours.png) top center no-repeat;
	width: 46px;
	height: 17px;
	margin: 12px 0 3px 108px;
	}

.secondaryContent ul.adr {padding:36px 0 16px 0; border: none; background: url(../i/yellowdottedrule.png) bottom center no-repeat;}

.secondaryContent li a {
	color: #fbfbad;
	padding-bottom:1px;
	border-bottom: 1px dotted;
	text-decoration: none; 
	}
	
.secondaryContent li a:hover {
	background: #9cd758;
	}


	
.locality, .region, .postal-code { display: inline;}

.country-name {display: none;}
#signup {
	padding: 22px 0 0 20px;
	clear: both;
	color:#315409;
	background: #87d62c url(../i/newsletter_bg.png) top left no-repeat;
	height:68px;
	margin-bottom: 16px;
	}
	
#signup h2 {
	text-indent: -9999px;
	background: url(../i/stayinformed.png) top center no-repeat;
	height: 47px;
	width: 174px;
	float: left;
	}
	
#signup form div {
	width: 318px;
	float: left;
	margin-left: 23px;
	padding-top: 3px;
	}	
	
#signup form span {
	display: inline;
	width: 110px;
	float: left;
	margin-right: 12px;
	}
	
#signup form label {
	text-align: left;
	display: block;
	margin-bottom: 3px;
	}

#signup form input#submit {
	margin-top: 18px;
	width: 62px;
	height: 23px;
	}

#signup form div input#mb-name, #signup form input#mb-ddyhy-ddyhy {
	width: 110px;
	padding: 4px;
	border: 1px solid #9cd758;
	color: #333;
	}
	
#photos{margin-bottom: 16px;}	

#thanks #wrapper #secondaryContent h2{
	background: none;
	text-indent: 0;
	text-align: left;
	width: 200px;
	font-size: 14px;
	color: #FBFBAD;
	margin: 0;
	padding: 94px 0 0 34px;
	text-align: center;
	}

/*map
========================================*/
#map {text-align: left; margin-bottom: 16px;}
#map small a {color: #e35d00;}

/*footer
========================================*/
#footer {
	width: 100%;
	text-align: center;
	margin: 20px 0;
	padding-top: 15px;
	background: url(../i/dotted_line.gif) top center repeat-x;
	}
	
#footer a:link, a:visited{
	color: #da4008;
	}

/*Gallery Button
========================================*/
#nav {	margin: 7px 0;}
#nav p {
	background: url(../i/gallery_button.jpg) top center no-repeat;
	color: #DA4008;
	width: 541px; height:60px;
	border: 2px solid #fff;
	text-indent: -9999px;
	}
#nav a p{
	background: url(../i/gallery_button.jpg) top center no-repeat;
	color: #DA4008;
	width: 541px; height:60px;
	padding: 0;
	text-indent: -9999px;
	}
	
#nav a:hover p {
	border: 2px solid #9CD758;
	}	

/*Gallery Page
========================================*/
#gallery {width: 545px; display: block;}

#gallery ul li {
	width: 117px; 
	display: inline;
	}

#gallery ul li a{
	background: #fbfbd7;
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #CEC9A0;
	border-right: solid 1px #CEC9A0;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	width: 117px;
	float: left;
	margin-right:7px;
	margin-bottom:7px;
	}

#gallery ul li a.last{
	margin-right:0;
	}

#gallery ul li a{
	background: #fbfbd7;
	}
	
#gallery ul li a:hover{
	background: #D7EC8C;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */