/*----------------------------------------------------------------------------- 
[www.gulffrontrealtors.com.com] Screen Stylesheet 

version:   1.0 
date:      09/2/08 
author:    [Brandon L. Rager] 
email:     [brandonlee@cysy.com] 
website:   [www.cysy.com]
-----------------------------------------------------------------------------*/



p {
	margin: 1em 0;
}

/* Random Classes -----------------------------------------------------------*/

.clear 
    { 
    clear:both; 
} 

.right 
    { 
    float: right; 
} 

.left 
    { 
    float: left; 
}





/*---------------------------------- BODY TAG ----------------------------- */

body {
	margin: 0;
	background-image: url(../images/background.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #fff;
	font-size: 1em;
	line-height: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	color: #5a5537;
}

a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #5b87a8;
	font-size: 1.1em;
	text-decoration: none;
}

		a:hover {
			color: #a69431;
			text-decoration: underline;
		}

strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 17px;
	font-style: italic;
	color: #5b87a8;
}

b {
	color: #a69431;
	font-weight: normal;
}

h1 {
	display: block;
	position: absolute;
	top: 0px;
	margin-left: 312px;
}

		h1 a {
			display: block;
			float: left;
			width: 319px;
			height: 121px;
			text-indent: -8000px;
		}
		
h2 {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	height: 72px;
	text-indent: -8000px;
	margin-bottom: 15px;
	font-weight: normal;
}

h3 {
	display: block;
	font-size: 18px;
	color: #425c85;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	background: url(../images/layout_line_gold.gif) bottom left repeat-x;
	font-weight: normal;
}

h4 {
	display: block;
	font-size: 18px;
	color: #a69431;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	background: url(../images/layout_line_blue.gif) bottom left repeat-x;
	font-weight: normal;
}
		h4 a {
			text-decoration: none;	
		}

h5 {
	display: block;
	font-size: 16px;
	color: #425c85;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	margin-bottom: 15px;
	background: url(../images/layout_line_gold.gif) bottom left repeat-x;
	font-weight: normal;
}

		
#container {
	width: 950px;
	margin: 0 auto;
}

#main {
	position: absolute;
	top: 470px;
}

/*--------------------------------------------------------------------------------------------------- Main Content and Sidebars */

#column_left, #column_right {
	width: 180px;
	font-size: 13px;
}

		#column_left {
			float: left;
			margin: 0 15px 0 16px;
			padding: 0 15px 0 0;
			border-right: 1px #d6c670 dashed;
		}
		
		#column_right {
			float: left;
			margin: 0 0 0 15px;
			padding: 0 0 0 15px;
			border-left: 1px #d6c670 dashed;
		}
		
		#column_left ul, #column_right ul {
			margin: 1em 0;
			list-style: none;
		}
		
				#column_left ul li a, #column_right ul li a {
					display: block;
					padding-left: 20px;
					background-image: url(../images/graphic_arrow_grey.gif);
					background-repeat: no-repeat;
					background-position: 0 4px;
					text-decoration: none;
					margin: 2px 0;
				}
				
						#column_left ul li a:hover, #column_right ul li a:hover {
							background-image: url(../images/graphic_arrow_blue.gif);
							color: #a69431;
						}
						
		#quick_search span {
			display: block;
			margin: 5px 0;
		}
		
		#quick_search select {
			display: block;
			width: 175px;
			margin: 5px 0;
			font-size: 11px;
		}
		
		div.gold_container {
			background-image: url(../images/layout_feature_bg.jpg);
			background-repeat: repeat;
			padding: 7px;
			margin-bottom: 15px;
		}
		
		div.blue_container {
			background-image: url(../images/layout_grunge_blue.jpg);
			background-repeat: repeat;
			padding: 7px;
			margin-bottom: 15px;
		}
				a.foreclosures {
					display: block;
					background: url(../images/layout_palm_bg.jpg) repeat bottom center;
					padding: 7px;
					color: #c95806;
					font-size: 1.2em;
					line-height: 1.3em;
					font-style: normal;
				}
				
				a.foreclosures_margin {
					display: block;
					background: url(../images/layout_palm_bg.jpg) repeat bottom center;
					padding: 7px;
					color: #c95806;
					font-size: 1.2em;
					line-height: 1.3em;
					margin-top:7px;
					font-style: normal;
				}
				
						a.foreclosures:hover {
							color: #5b87a8;
							text-decoration: none;
						}
						a.foreclosures span {
							display: block;
							font-size: .8em;
							line-height: 1.3em;
							text-align: right;
							font-style: normal;
							color: #5b87a8;
						}
						
						a.foreclosures_margin:hover {
							text-decoration: none;
							color: #5b87a8;
						}
						a.foreclosures_margin span {
							display: block;
							font-size: .8em;
							line-height: 1.3em;
							text-align: right;
							font-style: normal;
							color: #5b87a8;
						}
					
		
#content {
	float: left;
}

#content a {
	color: #a69431;
	text-decoration: underline;
}

		#content a:hover {
			color: #5b87a8;
		}

		#content.width490 {
			width: 490px;
		}
		
		#content.width490 ul, #content.width700 ul, #content.width910 ul {
			margin-bottom: 1.3em;
			list-style-position:inside;
			list-style: url(../images/graphic_arrow_blue.gif);
			margin-left: 20px;
		}
		
		#content.width700 {
			width: 700px;
		}
		
		#content.width910 {
			width: 910px;
			margin-left: 20px;
		}
		
		#content.width490 img, #content.width700 img {
			padding: 5px;
			background:url(../images/layout_grunge_blue.jpg) repeat top left;
		}
		
		img.alignleft {
			float: left;
			border-left: 10px #fff solid;
			border-bottom: 5px #fff solid;
		}
		
		img.alignright {
			float: right;
			border-left: 10px #fff solid;
			border-bottom: 5px #fff solid;
		}
		
/* -------------------------------------------------------------------------------------------------- NAVIGATION */

ul#navigation {
	position: absolute;
	top: 126px;
	margin-left: 16px;
	list-style: none;
}

		ul#navigation li {
			float: left;
		}
		
		ul#navigation li a {
			display: block;
			float: left;
			width: 95px;
			height: 45px;
			background-position: top left;
			background-repeat: no-repeat;
			font-style: normal;
			text-decoration: none;
			padding-left: 55px;
		}
		
				ul#navigation li a span {
					display: block;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 25px;
					color: #f2f1ca;
					font-variant: small-caps;
					margin-top: 5px;
				}
				
				ul#navigation li a:hover span, ul#navigation li.selected a span {
					color: #ffe348;
				}
				
				ul#navigation li a i {
					display: block;
					font-style: normal;
					font-family: helvetica, arial, sans;
					font-size: 11px;
					line-height: 13px;
					color: #a8b9c7;
				}
				
				ul#navigation li a:hover i, ul#navigation li.selected a i {
					color: #f2f1ca;
				}
		
		ul#navigation li a:hover, ul#navigation li.selected a {
			background-position: 0 -45px;
		}
		
		ul#navigation li a.home {background-image: url(../images/nav_home.png);}
		ul#navigation li a.search {width:105px;background-image: url(../images/nav_search.png);}
		ul#navigation li a.condos {background-image: url(../images/nav_condos.png);}
		ul#navigation li a.about {background-image: url(../images/nav_about.png);}
		ul#navigation li a.links {background-image: url(../images/nav_links.png);}
		ul#navigation li a.contact {background-image: url(../images/nav_contact.png);}
		
/* ---------------------------------------------------------------------------------------------------- IMAGE AREA */

#image_area {
	position: absolute;
	top: 195px;
	margin-left: 11px;
}

/* ------------------------------------------------------------------------------------------------------ FOOTER */

#footer {
	background-image: url(../images/layout_line_blue.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin-top: 1em;
	padding-top: 20px;
	font-size: 11px;
	line-height: 18px;
	width: 950px;
}

		#footer a {
			font-family: Helvetica, Arial, sans-serif;
			font-style: normal;
			text-decoration: none;
			font-size: 11px;
		}
		
		#resources ul {
			width: 210px;
			float: left;
			margin-right: 20px;
		}
		
				#resources ul li {
					border-bottom: 1px #c9ccc9 dashed;
				}
				
		#logos label {
			display:block;
		}

/* ----------------------------------------------------------------------------------------------------- QUICK SEARCH */

form#quick_search button {
			background: url(../images/button_search.gif) 0 0 no-repeat;
			height: 51px;
			width: 93px;
			margin: 5px 0 0 10px;
			border: none;
			float: right;
		}
		
		form#quick_search button span {
			display: none;
		}
		
		/*form#quick_search button:hover {;}*/
		
/* ----------------------------------------------------------------------------------------------------------------------- PROPERTY SEARCH PAGE */

div.dashed_box {
	width:320px;
	padding: 10px;
	background-color: #f1f4f7;
	border: 1px dashed #80a2bc;
	float: left;
}

		div.dashed_box {
			font-size: .9em;
			line-height: 1.2em;
		}

select.prop_search_drop {
	width: 200px;
	font-size: 1em;
	color: #5a5537;
}

	select.prop_search_drop_half {
		width: 100px;
		font-size: 1em;
		color: #5a5537;
	}

input.prop_search_input {
	width: 200px;
	font-size: 1em;
	color: #5a5537;
}

textarea.prop_search_input {
	display:block;
	width: 200px;
	font-size: 1em;
	color: #5a5537;
}

/* ----------------------------------------------------------------------------------------------------------------------- PROPERTY LISTINGS PAGE */

div.listings {
	background-image: url(../images/layout_grunge_blue.jpg);
	background-repeat: repeat;
	padding: 7px;
	margin: 1em 0;
}

		div.listings div.inner {
			padding: 7px;
			background-color: #fefefe;
			border: 1px #d6c670 dashed;
			background-image: url(../images/layout_palm_bg.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
		
				div.listings div.inner h4 a {
					font-size: 18px;
				    color: #a69431;
					line-height: 1.2em;
					font-style: normal;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				div.listings div.inner h4 a:hover {
					color: #5b87a8;
				}
				
				div.listings div.inner div.left {
					margin-right: 15px;
				}
				
				div.listings div.inner img.list {
					float: right;
					width: 175px;
					margin-left:20px;
					background-image: url(../images/layout_feature_bg.jpg);
					background-repeat: repeat;
					padding: 7px;
					border: none;
				}
				
						div.listings div.inner a img.list {
							border: none;
						}
				
				div.listings div.inner span.disclaimer {
					font-size: .8em;
					color: #b6b39f;
				}
				
				div.listings div.inner label.save {
					display: block;
					float: right;
					width: 215px;
					font-size: 12px;
					text-align: right;
				}
				
						div.listings div.inner label.save a {
							font-size: 1em;
							font-style: normal;
							text-decoration: none;
						}

/* ----------------------------------------------------------------------------------------------------------------------- PROPERTY LISTINGS DETAILS PAGE */

div.listings_details {
	background-image: url(../images/layout_grunge_blue.jpg);
	background-repeat: repeat;
	padding: 7px;
	margin: 1em 0;
}

		div.listings_details div.inner {
			padding: 7px;
			background-color: #fefefe;
			border: 1px #d6c670 dashed;
			background-image: url(../images/layout_palm_bg.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
		
				div.listings_details div.larger strong {
					font-size: 25px;
					line-height: 1.2em;
					margin-bottom: 5px;
				}
				
				div.listings_details div.larger strong span {
					color: #a69431;
				}
		
				div.listings_details div.inner h4 {
					font-size: 22px;
					line-height: 1.2em;
					text-transform: uppercase;
				}
				
				div.listings_details div.inner h4 a {
				    color: #a69431;
					font-style: normal;
					text-decoration: none;
				}
				
				div.listings_details div.inner h4 a:hover {
					color: #5b87a8;
				}
				
				div.listings_details div.inner div.left {
					margin-right: 15px;
				}
				
				div.listings_details div.inner div.list {
					float: right;
					width: 320px;
					margin-left:20px;
					background-image: url(../images/layout_feature_bg.jpg);
					background-repeat: repeat;
					padding: 7px;
					border: none;
				}		
				
						div.listings_details div.inner img.list {
							width: 320px;
						}
				
						div.listings_details div.inner a img.list {
							border: none;
						}
				
				div.listings_details div.inner span.disclaimer {
					font-size: .8em;
					color: #b6b39f;
				}
				
				div.listings_details div.inner label.save {
					display: block;
					float: left;
					width: 215px;
					font-size: 12px;
					text-align: left;
					margin-bottom: 1em;
				}
				
						div.listings_details div.inner label.save a {
							font-size: 1em;
							font-style: normal;
							text-decoration: none;
						}
						
html body div#container div#main div#content div.listings div.inner h4 a {
	text-decoration: none;	
}

a.bankowned {
	display:block;
	width: 300px;
	height: 83px;
	text-indent: -9000px;
	background: url(http://www.gulffrontrealtors.com/images/graphic_search_banner_bankowned.jpg) no-repeat top left;
}

a.bankownedwaterfront {
	display:block;
	width: 300px;
	height: 83px;
	text-indent: -9000px;
	background: url(http://www.gulffrontrealtors.com/images/graphic_search_banner_bankownedwaterfront.jpg) no-repeat top left;
}

a.shortsales {
	display:block;
	width: 300px;
	height: 83px;
	text-indent: -9000px;
	background: url(http://www.gulffrontrealtors.com/images/graphic_search_banner_shortsales.jpg) no-repeat top left;
}

a.shortsaleswaterfront {
	display:block;
	width: 300px;
	height: 83px;
	text-indent: -9000px;
	background: url(http://www.gulffrontrealtors.com/images/graphic_search_banner_shortsaleswaterfront.jpg) no-repeat top left;
}