@charset "utf-8";
@import "global_reset.css";
@import "layout.css";

/* Table of content

	TOTAL styles
	HEADER styling
	FOOTER styling
	CONTENT styling
		SIDE-BAR COLUMN styling
		CONTENT COLUMN styling
*/

/***** TOTAL styles *****/
html {
	background: #3a3936;
}
body {
	background: #3a3936;
}
#body-bg {
	width: 100%;
	background: url(../img/body_bg.jpg) repeat center top;
}
#canvas {
	background: url(../img/menu_shadow.png) no-repeat 384px top;
}
#footer-bg {
	width: 100%;
	background: url(../img/footer_bg.jpg) repeat-x center top;
}
/***** end total styles *****/

/***** HEADER styling
---------------------------------------------------------------------------------------------------------------- *****/
#header {
	background: url(../img/nav_bg.png) no-repeat 388px top;
}
.main-logo {
	display: block;
	width: 332px;
	height: 114px;
	float: left;
	position: relative;
	overflow: hidden;
}
.main-logo img {
	position: absolute;
	top: 0;
	left: 0;
}
/* gorizontal navigation */
ul#nav-g-fl {
	width: 436px;
	float: left;
	margin: 32px 0 0 112px;
}
ul#nav-g-fl li {
	float: left;
	margin-left: 15px;
}
ul#nav-g-fl li:first-child {
	margin-left: 0;
}
ul#nav-g-fl li#btn1 {width: 44px;}
ul#nav-g-fl li#btn2 {width: 68px;}
ul#nav-g-fl li#btn3 {width: 80px;}
ul#nav-g-fl li#btn4 {width: 106px;}
ul#nav-g-fl li#btn5 {width: 78px;}
ul#nav-g-fl li a, ul#nav-g-fl li span {
	display: block;
	height: 32px;
	font: bold 14px/32px "Times New Roman", Times, serif;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	text-indent: -9000em;
	background: url(../img/nav_sprite.png) no-repeat;
}
ul#nav-g-fl li span {
	color: #509314;
}
ul#nav-g-fl li a {
	text-decoration: none;
	color: #ab5258;
}
ul#nav-g-fl li a:hover, ul#nav-g-fl li a:active {
	color: #139ed8;
}

ul#nav-g-fl li#btn1 a {
	background-position: 0 0;
}
ul#nav-g-fl li#btn2 a {
	background-position: -44px 0;
}
ul#nav-g-fl li#btn3 a {
	background-position: -112px 0;
}
ul#nav-g-fl li#btn4 a {
	background-position: -192px 0;
}
ul#nav-g-fl li#btn5 a {
	background-position: -298px 0;
}

ul#nav-g-fl li#btn1 a:hover, ul#nav-g-fl li#btn1 a:active {
	background-position: 0 -32px;
}
ul#nav-g-fl li#btn2 a:hover, ul#nav-g-fl li#btn2 a:active {
	background-position: -44px -32px;
}
ul#nav-g-fl li#btn3 a:hover, ul#nav-g-fl li#btn3 a:active {
	background-position: -112px -32px;
}
ul#nav-g-fl li#btn4 a:hover, ul#nav-g-fl li#btn4 a:active {
	background-position: -192px -32px;
}
ul#nav-g-fl li#btn5 a:hover, ul#nav-g-fl li#btn5 a:active {
	background-position: -298px -32px;
}

ul#nav-g-fl li#btn1 span {
	background-position: 0 -64px;
}
ul#nav-g-fl li#btn2 span {
	background-position: -44px -64px;
}
ul#nav-g-fl li#btn3 span {
	background-position: -112px -64px;
}
ul#nav-g-fl li#btn4 span {
	background-position: -192px -64px;
}
ul#nav-g-fl li#btn5 span {
	background-position: -298px -64px;
}
/* end gorizontal navigation */
/***** end header styling *****/

/***** FOOTER styling
---------------------------------------------------------------------------------------------------------------- *****/
#footer {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer address {
	width: 276px;
	float: left;
	margin: 32px 0 0 20px;
}
/* text navigation */
ul#nav-g-ibl {
	margin: 28px 20px 0 312px;
	text-align: right;
}
ul#nav-g-ibl li {
	display: inline-block;
	vertical-align: top;
	border-left: 1px dotted #fff;
	padding: 0 0 0 4px;
}
*:first-child+html ul#nav-g-ibl li {
	display: inline;
	zoom: 1.0;
	padding-right: 4px;
}
ul#nav-g-ibl li:first-child {
	border-left: none;
	padding-left: 0;
}
ul#nav-g-ibl li a {
	display: block;
	height: 22px;
	padding-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
}
ul#nav-g-ibl li a span {
	display: block;
	padding: 0 7px 0 2px;
	line-height: 22px;
}
ul#nav-g-ibl li a:hover, ul#nav-g-ibl li a:active {
	background: url(../img/footer_nav_sprite.png) no-repeat left -22px;
}
ul#nav-g-ibl li a:hover span, ul#nav-g-ibl li a:active span {
	background: url(../img/footer_nav_sprite.png) no-repeat right top;
}
a#jm-logo {
	width: 162px;
	display: block;
	clear: left;
	float: left;
	margin: 18px 20px;
}
/* end text navigation */
/***** end footer styling *****/

/***** CONTENT styling
---------------------------------------------------------------------------------------------------------------- *****/
#data-wrapper {
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.top-corners {
	height: 22px;
	width: 100%;
	background: url(../img/column_corners_sprite.png) no-repeat left -50px;
}
.bottom-corners {
	height: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/column_corners_sprite.png) no-repeat left -36px;
}
#content, #side-bar {
	background-color: #fff;
	overflow: hidden;
}
/***** SIDE-BAR COLUMN styling *****/
#side-bar-holder {
	position: relative;
}
#side-bar-holder .top-corners {
	background-position: left -14px;
}
#side-bar-holder .bottom-corners {
	background-position: 0 0;
}
#side-bar {
	margin-bottom: 14px;
}
a.link-box {
	display: block;
	width: 246px;
	margin: 14px auto 22px auto;
}
#side-bar hr {
	height: 0;
	border-bottom: 1px dotted #dfdfbf;
	margin: 18px 0;
}
*:first-child+html #side-bar hr {
	margin: 0;
}
#side-bar h1 {
	text-align: center;
	margin: 18px 0;
	padding: 0 10px;
}
#side-bar p {
	margin: 18px 0;
	padding: 0 10px;
	text-align: center;
}
a#contact-us {
	display: block;
	width: 160px;
	height: 18px;
	margin: 18px auto;
	text-indent: -9000em;
	background: url(../img/contact_us_sprite.jpg) no-repeat;
}
a#contact-us:hover, a#contact-us:active {
	background: url(../img/contact_us_sprite.jpg) no-repeat left -18px;
}
/***** end side-bar column styling *****/

/***** CONTENT COLUMN styling *****/
#content-holder {
	position: relative;
}
.home #content-holder .top-corners {
	background-position: left -72px;
}
.home #content-holder {
	margin-top: 340px;
}
.home #content {
	background: #fff url(../img/home_content_bg.jpg) no-repeat;
}
#flash-zone {
	width: 660px;
	height: 340px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 21;
	background: url(../img/stand.png) no-repeat right bottom;
}
#flash-zone > img {
	position: absolute;
	top: -76px;
	right: 64px;
	z-index: 22;
}
#flash-replacement {
	width: 462px;
	height: 314px;
	position: absolute;
	top: 0px;
	left: 50px;
}
#content {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #010101;
	padding: 0 30px;
	margin-bottom: 14px;
	/*background:	url(../img/grid_18.gif) repeat;*/
}
#content p, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4 {
	margin-bottom: 18px;
}
#content h1 {
	font: normal 24px/36px Arial, Helvetica, sans-serif;
}
#content h2 {
	font: normal 21px/36px Arial, Helvetica, sans-serif;
}
#content h3 {
	font: normal 18px/18px Arial, Helvetica, sans-serif;
}
#content h4 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
}
#content h1, #content h2, #content h3, #content h4 {
	padding-top: 8px;
	margin-bottom: 10px;
	color: #509314;
}
#content ul {
	list-style: disc url(../img/list_bullet.jpg) outside;
	padding-left: 28px;
}
#content ul li {
	margin-bottom: 10px;
}
#content ol {
	list-style: decimal outside;
	padding-left: 1.2em;
}
#content a:link, #content a:visited {
	color: #139ed8;
	text-decoration: underline;
}
#content a:hover, #content a:active {
	text-decoration: none;
}
#content img.left {
	float: left;
	margin:	0 18px 18px 0;
}
#content img.right {
	float: right;
	margin:	0 0 18px 18px;
}
#content p.right-lnk {
	text-align: right;
}
/***** end content column styling *****/
/***** end content styling *****/

#content .floorplan { background: url(../img/floorplans_bg.jpg) #f7f4ec; border:1px solid #AAA; padding:5px 20px 18px 20px; width:520px; height:630px; margin:20px 0 25px;}
#content .floorplan p { margin:0; color:#333; font-weight:bold;}
#content .floorplan h1 {color:#322626; margin:25px 0 15px; font-weight:bold;}
#content .floorplan ul{ list-style:disc; padding-left:18px; margin:5px 0 25px; font-size:12px; color:#333;}
#content .floorplan ul li { margin:3px; padding:0;}
#content ul#floorplan_nav { list-style:none; padding:0;}
#content ul#floorplan_nav li { height:28px; width:200px; float:left; display:block; background:url(../img/floorplans_nav.jpg);}
#content ul#floorplan_nav li#floorplan_1 { background-position: 0 0; width:168px;}
#content ul#floorplan_nav li#floorplan_1:hover { background-position: 0 -28px; width:168px;}
#content ul#floorplan_nav li#floorplan_2 { background-position: -168px 0; width:227px;}
#content ul#floorplan_nav li#floorplan_2:hover { background-position: -168px -28px; width:227px;}
#content ul#floorplan_nav li#floorplan_3 { background-position: -395px 0; width:167px;}
#content ul#floorplan_nav li#floorplan_3:hover { background-position: -395px -28px; width:167px;}
#content .floorplan div.hide {border:2px solid #5b9a25; width:484px; height:370px; padding:15px; position:absolute; visibility:hidden;}
#content .floorplan div.show {border:2px solid #5b9a25; width:484px; height:370px; padding:15px; position:absolute; display:block;}
div.neighborhood { float:left; width:160px;}
div.neighborhood img { margin-bottom:15px;}
#content #neighborhood { list-style:disc; padding-left:20px; float:left; width:400px;}
#content #neighborhood li { margin-bottom:19px;}
#contact input { padding:2px 5px; background:url(../img/input.jpg); color:#FFF; border:2px ridge #74A372; font-size:16px;} 
#contact .submit { float:right; margin:10px 42px; background:url(../img/submit.png); width:126px; height:32px; border:none;}
#contact .submit2 { float:right; margin:10px 42px; background:url(../img/submit2.png); width:126px; height:32px; border:none;}