/*   =======   RESET    =======   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
		{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 	{ line-height: 1; }
a img, iframe, object { border: none; }
ol, ul 	{ list-style: none }
:focus 	{ outline: 0; }
ins 	{ text-decoration: none; }
del 	{ text-decoration: line-through; }
table	{ border-collapse: collapse; border-spacing: 0; }


/*   =======   BASICS    =======   */

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	background: #000000;
	width: 100%;
	margin: 0;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { 
	margin-bottom: 16px; 
	font-weight: normal;
}
h1	{ font-size: 2em;}
h2	{ font-size: 1.5em; }
h3	{ font-size: 1.25em; }
h4	{ font-size: 1.125em; }
h5	{ font-size: 1em; }
h6	{ font-size: .875em; font-weight: bold; }
p	{ 
	font-size: .75em;
	color: #ffffff;
	line-height: 1.5em; 
	margin: 0 0 1em;
}

a, a:link, a:visited, a:active { 
	color: #ffffff; 
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a:active, a:focus { outline: none; }

.left 	{ float: left }
.right 	{ float: right }
.center { text-align: center; }
.hide 	{ display: none; }
.clear 	{ clear:both; height:1px; font-size:1px; line-height:1px; }
.upperC { text-transform: uppercase; }
.noBorder 	{ border: none !important; }
.imgLeft 	{ float: left; padding: 0 20px 20px 0; }
.imgRight 	{ float: right; padding: 0 0 20px 20px; }


/*   =======   LAYOUT  =======   */


#header-wrap {
	position: fixed;
	top: 0 !important;
	width: 100%;
	height: 68px;
	z-index: 100;
	background: url(../images/header.png) repeat-x 0 0;
}
#header {
	display: block;
	width: 998px;
	margin: 0 auto;
	height: 68px;
}

#content {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


/*   =======   NAV  =======   */

#nav {
	display: block;
	float: right;
	width: 582px;
	height: 60px;
	margin: 0;
}
#nav li {
	display: block;
	float: left;
	height: 60px;
	list-style: none;
}
#nav li a {
	display: block;
	height: 60px;
	background: url(../images/nav.png) no-repeat 0 0;
	width: 121px;
	text-indent: -999em;
}
#nav li.community a 	{ background-position: 0 0; width: 121px; }
#nav li.apartments a 	{ background-position: -121px 0; width: 126px; }
#nav li.location a 		{ background-position: -247px 0; width: 105px; }
#nav li.application a 	{ background-position: -352px 0; width: 125px; }
#nav li.contact a 		{ background-position: -477px 0; width: 105px; }

#nav li.community a:hover, #nav li.community a.active 		{ background-position: 0 bottom; width: 121px; }
#nav li.apartments a:hover, #nav li.apartments a.active 	{ background-position: -121px bottom; width: 126px; }
#nav li.location a:hover, #nav li.location a.active 		{ background-position: -247px bottom; width: 105px; }
#nav li.application a:hover, #nav li.application a.active 	{ background-position: -352px bottom; width: 125px; }
#nav li.contact a:hover, #nav li.contact a.active	 		{ background-position: -477px bottom; width: 105px; }

#nav li.home {
	display: none;
}

/*   =======   CONTENT  =======   */


h1#logo {
	display: block;
	margin: 0 !important;
	float: left;
	overflow: hidden;
}
h1#logo a {
	display: block;
	width: 163px;
	height: 47px;
	background: url(../images/logo-mosscreek.png) no-repeat 0 0;
	text-indent: -999em;
	margin: 14px 0 0 43px !important;
}

#home { background: url(../images/bg-home.jpg) fixed center top; }
#community { background: url(../images/bg-community.jpg) fixed center top; }
#apartments { background: url(../images/bg-apartments.jpg) fixed center top; }
#location { background: url(../images/bg-location.jpg) fixed center top; }
#application { background: url(../images/bg-application.jpg) fixed center top; }
#contact { background: url(../images/bg-contact.jpg) fixed center top; }


.left-block h2 {
	display: block;
	width: 170px;
	height: 26px;
	text-indent: -999em;
	margin-bottom: 30px;
}
#community .left-block h2 { background: url(../images/title-community.png) no-repeat left top; }
#apartments .left-block h2 { background: url(../images/title-apartments.png) no-repeat left top; }
#location .left-block h2 { background: url(../images/title-location.png) no-repeat left top; }
#application .left-block h2 { background: url(../images/title-application.png) no-repeat left top; }
#contact .left-block h2 { background: url(../images/title-contact.png) no-repeat left top; }


.content {
	display: block;
	width: 960px;
	margin: 98px auto 0;
	background: url(../images/black-bg.png) no-repeat center top;
	height: 591px;
	overflow: hidden;
}
.content-base {
	display: block;
	width: 960px;
	margin: 0 auto;
	background: url(../images/black-bg-base.png) no-repeat center top;
	height: 57px;
}
.main {
	width: 703px;
	padding: 103px 0 40px 83px;
	margin: auto;
	overflow: hidden;
}
.left-block {
	width: 170px;
	float: left;
	margin-right: 20px;
}
.right-block {
	width: 420px;
	float: left;
	height: 480px;
}

.main ul, .main ol {
	display: block;
	margin: 1em 0;
}
.left-block li {
	list-style: none;
	font-size: .75em;
	line-height: 1.3em;
}
.right-block li {
	list-style: none;
	font-size: .75em;
	line-height: 1.5em;
	padding-left: 2em;
}
.left-block p {
	font-size: .875em;
}
#contact_form {
	width: 420px;
	display: block;
	margin-top: 1em;
	clear: both;
}
#contact_form .group {
	display: block;
	float: left;
	width: 200px;
	position: relative;
}
#contact_form .group.first {
	margin-right: 20px;
}
#contact_form label {
	display: block;
	font-size: .75em;
	font-weight: bold;
	clear: both;
	margin-bottom: 5px;
}
#contact_form .text {
	width: 190px;
	display: block;
	border: none;
	padding: 5px;
	font-size: 14px;
	line-height: 1.25em;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: text;
}
#contact_form textarea {
	width: 410px;
	height: 120px;
	border: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	margin-bottom: 20px;
	cursor: text;
}
#contact_form .submit {
	display: block;
	float: right;
	width: 120px;
	height: 37px;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
	border: none;
	background: url(../images/button-send.png) no-repeat 0 0;
	cursor: pointer;
}
label.error { 
	font-weight:normal;
	color:yellow;
	text-align:left;
}

label#name_error      { position:absolute; top:48px; left:0; }
label#email_error     { position:absolute; top:48px; left:0; }

#message p {
	line-height: 48px;
	font-size: 1em;
}


a.gallery {
	display: block;
	overflow: hidden;
	height: 115px;
	width: 420px;
	position: relative;
}
/*
a.gallery:hover img {
	position: absolute;
	top: -115px;
}
*/

#footer {
	display: block;
	left: 50%;
	margin-left: -370px;
	position: absolute;
	top: 750px;
	width: 740px;
	overflow: hidden;
}
#copyright {
	display: block;
	float: left;
}
#credit {
	display: block;
	float: right;
}
#credit a { text-decoration: none; }


/*   =======   SLIDER CONTENT  =======   */


#slider {
  width: 100%;
  margin: 0;
  position: relative;
}

.scroll {
  height: 1200px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0;
  height: 1200px;
}
.scrollButtons {
  position: absolute;
  top: 350px;
  cursor: pointer;
  z-index: 1000;
}

.scrollButtons.left {
  left: 12%;
}

.scrollButtons.right {
  right: 12%;
}


/*   =======   MINI-SLIDER CONTENT  =======   */

.mini-pane-nav,
.community-mini-pane-nav {

}
.mini-pane-wrap,
.community-mini-pane-wrap {
	width: 420px;
	display: block;
	margin: 0 !important;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
	height: 480px;
}
.mini-pane,
.community-mini-pane {
	display: block;
	width: 420px;
	padding: 0 !important;
	float: left;
	list-style: none;
	font-size: 16px !important;
	margin: 0 !important;
	position: absolute;
	display: none;
}
.mini-pane-nav li,
.community-mini-pane-nav li {
	margin-bottom: 20px;
}
.mini-pane-wrap li.active,
.community-mini-pane-wrap li.active {
	display: block;
}

.icon-pdf {
	background: url(../images/icon-pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
	height: 16px;
	display: block;
}
.red {
	color: #ff0000 !important;
}

/*   =======   SCROLL BAR STYLES  =======   */

.scroll-pane {
	width: 420px !important;
	height: 480px;
	margin-right: 10px;
	overflow: auto;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 440px !important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scrolltrack-bg.png) no-repeat center top;
	width: 10px;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scrolltrack-bar.png) repeat-y center top;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}