/* These codes contradict the homepage to setup the layout for the subpages. Change the styles at your own risk. */

#content #title {
	text-align:left;
	padding-left:10px;
}

#header #mast-photo #mast {
	width:977px;
	height:166px;
	background:url(../images/header.png) no-repeat;
	margin:0 auto 0 auto;
}

#header #mast-photo {
	width:977px;
	height:368px;	
	margin:0 auto 0 auto;	
	background:url(../images/mast_history.png) 7px 133px no-repeat;
	position:relative;	
}
#header .mast-events {
	background-image:url(../images/mast_events.png) !important;
}
#header .mast-reservations {
	background-image:url(../images/mast_reservations.png) !important;
}
#header .mast-cottages {
	background-image:url(../images/mast_cottages.png) !important;
}
#sub #content {
	width:970px;
	margin:-43px 0 0 122px;
	position:relative;
	z-index:100;
}
#content #area {
	background:#fff url(../images/sub_bg_content.jpg) no-repeat;
	padding-bottom:50px;
}
#content #area.photo-gallery{
	background:#fff url(../images/sub_bg_content.jpg) no-repeat;
	padding-bottom:11px;
}

#sub h1 {
	color:#437ba9;
	font-size:1.6em;
	padding:20px;
	margin:10px 0 0 45px;
	background:url(../images/divider.jpg) 0px 50px no-repeat;
}
#sub .divider {
	background:url(../images/divider.jpg) no-repeat;
	width:475px;
	height:11px;
	margin:10px auto;
}

.bg_bottom {
	background:#fff url(../images/bg_bottom.jpg) bottom left no-repeat;
	width:970px;
	height:143px;
	margin-top:-100px;
}

/* History Page */
#history h3 {
	text-align:center;
	color:#355774;
	font-weight:bold;
	font-size:1.2em;
}
#history h3 p {
	padding:0;
	margin:0;
	font-size:.9em;
	font-weight:normal;
}
#history #photo-b, #history #photo-d {
	float:left;
	margin-left:30px;
}
#history #photo-a, #history #photo-c {
	float:right;
	margin-right:30px;
}

#history #photo-a {
	background:url(../images/history-a.jpg) no-repeat;
	width:447px;
	height:318px;
}
#history #photo-b {
	background:url(../images/history-b.jpg) no-repeat;
	width:492px;
	height:316px;
}
#history #photo-c {
	background:url(../images/history-c.jpg) no-repeat;
	width:560px;
	height:431px;
}
#history #photo-d {
	background:url(../images/photo-d.png) no-repeat;
	width:549px;
	height:356px;
}
#history .txt {
	padding:40px;
	color:#355774;
	text-align:left;
	float:left;
	width:300px;
	font-size:1.2em;
}

/* History Page End */

/* Events */
#events h3 {
	text-align:center;
	font-size:1.3em;
	color:#355774;
}
#events h3 p {
	padding:0;
	margin:0;
	font-size:.8em;
	font-weight:normal;
	width:300px;
	margin:0 auto;
}
#events #calendar {
	width:800px;
	margin:0 auto;
}
/* Events End */

/* Cottages */
#cottage .photo-ph {
	background:url(../images/photos_ph.jpg) no-repeat;
	width:277px;
	height:188px;
	float:left;
	margin:0 5px;
	padding:5px 0 0 8px;
}
#cottage span {
	color:#437ba9;
	float:left;
	font-size:1.1em;
	padding:25px 0 0 10px;
	display:block;
}
#cottage h2 {
	float:left;
	display:block;
	margin-bottom:40px;
}
#cottage .row {
	width:891px;
	margin:0px auto 40px auto;
}
#cottage a.button {
	background:url(../images/button_reservation.jpg) no-repeat;
	width:145px;
	height:35px;
	float:right;
	text-transform:lowercase;
	color:white;
	text-align:center;
	line-height:30px;
	display:block;
}
#cottage a.button:hover{
	background:#437ba9;
	cursor:pointer;
	text-decoration:none;
}
#cottage .row h3 {
	font-size:1.4em;
	text-align:center;
	color:#437ba9;
	margin:0;
}
#cottage .row h3 span{
	font-size:.8em;
	float:none;
	display:inline;
}
#cottage .row h4 {
	font-size:1.4em;
	text-align:center;
	margin:3px 0 20px 0;
}
#cottage .row h4 span{
	float:none;
	display:inline;
	font-size:1em;
}
#cottage .row .features {
	text-align:center;
	width:500px;
	margin:0 auto;
	line-height:1.4em;
}
#cottage .row #map {
	background:url(../images/cottage_map.jpg) no-repeat;
	width:965px;
	height:472px;
	margin:0 auto;
}
/* Cottages End */

/* Contact */
#contact h3 {
	font-size:1.4em;
	text-align:center;
	color:#437ba9;
	margin:20px 0 0 0;
}
#contact .txt {
	text-align:center;
	width:500px;
	margin:20px auto;
	line-height:1.4em;
}
#contact p {
	font-size:1.5em;
	padding:0;
	margin:0 0 20px 0;
	text-align:center;
	line-height:1.5em;
}
#contact #map {
	width:425px;
	margin:25px auto;
}
#contact #form {
	width:690px;
	margin:40px auto 0 auto;
}
#contact #form #one, #contact #form #two {
	float:left;
}
#contact #form #one .row {
	width:158px;
	margin:10px 0;
	height:24px;
	text-transform:uppercase;
	font-size:1.1em;
}
#contact #form #two {
	width:532px;
}
#contact #form input {
	background:url(../images/contact_field.jpg) no-repeat;
	height:24px;
	width:308px;
	margin:5px 0;
	font-family:Arial, Helvetica, sans-serif;
}
#contact #form textarea {
	background:url(../images/contact_area.jpg) no-repeat;
	width:532px;
	height:127px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#contact a.button {
	background:url(../images/button_submit.jpg) no-repeat;
	width:100px;
	height:35px;
	float:right;
	text-transform:lowercase;
	color:white;
	text-align:center;
	line-height:30px;
	display:block;
	margin-top:10px;
}
#contact a.button:hover{
	background:#768593;
	cursor:pointer;
	text-decoration:none;
	margin-top:10px;
}
/* Contact End */

/* Site Map */
#site #form {
	width:690px;
	margin:40px auto 0 auto;
}
#site #form #one, #contact #form #two {
	float:left;
}
#site #form .row {
	margin:5px 0;
	height:54px;
	font-size:1.1em;
}
#site #form #two {
	width:532px;
}
#site #form #one {
	width:150px;
}
/* Site Map End */