/* 
Website: De Molen Guesthouse
Created: December 2007
Created By: Romy Moll

Style Index
$1 - Reset/Defaults
$2 - Global Styles
$3 - Top Nav
$4 - Home
$5 - Navigation (Top)
$6 - Footer
$7 - Home Page
$8 - News
$9 -  Contact Us
$10 - 
$11 - 
$12 - 
$13 - 
$14 - 
$15 - 
$16 - 
$17 - 
$18 - 
$19 - 
$20 - 
$21 - 
$22 - 
$23 - 
$24 - 
$25 - 
$26 - 
$27 - 
*/


/* ------------------------------------------------------------
	$1  Reset/Defaults
------------------------------------------------------------ */	
/*Clear Margin and Padding on major elements*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

/* Remove border around linked images */
img {	
	border: 0;
}

/* Generic pointer style */
.pointer { cursor:pointer; }
	

/* ------------------------------------------------------------
	$2  Global Styles
------------------------------------------------------------ */
body {
	background: #CAA273 url(../images/sitewide/bg_grad.gif) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

	
/* Classes for floating */
.floatl {
	float:left;
}

.floatr {
	float:right;
}

p {
	font-size: 12px;
	color: #784312;
	margin-bottom: 10px;
	}

p a:link, p a:visited {
	color: #784312;
	text-decoration: underline;
	}

p a:hover {
	color: #784312;
	text-decoration: none;
	}

h1 {
	color: #784312;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
	}

.header_top {
	width: 783px;
	margin: 0 auto;
	}

.bg_cont {
	margin: 0 auto;
	width: 783px;
	}
	
.content {
	background: #FFFFFF url(../images/sitewide/cont_bg.gif) repeat-y left;
	width: 783px;
	margin: 0 auto;
	float: left;
	}

.content div.inner {
	width: 756px;
	margin: 0 auto;
	clear: both;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}
	
.img_head {
	padding: 0 0 10px 0;
	}	
	
.pic {
	border: 1px solid #794413;
	margin: 0 0 10px 0;
	}

.pic_fr {
	float: right;
	margin: 0 0 10px 15px;
	border: 1px solid #794413;
	}
	
.pic_fl {
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #794413;
	}


/* ------------------------------------------------------------
	$3  Top Navigation
------------------------------------------------------------ */
#topnav_contain {
	margin: 0 auto;
	width: 756px;
	background-color: #FFFFFF;
	}

.topnav {
	background-color: #FFF;
	height: 30px;
	color: #784312;
	border-top: 1px solid #784312;
	border-bottom: 2px dotted #784312;
	}
	
.topnav ul {
	font-size: 12px;
	list-style: none;
	float: left;
	padding: 8px 0 0 12px;
	}
	
.topnav li {
	float: left;
	list-style: none;
	padding: 0 18px  0 18px;
	border-right: 1px solid #784312;
	}
	
.topnav li.last {
	float: left;
	list-style: none;
	padding: 0 0 0 19px;
	border-right: none;
	}

.topnav a:link, .topnav a:visited {
	color: #784312;
	text-decoration: none;
	}
	
.topnav a:hover {
	color: #caa273;
	}


/* ------------------------------------------------------------
	$4  Footer
------------------------------------------------------------ */
#footer {
	margin: 0 auto;
	width: 783px;
	height: 30px;
	background: #caa273 url(../images/sitewide/footer_bg.jpg) no-repeat;
	color: #542901;
	clear: both;
	}

	
#footer ul {
	font-size: 11px;
	list-style: none;
	float: left;
	padding: 15px 0 0 50px;
	text-align: center;
	}
	
#footer li {
	float: left;
	list-style: none;
	padding: 0 16px  0 16px;
	border-right: 1px solid #784312;
	}
	
#footer li.last {
	float: left;
	list-style: none;
	padding: 0 0 0 17px;
	border-right: none;
	}

#footer a:link, #footer a:visited {
	color: #542901;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #784312;
	text-decoration: underline;
	}

.copyright {
	text-align: center;
	font-size: 11px;
	color: #542901;
	padding: 20px 0 20px 0;
	}
	
.copyright a:link, .copyright a:visited {
	font-size: 11px;
	color: #542901;
	text-decoration: none;
	}

.copyright a:hover {
	font-size: 11px;
	color: #542901;
	text-decoration: underline;
	}



/* ------------------------------------------------------------
	$5  Home
------------------------------------------------------------ */
#home_header {
	width: 783px;
	margin: 0 auto;
	}

.intro {
	width: 717px;
	padding: 20px 20px 10px 20px;
	border-bottom: 2px dotted #a9855f;
	float: left;
	clear: both;
	}

.intro_no_bb {
	width: 717px;
	padding: 20px 20px 10px 20px;
	float: left;
	clear: both;
	}

.home_middle {
	margin: 0 auto;
	border-bottom: 2px dotted #a9855f;
	float: left;
	width: 757px;
	background-color: #efe1cc;
	}
	
.home_accomm {
	padding: 20px 18px 20px 18px;
	width: 340px;
	border-right: 2px dotted #a9855f;
	float: left;
	}
	
.home_location {
	padding: 20px 20px 20px 20px;
	width: 338px;
	float: right;
	}

.home_bottom {
	margin: 0 auto;
	float: left;
	width: 756px;
	}


.location {
	margin: 0 auto;
	text-align: center;
	width: 756px;
	float: left;
	padding: 15px 0 0 0;
	}
	

.table {
	border-top: 1px solid #794413;
	border-left: 1px solid #794413;
	border-bottom: 1px solid #794413;
	font-size: 12px;
	color: #784312;
	}
	
.table td {
	border-right: 1px solid #794413;
	border-bottom: 1px solid #794413;
	padding: 5px 5px 5px 5px;
	}
	
.table td.alt {
	border-bottom: none;
	padding: 5px 5px 5px 5px;
	}

.gallery_pic {
	margin: 0 0 10px 0;
	border: 1px solid #794413;
	}

.contact {
	padding: 0 0 15px 100px;
	float: left;
	}

.txtfield {
	border: 1px solid #794413;
	margin: 5px 0 10px 0;
	height: 17px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #794413;
	padding: 4px 4px 2px 4px;
	}

.txtfield_multi {
	border: 1px solid #794413;
	margin: 5px 0 10px 0;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #794413;
	padding: 4px 4px 2px 4px;
	}

.submit_btn {
	padding: 5px 10px 5px 10px;
	border: 1px solid #794413;
	background-color: #CAA273;
	width: 65px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #794413;
	}

.terms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #794413;
	background-color: #FFFFFF;
	padding: 20px 20px 20px 35px;
	width: 400px;
	margin: 0 auto;
	}

.gal_top {
	margin: 0 auto;
	border-bottom: 2px dotted #a9855f;
	float: left;
	width: 757px;
	}

.gal_bottom {
	margin: 0 auto;
	float: left;
	width: 757px;
	}