@charset "utf-8";
/* CSS Document */

/*  CSS 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
.clear {clear: both;}
.skip {display: none;}
.hide {display: none;}
.visible {visibility: visible;}
.left {float: left;}
.right {float: right;}

bold, strong { font-weight: bold;}
i, em { font-style: italic;}

/* Basic CSS */

body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	background: #FFF url(../images/page_bg.jpg) top repeat-x;
}

h1,h2,h3,h4,h5,h6 {
	color: #506993;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0.2em 1.4em;
}

h2,h3,h4,h5,h6 {
	font-size: 1.2em;
	padding: 0.2em 0.7em;
}

p {
	font-size: 0.8em;
	padding: 0.5em 2em;
}
p.image img {padding: 0.2em; border: 1px solid #ccc; margin: 0.5em; background: #fff;}
a {	text-decoration: none; 	color: #177ce4;}
a:hover { text-decoration: underline;}

ul {
	font-size: 0.8em;
	margin: 0 2em;
}

td {
	padding: 5px;
	border: 1px solid #e7e7e7;
}

img.left {
	float: left;
	margin-right: 5px;
}




/* Layout Divs */
#container {
	width: 960px;
	margin: 0 auto;
}
	
	#header{ 
		background:url(../images/header_bg.jpg) left no-repeat;
		height: 91px;
		position: relative;
	}
	
		p.contact {
			color:#7498b1; 
			font-size: 0.7em; 
			position: absolute;
			right: 0.5em;
			top: 1em;
		}
		p.contact span.phone { color: #177ce4; font-size: 1.4em; font-weight: bold;}
	
	#banner {
		background: url(../images/banner_bg.jpg) top no-repeat;
		height: 250px;
	}
	
	#navContainer {
		height: 50px;
		position: relative;
	}
	
	#content {
		padding-top: 1em;
		width: 100%;
		overflow: hidden;
	}
		#colLeft {
			width: 240px;
			float: left;
		}
		
			#news {
				font-size: 0.8em;
				list-style: none;
				margin: 0;
			}
			
				#news li a {
					padding: 1em;
					clear: left;
					display: block;
					color: #555;
					border-bottom: 1px dotted #ccc;
				}
				
				#news li a span.newsTitle {
					width: 200px;
					display: block;
					font-weight: bold;
					color: #1279c1;
				}
				
				#news li a:hover {
					background: #efefef;
					text-decoration: none;
				}

		#weatherzone {
			padding: 1em;
			font-size: 0.8em;
		}
		
		#colRight {
			width: 240px;
			float: right;
		}
		
		#center {
			margin: 0 245px;
		}
		
		#center.full {
			margin: 0 0 0 245px;
		}
		
/* Gallery */

	ul.galleryList {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		ul.galleryList li {
			border-bottom: 1px dotted #ccc;
			padding-bottom: 0.5em;
		}
		
			ul.galleryList li a {
				display: block;
				height: 60px; 
				padding: 0.5em;
				color: #666;
			}
			
				ul.galleryList li a img {
					float: left;
					padding: 0.2em;
					border: 1px solid #ccc;
					background: #fff;
					margin: 0 0.5em 0.5em 0;
				}
				
					ul.galleryList li a span.galleryTitle {
						display: block;
						font-size: 1.2em;
						color: #506993;
						font-weight: bold;
					}
					
			ul.galleryList li a:hover {
				background: #d7d7d7;
				text-decoration: none;
			}
			
	p.gallery img {
		padding: 0.2em;
		border: 1px solid #ccc;
		background: #fff;
		margin: 0.5em;
	}
		
			
		/*		Listings		*/

	div.listing {
		border: 1px solid #efefef;
		padding: 5px;
		margin: 5px 0;
		float: left;
		width: 680px;
	}
	
	div.listing:hover {
		background: #efefef;
		border: 1px solid #999;
	}
	
	div.listing img {
		float: center;
		margin: 2px 10px 2px 2px;
	}
	
	div.listing p.heading {
		font-weight: bold;
		font-size: 12px;
	}
	
	div.listing p.price {
		font-weight: bold;
	}
	
	div.listing table {
		padding: 0;
		width: 680px;
	}

/*			Listing Detail			*/
	
	#detail {
		border: 1px solid #efefef;
		float: left;
		width: 680px;
	}
	
	#detail img {
		float: left;
		margin: 0 0 5px 0;
	}
	
	#info {
		width: 210px;
		float: right;
	}
	
	#info a {
		display: block;
		padding: 3px;
		border: 1px solid #0066CC;
		margin: 0 0 5px 0;
		text-align: center;
	}
	
	#info a:hover {
		background: #0066CC;
		color: #fff;
		text-decoration: none;	
	}

/*	Form Stylin'	*/
			
			#contact_form {	
			
				padding: 0.5em 2em;
				font-size: 0.75em;
				color: #666;			
			}
			
			#contact_form p {font-size:1em;}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #ccc;
				margin-bottom: 0.5em;
			}
			
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #386EB4;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 100%;
				float: left;
				clear: left;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font: 'Trebuchet MS', Arial, Helvetica, sans-serif;
				color: #333;
			}
			
			#contact_form fieldset textarea {
				font: 'Trebuchet MS', Arial, Helvetica, sans-serif;	
				color: #333;
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #000;
			}

		
	#footer {
		clear: both;
		margin: 1em 0;
		font-size: 0.8em;
		letter-spacing: 0.2em;
		text-align: center;
	}
