/*
-----------------------------------------------
Style Sheet
Millpoint Manor
Author:   Christopher Blom    chris.neobi@gmail.com
----------------------------------------------- */
* {
	padding: 0;	
	margin: 0;
}
html {
	height: 100%;
}
body {
	background: #FFF url(../images/wallpaper.gif) repeat-x top center;
	color: #333;
	font-size: 75%;	
	font-family: Georgia, "Times New Roman", serif; 
}  
html>body {
	font-size: 12px;
}  
#wrapper {
	background: url(../images/main_bg.png) no-repeat top center !important;
	background: url(../images/main_bg.gif) no-repeat top center; /* for old ie before ie5.5 */
	width: 720px;
	position: relative;
	margin: 20px auto;
}
* html {
	height: 100%;	
}
a:hover {
	text-decoration: none;	
}
a {
  outline: none;
}
.clear {
	clear: both;	
}
#skipNav {
 position: absolute;
 text-indent: -9000px;
}
.strong {
	color: #78454B;	
	font-weight: bold;		
}

/* =MASTHEAD + SUBMAST 
---------------------------------------------- */
#masthead {
	height: 294px;
}
#branding {
	height: 87px;	
}
#submast {
	height: 208px	
}
h1 {
	background: url(../images/logo.png) no-repeat;
	height: 57px;
	left: 30px;
	position: relative;
	text-indent: -9000px; 
	top: 20px;
	width: 470px;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	background: transparent url(../images/logo.gif) no-repeat;
	border: none;
	display: block;
	height: 57px;
}
#home h1 a {
	cursor: default;	
}
#mainImage {
	float: left;
	height: 208px;
	width: 497px;	
}
#mainImage img {
	margin: 0 0 0 29px;	
}
#mainNavWrap {
	background: url(../images/photo_trc.gif) no-repeat top left;
	float: left;
	height: 208px;
	width: 211px;	
}
#mainNav {
	background: url(../images/photo_brc.gif) no-repeat bottom left;	
	height: 208px;
	width: 211px;	
}	
ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 0; 	
}
#nav li {
	display: block;
	height: 40px;
	width: 211px;
} 
#nav li.home a, #nav li.home a:link {
	background: url(../images/home_btn.png) top left no-repeat;
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.home a:hover {
	background: url(../images/home_btn.png) top center no-repeat;	
}
#nav li.manor a, #nav li.manor a:link {
	background: url(../images/manor_btn.png) top left no-repeat;
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.manor a:hover {
	background: url(../images/manor_btn.png) top center no-repeat;	
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.rates a, #nav li.rates a:link {
	background: url(../images/rates_btn.png) top left no-repeat;
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.rates a:hover {
	background: url(../images/rates_btn.png) top center no-repeat;	
}
#nav li.region a, #nav li.region a:link {
	background: url(../images/region_btn.png) top left no-repeat;
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.region a:hover {
	background: url(../images/region_btn.png) top center no-repeat;	
}
#nav li.map a, #nav li.map a:link {
	background: url(../images/map_btn.png) top left no-repeat;
	display: block;
	height: 40px;
	text-indent: -9000px;	
	width: 211px;	
}
#nav li.map a:hover {
	background: url(../images/map_btn.png) top center no-repeat;	
}
#home #mainNav #nav .home a, #manor #nav .manor a, #rates #nav .rates a, #region #nav .region a, #mapMill #nav .map a {
	background-position: right top;
	cursor:default;	
}
/* =MAIN CONTENT 
---------------------------------------------- */
#mainContent {
	float: left;
	width: 499px;	
	padding: 0 0 30px 0;
}
p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 .8em 30px;
}
p a:link, p a:active {
	border-bottom: #78454B solid 1px;
	color: #78454B;
	text-decoration: none;	
}
p a:visited {
	border-bottom: #333 solid 1px;	
	color: #333;
	text-decoration: none;	
}
p a:hover {
	border-bottom: #38050B solid 1px;
	background-color: #D2C1C3;
	color: #38050B;	
	text-decoration: none;		
}
#mainContent h2 {
	height: 26px;
	margin: 18px 0 10px 30px;
	text-indent: -9000px;
	width: 469px;	
}
#home #mainContent h2 {
	background: url(../images/home_h2.png) top left no-repeat;	
}
#manor #mainContent h2 {
	background: url(../images/manor_h2.png) top left no-repeat;	
}
#rates #mainContent h2 {
	background: url(../images/rates_h2.png) top left no-repeat;	
}
#region #mainContent h2 {
	background: url(../images/region_h2.png) top left no-repeat;	
}
#mapMill #mainContent h2 {
	background: url(../images/map_h2.png) top left no-repeat;	
}
#contact #mainContent h2 {
	background: url(../images/message_h2.png) top left no-repeat;	
}
h2 + p {
	background-color: #FFF;
	color: #78454B;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.35em;
	margin: 0 0 .8em 30px;
}
/* map page */
#map {
	border: 3px solid #D2C1C3;
	margin: 10px 0 0 30px;
}

/* error messages */
#rates #mainContent ul {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 .8em 30px;		
}
#rates #mainContent ul li {
	margin: 0 0 0 15px;
}



/* =SIDEBAR 
---------------------------------------------- */
#sideBar {
	float: right;
	margin: 0 20px 40px 0;
	width: 166px;	
}
#sideBar h2 {
	background: url(../images/contact.png) top left no-repeat;		
	height: 26px;
	margin: 18px 0 8px 0;
	text-indent: -9000px;
	width: 166px;
}
.vcard, #sideBar p {
	color: #78454B;
	float:left;
	font-size: 1em;
	line-height: 1.5em; 
	margin: 0 0 .5em 0; 
}
#sideBar p.strong {
	color: #4B060F;
	font-weight: bold;
}
#sideBar a:link, #sideBar a:active {
	border-bottom: #78454B solid 1px;
	color: #78454B;
	text-decoration: none;	
}
#sideBar a:visited {
	border-bottom: #333 solid 1px;	
	color: #333;
	text-decoration: none;	
}
#sideBar a:hover {
	border-bottom: #38050B solid 1px;
	background-color: #D2C1C3;
	color: #38050B;	
	text-decoration: none;		
}	
/* gallery */
#sideBar h3 {
	background: url(../images/gallery.png) top left no-repeat;		
	height: 19px;
	margin: 0 0 .8em 0;
	padding: 0;
	text-indent: -9000px;
	width: 166px;
}	
#gallery {
	padding: 1.5em 0 0 0;
	clear: both;
	width: 100%
}
#sideBar #gallery img {
	border-top: 3px solid #D2C1C3;
	border-left: 3px solid #D2C1C3;
	border-right: 3px solid #D2C1C3;
	border-bottom: 12px solid #D2C1C3;
}
#sideBar #gallery a:hover img {
	border-top: 3px solid #fefad1;
	border-left: 3px solid #fefad1;
	border-right: 3px solid #fefad1;
	border-bottom: 12px solid #fefad1;
}
#sideBar #gallery a:link, #sideBar #gallery a:visited {
	text-decoration: none;
	border: none;
}
#sideBar #gallery a:hover {
	border-bottom: none;
	background-color: #fff;
	text-decoration: none;		
}
	
	
	
/* =FOOTER 
---------------------------------------------- */
#footer {
	background: url(../images/footer_border.gif) top center no-repeat;	
	clear: both;
	height: 4em;
	padding: 10px 0 10px 0;
	width: 720px;	
	margin: 0 auto 20px auto;
}	
#footer p {
	clear: left;
	color: #999;
	font-size: .90em;
	line-height: 1.5em; 
	margin: 0;	
	text-align: center;	
}
#footer p a:link, #footer p a:active {
	border-bottom: #999 solid 1px;
	color: #999;
	text-decoration: none;	
}
#footer p a:visited {
	border-bottom: #999 solid 1px;	
	color: #999;
	text-decoration: none;	
}
#footer p a:hover {
	border-bottom: #A68388 solid 1px;
	background-color: #EEE7E7;
	color: #A68388;	
	text-decoration: none;		
}