/* @override http://markholmesrealestate.com/css/screen.css */

/* CSS Framework Import */
@import url("src/reset.css");
@import url("src/grid.css");
@import url("src/typography.css");
@import url("src/forms.css");
@import url("template.css");

body {
	margin: 0;
	background: #0f2453 url(../images/bodyBg.jpg) repeat-x;
}

#map {
	background: url(../images/map.jpg) no-repeat center top;
}

#wrapper {
	background: url(../images/wrapperBg.jpg) repeat-y 1px 0;	
}

#sidecolumn {
	background: #000 url(../images/navBg.jpg) no-repeat 0 221px;
	width: 276px;
	min-height: 705px;
	float: right;
}

#sidecolumn a {
	text-decoration: none;
	color: #ffc67f;
}

#sidecolumn a:hover {
	text-decoration: none;
	color: #333;
}

/*Navigation Section*/
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;	
}

ul#nav li {
	width: 276px;
	height: 32px;
	margin: 0;
	padding: 0px 0 0 0;
}

ul#nav li a {
	text-decoration: none;
	padding: 10px 130px;
}

ul#nav li.home {
	background-image: url(../images/menu/home.jpg);
}

ul#nav li.home:hover {
	background-image: url(../images/menu/home_hover.jpg);
}

ul#nav li.community {
	background-image: url(../images/menu/community.jpg);
	margin: -1px 0 0 0;
}

ul#nav li.community:hover {
	background-image: url(../images/menu/community_hover.jpg);
}
ul#nav li.boaters {
	background-image: url(../images/menu/boaters.jpg);
}

ul#nav li.boaters:hover {
	background-image: url(../images/menu/boaters_hover.jpg);
}

ul#nav li.selling {
	background-image: url(../images/menu/selling.jpg);
}

ul#nav li.selling:hover {
	background-image: url(../images/menu/selling_hover.jpg);
}

ul#nav li.relocation {
	background-image: url(../images/menu/relocation.jpg);
}

ul#nav li.relocation:hover {
	background-image: url(../images/menu/relocation_hover.jpg);
}

ul#nav li.mark {
	background-image: url(../images/menu/about.jpg);
}

ul#nav li.mark:hover {
	background-image: url(../images/menu/about_hover.jpg);
}

ul#nav li.contact {
	background-image: url(../images/menu/contact.jpg);
}

ul#nav li.contact:hover {
	background-image: url(../images/menu/contact_hover.jpg);
}

/*End of navigation*/

.featured {
	margin: 20px;
	padding: 5px;
	background-color: #666666;
}
.featured-image {
	margin: 0 0 20px 0;
	border:1px solid #ffcc99;
}

.featured h2 {
	color: #fff;
}

.featured h3 {
	background-color: #333;
	padding: 10px;
	color: #ffcc99;
}

.featured ul {
	margin: 0 10px 5px 20px;
	padding: 0 0 15px 0;
	color: #fff;
	line-height: 1.3em;
}

#contentArea {
	padding: 223px 0 0 0;
	width: 626px;
}

/*These classes determine the banner image*/
#contentArea.main {
	background: url(../images/bannerBg.jpg) no-repeat;	
}

#contentArea.community {
	background: url(../images/bannerBg_community.jpg) no-repeat;	
}

#contentArea.selling {
	background: url(../images/bannerBg_selling.jpg) no-repeat;	
}

#contentArea.relocation {
	background: url(../images/bannerBg_relocation.jpg) no-repeat;	
}

#contentArea.about {
	background: url(../images/bannerBg_about.jpg) no-repeat;	
}

#contentArea.contact {
	background: url(../images/bannerBg_contact.jpg) no-repeat;	
}
#contentArea.boaters {
	background: url(../images/bannerBg_boaters.jpg) no-repeat;	
}

#content {
	padding: 50px;
	min-height: 382px;
	background: url(../images/contentBg.png) no-repeat 1px top;
}

.bottomImg {
	margin-left: 1px;
}

#footer {
	padding: 10px 10px 10px 50px;
	color: #fff;
	font-size: 11px;
}

#footer a {
	color: #ffc98b;
	text-decoration: none;
}

#subbar {
	width: 220px;
	float: right;
	text-align: right;
	line-height: 1.3em;
}

#subbar .item {
	margin-bottom: 30px;
	padding: 0 0 10px 0;
	background-color: #0f2453;
	font-size: .8em;
}

#subbar .item h3 {
	margin: 0 0 10px 0;
	padding: 10px 20px 10px 0;
	color: #fff;
	background-color: #091739;
}

#subbar .item a {
	color: #eee;
	text-decoration: none;
	margin: 0 20px;
}

#subbar .item a:hover {
	color: #fc9;
}