/**   Styles for "Screen" Media
*     File: styles.css
*     modified: 2009-10-08
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background: #E0DED9 url(images/footerBg.gif) repeat-x fixed center bottom;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	a {
		color: #978C7F;
		text-decoration: underline;
	}
	a:hover { text-decoration: none; }
	a:visited { color: #000; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.8em; }
		h4 { font-size: 1.6em; }
		h5 { font-size: 1.4em; }
		h6 { font-size: 1.2em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}
	
#topBar {
	background: transparent url(images/headerBg.jpg) top left repeat-x;
	height: 183px;
	top: 0px;
	left: 0px;
	position:absolute;
	width:100%;
	z-index:1;
}

#wrapper {
	position: relative;
	width: 836px;
	margin: 0 auto;
}


/** Header
-------------------------- **/
/* @group header */
#header {
   width: 834px;
   height: 183px;
   border: 1px solid black;
   border-top: 0;
   border-bottom: 0;
}
	* html #header {
		height: 183px;
		overflow: hidden;
	}

#header #banner {
	width: 252px;
	height: 155px;
	position: relative;
	background: url("images/logo-bg.jpg") 0 0 no-repeat;
	margin-top: 28px;/*28*/
	float: left;
}
 #default #header #banner { margin-top: 28px; }
 * html #header #banner { /*margin-top: 15px;*/ }
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	text-indent: -10000px;
	width: 252px;
	height: 45px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 53px;
	left: 0;
}
	#header #banner a.home,
	#header #banner a.home:visited {
		background: url("images/logo.jpg") 0 0 no-repeat;
	}
	#header #banner a.skBuilders,
	#header #banner a.skBuilders:visited {
		background: url("images/logo-skBuilders.jpg") 0 0 no-repeat;
		top: 94px;
		left: 159px;
		width: 93px;
		height: 35px;
	}

/* @group topNavigation */

#header #topNavigation {
	width: inherit;
	height: 38px;
	padding: 0 0 0 8px;
	position: absolute;
	top: 0;
	left: 0;
}

/*#header #topNavigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#header #topNavigation ul li {}

#header #topNavigation ul li a {
   display: block;
   text-transform: uppercase;
   color: #FFF;
   padding: 7px 40px 7px 10px;
   float: left;
   font-size: 1.2em;
   text-decoration: none;
   font-weight: bold;
   letter-spacing: 2px;
}
   #header #topNavigation ul li a:hover { color: #b4b3b0; }
   #header #topNavigation ul li.selected a {
      color: #FF0000;
   }*/
/* @end topNavigation */
#header #housePhotoSequence {
	padding: 0;/*253px*/
	margin-top: 28px;
	float: left;
}
   #default #header #housePhotoSequence { margin-top: 28px; }
   * html #header #housePhotoSequence { 
      width: 582px;
      height: 155px;
      overflow: hidden;
   }
/* @end header */

/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */

#contentWrapper {
	background: transparent url("images/contentWrapper-bg.jpg") top left repeat-y;
	height: 300px;
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
	position: relative;
}
	#wrapper > #contentWrapper {
		height: auto;
		min-height: 300px;
	}
	#contentWrapper #bottomBar {
		height: 1px;
		background-color: #FFF;
		position: absolute;
		bottom: 0;
		left: 1px;
		z-index: 3;
		width: 834px;
	}	
	#contentWrapper div.content {
		padding: 15px 30px;
	}

#contentWrapper #leftCol {
	width: 255px;
	float: left;
	color: #FFF;
	line-height: 1.25em;
	font-size: 1.2em;
}
	#contentWrapper #leftCol div.content {
		padding-left: 40px;
	}
	#contentWrapper #leftCol h3 {
		margin-bottom: 14px;
	}
	#contentWrapper #leftCol img,
	#contentWrapper #leftCol canvas,
	#contentWrapper #leftCol var {
		margin-bottom: 3px;
	}


#contentWrapper #rightCol {
	width: 581px;
	float: left;
}
	#contentWrapper #rightCol img {
		border: 1px solid #000;
	}
	#home #rightCol #layoutContent {
		background: #1A1A1A url("images/currentPromotions-bg.gif") 0 -2px no-repeat;
		border: 1px solid #000;
		margin-right: 2px;
		height: 19px;
		padding: 7px 0 0 213px;
		color: #FFF;
		font-size: 1.1em;
		overflow: hidden;
	}
		#home #rightCol #layoutContent p {
			margin: 0;
			padding: 0;
		}
		#home #contentWrapper #rightCol img { border-top: 0; }
	#default #rightCol {
		font-size: 1.2em;
		line-height: 1.5em;
		color: #000;
	}
/* @end ContentWrapper */

/** Footer
-------------------------- **/
/* @group footer */

#footer {
	height: 23px;
	font-size: 1.0em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

/* @end footer */


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}


/** @group cms classes */
.name {
   font-weight: bold;
   font-size: 14px;
   color: #000;
}
.address {
   color: #000;
   font-size: 10px;
}
.price {
   color: #000;
   font-size: 12px;
}
.sold {
   color: #FF0000;
   font-size: 14px;
   font-weight: bold;
}
.construction {
   color: #0000CC;
   font-size: 14px;
   font-style: italic;
}
.incentive {
   color: #FF0000;
   font-size: 16px;
   font-weight: bold;
}
/* @end cms classes **/