/*-----------------------------------------------------
Title : Property Template
Author : BCW
URL : 

Description : Global stylesheet

Created : 2010-03-29
Modified : 2010-03-29
-----------------------------------------------------*/





/* DEFAULT SETTINGS FOR BROWSER COMPATIBILTY
----------------------------------------------------*/


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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* html .clearfloat { 
	height: 1%;
	overflow: visible;
}

*+html .clearfloat { 
	min-height: 1%; 
}

.clearfloat:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

a {
	text-decoration: none;
}


body {
	background:#e9e9e9 url('../../images/bg.png') repeat-x top;
	font-family: "Times New Roman", Times, Georgia, Cambria,  serif;
}

#container {
	background: url('../../images/bg-container-top-trans.png') no-repeat 0 top;
	margin: 20px auto 0 auto !important;
	width: 1174px;
}

.homepage #container .bottom{
	background: url('../../images/bg-monica_footer.jpg') no-repeat -2px 5px;
	height: 237px;
	margin: 0 auto;
	width: 1169px;
	clear: both;
}

#container .bottom{
	background: url('../../images/bg-monica_footer.jpg') no-repeat -1px 5px;
	height: 237px;
	margin: 0 auto;
	width: 1169px;
	clear: both;
}

#container .sidebar {
	width: 195px;
	height: 622px;
	margin: 15px 9px 0 15px;
	background: url('../../images/bg-sidebar.png') no-repeat 0 0; 
}

#container .sidebar {
	background: url('../../images/bg-sidebar.png') no-repeat 0 0;
	width: 195px;
	float: left;
	margin: 15px 9px 0 15px;
	_margin: 15px 5px 0 7px;
	text-align: center;
}

#container .sidebar h1 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	margin: 30px 0 0 0;
	text-shadow: 1px 1px 0px #3e8827;
}

#container .sidebar h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px 0px #3e8827;
}

#container .sidebar ul {
	margin: 45px auto;
	width: 175px;
	background: url('../../images/bg-dividers-sidebar.png') no-repeat 0 top;
}

#container .sidebar ul li {
	background: url('../../images/bg-dividers-sidebar.png') no-repeat 0 bottom;
}

#container .sidebar ul li a {
	font-size: 15px;
	color: #fff;
	padding: 10px 0;
	display: block;
	text-shadow: 1px 1px 0px #3e8827;
}

#container .sidebar ul li a:hover {
	color: #25400d;
}

body.homepage a.enter  {
	display: block;
	width: 89px;
	padding: 12px 0 12px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	overflow: hidden;
	background: url('../../images/btn-enter.png') no-repeat;
	position: absolute;
	margin: 0 0 0 1055px;
	top: 604px;
}

body.homepage a.enter:hover {
	color: #25400d;
}

body.homepage img {
	border: 1px solid #fff;
	margin: 15px 0 0 0;
}

body.features #maincontent {
	background-color: #e2f5dc;
	border: 1px solid #fff;
	width: 667px;
	float: left;
	margin: 15px 0 0 0;
}

/*ON STATES*/

#container .sidebar li.on {
	background-color: #689b3a;
} 

#container .sidebar li.on:hover a{
	color: #fff !important;
	cursor: default;
}

#maincontent {
	height: 619px;
}

#maincontent hr {
	width: 94%;
	height: 1px;
	border: 1px solid #a4ce97;
	margin: 0 0 20px 20px;
}

body.floorplan #maincontent hr {
	width: 96%;
	height: 1px;
	border: 1px solid #a4ce97;
	margin: 0 0 20px 20px;
}

#maincontent h2 {
	font-size: 27px;
	color: #545454; /* -------------------------Color for page headings--------------------------*/
	font-weight: normal;
	margin: 20px;
	text-shadow:#fff 0px 1px 0;
}

#maincontent p {
	font-size: 13px;
	color: #242524;
	margin: 10px 0 20px 0;
	line-height: 160%;
	padding: 0 20px;
}

#maincontent p a,
#rightcol p a,
#rightcol li a {
	color: #689b3a;
	text-decoration: underline;
}

#maincontent p.price {
	float: right;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

#maincontent p.price span {
	font-size: 12px;
	color: #545454;
}

#rightcol {
	background-color: #f3fdf0;
	width: 258px;
	border: 1px solid #fff;
	float: left;
	padding: 3px;
	margin: 15px 0 0 5px;
	height: 613px;
}

#rightcol .border {
	border: 3px solid #dff2d3;
	height: 607px;
}

#rightcol p {
	font-size: 13px;
	color: #1e3905;
	margin: 10px 0 20px 0;
	line-height: 160%;
	padding: 0 20px;
}

#rightcol ul {
	padding: 20px;
}

#rightcol ul li {
	font-size: 13px;
	margin: 0 0 10px 0;
	line-height: 130%;
	background: url('../../images/bul-arrow-green.png') no-repeat left 4px;
	padding: 0 0 0 15px;
}

#rightcol h3 {
	margin: 10px 0 0 10px;
	color: #242524
}

#rightcol a.floorplan {
	display: block;
	background: url('../../images/btn-floorplan.png') no-repeat 0 0;
	color: #fff;
	padding: 13px 0 10px 0;
	margin: 5px auto;
	width: 217px;
	text-indent: 50px;
	font-size: 14px;
}

#rightcol a.brochure {
	display: block;
	background: url('../../images/btn-brochure.png') no-repeat 0 0;
	color: #fff;
	padding: 13px 0 10px 0;
	margin: 0 auto;
	width: 217px;
	text-indent: 50px;
	font-size: 14px;
}

#rightcol a.floorplan:hover,
#rightcol a.brochure:hover {
	color: #e2f5dc;
}

body.floorplan #maincontent {
	background-color: #e2f5dc;
	border: 1px solid #fff;
	width: 938px;
	float: left;
	margin: 15px 0 0 0;
}

body.floorplan #maincontent .floorplan {
	text-align: center;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 14px 0;
	background: url('../../images/bg-floorplan-btm.png') no-repeat bottom;
}

body.floorplan #maincontent img {
	border: 2px solid #7cbd42;
	margin: 0 auto;
}

body.map #maincontent {
	float: left;
}

body.map #maincontent iframe {
	margin: 15px 0 0 0;
	float: left;
	border: 1px solid #999;
}

body.map #maincontent small,
body.map #maincontent br {
	display: none;
}

body.map #rightcol{
	text-align: center;
	float: left;
}

body.map #rightcol img {
	background-color: #fff;
	border: 1px solid #97bb80;
	padding: 3px;
	margin: 10px 0 0 0;
}

body.map #rightcol address {
	font-size: 16px;
	color: #3E8827;
	font-style: normal;
	margin: 20px 0 0 0;
	font-weight: normal;
	text-shadow: 1px 1px 0px #97BA98;
	line-height: 220%;
	/*text-shadow:#fff 0px 1px 0, #97BA98 1px 1px 0;*/
}

body.map #rightcol address span {
	font-size: 26px;
	display: block;
}

/* GALLERY
---------------------------------------------------*/
body.gallery #maincontent {
	background-color: #e2f5dc;
	border: 1px solid #fff;
	width: 938px;
	float: left;
	margin: 15px 0 0 0;
}

body.gallery #maincontent img {
	border: 0px solid #7cbd42;
	margin: 0 auto;
}

#containerPhoto{ 
	width:938px;
	height:619px;
	position:relative;
	overflow:hidden;
}
#sliderPhoto{
	position:absolute;
	width:100000px;}
#sliderPhoto img {
	width:938px!important;
	height:619px!important;
	display:block;
	float:left;
}
div.details{
	width:246px!important;
	height:364px!important;
	background:url('../../images_new/bg-sidebar-gallery.png') no-repeat #f7edcf!important;
	background-image:url('../../images_new/bg-sidebar-gallery.png')!important;
}
div.narrow-left,div.narrow-right{
	float:left;
	height:26px;
	width:26px;
	background:#ce8b22;
}
#narrow-right{ float:right; }
#sliderThumbs {
	background:#000;
	height:55px;
	float:left;
	width:938px;
	position:relative;
	overflow:hidden;
	opacity:0.8;
	margin: -55px 0 0 0;
}
#sliderThumbs ul{
	padding:10px;
	margin:0;
	width:100000px;
	position:absolute;
}
#sliderThumbs li{
	width:22px;
	height:19px;
	padding:0 5px;
	float:left;
	margin:0!important;
	text-align:center!important;
	background:none!important;
}
#sliderThumbs li a{
	margin-top:3px!important;
	float:left;
	width:19px;
	height:16px;
	padding:9px 4px 4px 4px ;
	display:block;
	color:#f8ecd2;
	font-size: 12px;
	text-decoration:none;
	background-image:none!important;
	background-color: #282828;
}
#sliderThumbs li.current a{
	background:#7cbd42;
}

#sliderThumbs li a:hover {
	background-color: #5A5A5A;
}

#containerPhoto a.back,
#containerPhoto a.next{
	position:absolute;
	width:290px;
	overflow:hidden;
	border: 0px solid #999 !important;
}
#containerPhoto a.next{ right:0;top:100px;}
#containerPhoto a.back{top:100px;}

body.agent #maincontent {
	background-color: #e2f5dc;
	border: 1px solid #fff;
	width: 667px;
	_width: 660px;
	float: left;
	margin: 15px 0 0 0;
}

body.agent #maincontent img {
	border: 1px solid #97bb80;
	padding: 3px;
	margin: 0 0 20px 20px;
	float: left;
	background-color: #fff;
}

body.agent #maincontent .agentaddress {
	width: 300px;
	float: left;
	font-style: normal;
	font-size: 14px;
	margin: 0 0 0 15px;
	line-height: 160%;
	color: #3E8827;
}

body.agent #maincontent .agentaddress a {
	color: #2E691B;
}

body.agent #maincontent .agentaddress span {
	font-size: 20px;
	color: #2e691b;
}

body.agent #maincontent .agentaddress img {
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
}

body.agent #rightcol form {
	padding: 10px;
}

body.agent #rightcol form input.button {
	background: url('../../images/btn-submit.png') no-repeat;
	height: 38px;
	width: 84px;
	border: 0 solid #999;
	text-indent: -2000px;
	margin: 10px 0 0 0;
}

body.agent #rightcol form input.textfield {
	padding: 3px;
	border: 1px solid #97bb80;
	font-size: 14px;
}

body.agent #rightcol form textarea {
	padding: 3px;
	font-size: 14px;
	border: 1px solid #97bb80;
	width: 220px;
	height: 200px;
}

body.agent #rightcol label {
	font-size: 12px;
	display: block;
	margin: 5px 0 10px 0;
	color: #545454;
}