/* @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.html");

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

#header {
	width:902px;
	height:125px;
	overflow:hidden;
	position:relative;
}

#contactNumber {
	position:absolute;
	right:65px;
	top:87px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:20px;
	letter-spacing:3px;
}

#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;
}

/*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;
	text-align:center;
}

ul#nav li a {
	text-decoration: none;
	padding-left: 49px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	text-align:center;
	line-height:32px;
	font-weight:bold;
}

.yellow { color:#fcfe9b; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/*End of navigation*/

#rotator-mask {
	position:absolute;
	width:626px;
	height:275px;
	overflow:hidden;
	margin-top:-223px;
	z-index:99;
}


#rotator {
	position:absolute;
	width:626px;
	height:275px;
	overflow:hidden;
	margin-top:-223px;
}


.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;
	position:relative;
	z-index:100;
}

.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;
}