/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*************************************************   LAYOUT   *************************************************/
html, body {font: 12px/18px Arial, Helvetica, sans-serif; color:#333; margin:0}
.container{width:960px; margin:0 auto;}
#header{background:url(../images/bg_header.gif) repeat-x bottom; text-align:center; color:#c7e0f4; font-size:14px; font-weight:normal; text-shadow: #2d4150 0px 1px 1px;}
#content{overflow:hidden; margin-bottom:10px}
#action{background:#eae8e2 url(../images/bg_action.gif) repeat-x bottom; overflow:hidden; color:#726e69; padding:30px; margin-bottom:30px}
#footer{background:url(../images/bg_footer.gif) repeat-x; overflow:hidden; color:#b3c3d0;}
.clear{height:1px; clear:both; font-size:1px; line-height:1px}

/* Global Grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid{display:inline; float:left; margin-left:10px; margin-right:10px;}

/* Children */
.first{margin-left:0;}
.last{margin-right:0;}
.center{margin:0 auto;}
.left{float:left;}
.right{float:right}
.block{margin-bottom:20px}

/* 12 Columns */
.grid-1{width:60px;}
.grid-2{width:140px;}
.grid-3{width:220px;}
.grid-4{width:300px;}
.grid-5{width:380px;}
.grid-6{width:460px;}
.grid-7{width:540px;}
.grid-8{width:620px;}
.grid-9{width:700px;}
.grid-10{width:780px;}
.grid-11{width:860px;}
.grid{width:940px;}


/*************************************************   DEFUALTS   *************************************************/
a{cursor:pointer; color:#33658c}
a:hover{text-decoration:none;}
p{margin-bottom:20px}
ul{margin-bottom:20px; list-style:disc inside;}
ol{margin-bottom:20px; list-style:decimal inside;}
h2{font-size:22px; line-height:26px; margin-bottom:10px;}
h3{font-size:18px; color:#36312c; margin-bottom:10px}
strong, b{font-weight:bold}

/*************************************************   HEADER  *************************************************/
#header .container{background:url(../images/bg_logo.gif) no-repeat top center; height:117px;}
#logo{height:80px; width:250px; margin:0 auto; text-indent:-9999px; overflow:hidden}

/*************************************************   CONTENT   *************************************************/
#action-info h2{font-size:22px; line-height:26px; margin-bottom:10px; color:#36312c; text-shadow: #fff 0px 1px 1px;}
#action-info blockquote{font-size:14px; line-height:20px; margin-bottom:10px; color:#33658c; font-style:italic}
#action-info p{margin-bottom:20px;}
#action-info #for-sale{background:#f7f6f3 url(../images/for_sale.gif) no-repeat 17px 17px; padding:17px 135px 17px; height:63px; color:#36312c; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; line-height:32px; margin-bottom:20px}
#action-info #for-sale span{display:block; font-size:14px; font-weight:bold; line-height:14px; margin-bottom:6px}
#action-info .button-blue{background:#33658c; display:block; font-size:20px; padding:15px 0; text-align:center; font-style:italic; font-weight:bold; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-decoration:none}
#action-info .button-blue:hover{background:#2f4353; text-decoration:none}
.check-list li{background:url(../images/check.png) no-repeat 0 3px; margin-bottom:5px; padding-left:20px; list-style:none}
.pdf{background:url(../images/pdf.png) no-repeat 0 0px; padding-left:20px}
#news, #openhouse{background:#eae8e2; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3); padding:20px; padding-bottom:0px;  color:#726e69; margin-bottom:20px; overflow:hidden}
.date{color:#a50000; font-weight:bold}
#openhouse img{float:left; margin-right:10px; margin-bottom:10px}

/*#tabs li a{border:3px solid #fff; display:block}
#tabs li a.active, #tabs li a:hover{border-color:#ffe597}
.panes{margin-bottom:20px}*/

/* Tabs */
ul#tabs {margin:0 !important; padding:0;}
ul#tabs a {text-decoration:none; border:3px solid #fff; display:block; position:relative; outline:none}
ul#tabs a:hover, ul#tabs a.current {border-color:#ffe597}
.panes{margin-bottom:20px; height:341px; width:620px; overflow:hidden}
.panes div {display:none; height:341px; width:620px; background-color:#fff;}

/* Overlay */
.overlay {
	display:none;
	z-index:10000;
	background-color:#fff;
	width:560px;	
	min-height:200px;
	border:1px solid #666;
	padding:20px 10px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#contact-form{display:block; background:#eae8e2; padding:10px;  -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
#contact-form label{float:left; width:60px; padding:4px 0; text-align:right; padding-right:10px}
#contact-form .form-row{margin-bottom:10px}
#contact-form input{width:200px; padding:4px 2px}
#contact-form textarea{width:202px; padding:4px 2px; height:60px}
#contact-form button{margin-left:70px;background:#33658c; display:block; padding:5px 7px; text-align:center; font-weight:bold; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-decoration:none; border:none; cursor:pointer}
#contact-form button:hover{background:#2f4353;}
.overlay ul li{list-style:none}


/* error message
.error {
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;
	position:relative;
	z-index:10000;


	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
 */
 
 #note {
	
	margin-bottom:5px;
	
}

.notification_error{color:red}
.notification_ok{color:green;}

/* title */
#errors b {
	color:#000;
}

#errors p{margin-bottom:2px}




/*************************************************   FOOTER   *************************************************/
#footer a{color:#b3c3d0}
#footer .container{ background:url(../images/footer_glare.gif) no-repeat top center}
.center-grid{display:block; margin: 0 auto; float:none; padding-top:20px; height:133px; overflow:hidden;}
.ca-logo{float:left; margin:20px}
#footer-contact{float:left; margin:20px 20px 20px 0; list-style:none;}
#footer-contact b{color:#fff}
.web-design{text-align:center; padding-bottom:20px; overflow:hidden}
