/* GOLD COAST PROPERTY STYLING Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #FFF;	font: 12px/20px Arial, Helvetica, sans-serif; background: #5c3f32 url(images/wool-bg-20120117.jpg) repeat-x; }	
h1, h2, h3 { color: #86c136; font-weight: normal; }
h1 { font-size: 24px; margin-bottom: 20px;	}
h2 { font: 20px Georgia, "Times New Roman", Times, serif; font-style: italic; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #fff; }
h3 { font-size: 16px; margin-bottom: 10px; }
h4, h5, h6 { font-size: 14px; margin-bottom: 10px; }
h5, h6 { font-size: 12px; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 900px; margin: 20px auto;  }
	#header { height: 170px; background: #FFF; margin-bottom:10px; }
		#menu { height: 50px; background: url(images/navbar.jpg) no-repeat left top; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #86C136; }
			#menu ul { list-style: none; margin: 0; padding: 17px 0 0; }
			#menu li { list-style: none; float: left; width: 150px; text-align: center; }
			#menu a { color: #86C136; text-decoration: none; }
			#menu a:hover { color: #FFF; text-decoration: none; }	
		#logo-contact {}
			#logo { float: left; width: 330px; padding: 15px 0 0 45px; }
			#contact { float: right; width: 210px; }
				#contact-phone { background: url(images/phone-icon.jpg) no-repeat left top; margin-top: 35px; padding-left: 40px; }
				#contact-phone p { font-size: 20px; color: #301e14; padding-top: 8px; } 
				#contact-address p { font-size: 12px; color: #86C136; padding-left: 26px; }
				
	
	#slogan-banner { height: 330px; background: #86c136; margin-bottom:10px; }
		#slogan { float: left; width: 330px; }
			#slogan-text { padding: 45px 50px 0 60px; }
				#slogan-text h2 { font: 36px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #FFF; border-bottom: none; margin-bottom: 15px; padding-bottom: 0; }
				#slogan-text h3 { color: #301e14; margin-bottom: 15px; }
				#slogan-text p { color: #301e14; padding-bottom: 0; }
		#banner { float: right; width: 570px; }	
			.slideshow { height: 330px; width: 570px; overflow: hidden; }					
			
	#content { background: #301e14;  }	
		#content-area { padding: 30px 30px 0 30px; }
			#home-main-content { float: left; width: 390px; margin-right: 20px; }
			#home-mid-content { float: left; width: 200px; margin-right: 20px; }
					#home-mid-content h3 { font-size: 12px; color: #fff; margin-bottom: 5px; } 
					#home-mid-content h3 a { color: #fff; text-decoration: underline; }
					#home-mid-content h3 a:hover { text-decoration: none; }
					#home-mid-content p.added { font-size: 11px; font-weight: bold; font-style: italic; color: #86c136; padding-bottom: 10px; }	
			#main-content { float: left; width: 590px; margin-right: 40px; }
				#main-content-text { float: left; width: 390px; }
				#main-content-images { float: right; width: 180px; }
					#main-content-images img { width: 160px; border: 1px solid #856853; padding: 9px; margin-bottom: 20px; }
					
					#gallery-listing {}
						.gallery-item, .gallery-item-last { float: left; width: 180px; margin-right: 20px; margin-bottom: 20px; }
						.gallery-item-last { margin-right: 0px; }
						.gallery-item img, .gallery-item-last img { width: 160px; border: 1px solid #856853; padding: 9px; margin-bottom: 5px; }
						.gallery-item p, .gallery-item-last p { text-align: center; padding-bottom: 0; }
					
					.article-listing { margin-bottom: 20px; }
						.article-listing h3 a { color: #fff; text-decoration: none; }  
						.article-listing h3 a:hover { text-decoration: underline; }
						.article-listing p.added { font-size: 11px; font-weight: bold; font-style: italic; color: #86c136; padding-bottom: 10px; }	
						
			#side-content { float: left; width: 210px; }
				#news-summary { margin-bottom: 20px; }
					#news-summary h3 { font-size: 12px; color: #fff; margin-bottom: 5px; } 
					#news-summary h3 a { color: #fff; text-decoration: underline; }
					#news-summary h3 a:hover { text-decoration: none; }
					#news-summary p.added { font-size: 11px; font-weight: bold; font-style: italic; color: #86c136; padding-bottom: 10px; }	
				#enews {}
					#enews p { padding-bottom: 10px; }
					
			#footer { border-top: 1px dotted #fff; }
				#footer p { font-size: 11px; padding: 15px; color: #fff; text-align: center; }
				#footer a { color: #fff; text-decoration: none; }
				#footer a:hover { color: #fff; text-decoration: none; }
			
	
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.heading, .mainmenu { display: none; }
.textRed, .textRedBold { color: #CC0000; }
.textGreen, .textGreenBold { color: #86c136; }
.textRedBold, .textGreenBold { font-weight: bold; }
.page-image { float: right; width: 180px; border: 1px solid #856853; padding: 9px; margin-left: 20px; margin-bottom: 20px; }


.long-pagination { padding: 3px; margin: 20px 3px 30px; }
.long-pagination a { padding: 5px 8px; margin: 2px; border: 1px solid #856853; text-decoration: none; color: #856853; }
.long-pagination a:hover, .long-pagination a:active { border: 1px solid #856853; color: #fff; }
.long-pagination span.current { padding: 5px 8px; margin: 2px; border: 1px solid #856853; font-weight: bold; background-color: #856853;		color: #FFF; }
.long-pagination span.disabled { padding: 5px 8px; margin: 2px; border: 1px solid #301e14; color: #301e14; }


/************************* FORM **********************/
input, select, textarea { font: 12px Arial, Helvetica, sans-serif;  }
label { text-align: left; width: 150px; border: none; font-weight: bold; }

#formSignup { }
#formSignup label { font-style: italic; color: #86c136; font-weight: normal;}
#formSignup input {	width: 200px; padding: 2px; border: 1px solid #CCC; background: #EBEBEB; margin-bottom: 10px; }
#formSignup .signButton { width: 70px; height: 20px; background: url(images/submit-btn.jpg) no-repeat left top;
	border: none; cursor: pointer; margin-left: 136px; }

#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea { display: block; width: 140px; float: left; margin-bottom: 10px; padding: 3px; border: none; }
#formContact input, #formContact select, #formContact textarea { width: 300px; border: 1px solid #CCC; background: #EBEBEB; }
#formContact select { width: 209px; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .tinyInput { width:50px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 340px; }
#formContact .extrWideLabel { width: 400px; }
#formContact input.hidden { display: none; }
#formContact .longLabel { width: 180px; }
#formContact .radioLabel { width: 100px; }
#formContact .radioButton { width: 15px; margin: 0 5px 0 0; border: none; background: none; }
#formContact .sendButton { border: 1px solid #86c136; background: #86c136; font-size: 14px; color: #301e14; width: 100px; cursor: pointer; margin-bottom: 20px; }
.formNotice { font-size: 11px; font-style: italic; padding-bottom: 5px; }