* { padding:0; margin:0; } /* global definition for padding and margin */

html { height:100%; }

body { font-size:100%; min-height:100%; background:#CCC url('/images/bg_body.gif') 0 0 repeat; }

h1, h2, h3, h4, h5 { font:normal 100%/100% arial, verdana, sans-serif; color:#000; padding:0 0 5px 0; }
h1 { font-size:1.6em; line-height:100%; font-family:Georgia,"Times New Roman", Times, serif; font-weight:550; color:#777; border-bottom:1px solid #0072BC; margin-bottom:10px;}
h2 { font-size:1.4em; line-height:100%; }
h3 { font-size:1.2em; line-height:100%; }
h4 { font-size:1.0em; line-height:100%; }
h5 { font-size:0.9em; line-height:100%; }

p, ol, ul, table, dl, div.formatted { font:normal .75em/150% Arial, Verdana, sans-serif; padding:0 0 10px 0; }

a { color:#369; outline:none; }
a:hover { color:#369; text-decoration:none; }

dl { padding:0 0 5px 10px; }
dt { font-weight:bold; }
dd { margin:0 0 5px 0; }

ol { padding:0 0 0 15px; }
ol li { padding:0 0 5px 0; }

ul { padding:0 0 0 20px; }
ul li { padding:0 0 5px 0; }

table { padding:0; }
th { font-weight:bold; }
td { padding:0; }

img { border:none; }
option{ margin-right:10px;}

#wrapper { width:960px; min-height:100%; margin:0 auto; background:#FFF url('/images/bg_wrapper.gif') 0 0 repeat-y;}

#header { margin:0 auto; width:934px; height:142px; background:url('/images/bg_header.jpg') 1px 1px no-repeat;position:relative; padding-bottom:2px; border-bottom:1px solid #BFCBD8; }
#header h1 {border:none;}
#logo { background: url('/images/logo_stiles_properties.png') 0 0 no-repeat; width:365px; padding-top:102px; position:absolute; top:18px; left:43px; }

#nav { width:934px; margin: 1px auto 0 auto; border-top:1px solid #7F98B2; border-bottom:1px solid #7F98B2;height:32px; position:relative; }
#browse_nav { width:213px; height:24px; padding:10px 0 0 15px; position:absolute;top:0; left:0; background:url('/images/bg_nav_browse.gif') 0 0 no-repeat; }
#browse_nav h4 { color:#FFF; font-weight:bold; font-size:13px; }
#category_nav { position:absolute; top:8px; left:250px;  }
#category_nav ul { list-style:none; margin:0; padding:0; font-weight:bold; color:#CCC;}
#category_nav ul li { display:inline; }
#category_nav a { color:#0072BC; text-decoration:none;}
#category_nav a.active { text-decoration:underline; }
#right_nav { position:absolute; top:0; right:0; }
#right_nav ul { list-style:none; margin:0; padding:0; color:#CCC;}
#right_nav ul li { display:inline;  }
#right_nav a { color:#0072BC; border-left:3px solid #FFF; display:block; float:left;height:24px; width:101px; text-align:center; padding-top:8px;background:#E4E3E3; text-decoration:none;}

#content { width:903px; min-height:470px; margin:1px auto 10px auto; padding:35px 15px 5px 15px; border-top:1px solid #BFCBD8; }

.featured_property { width:858px; min-height:225px; background:url('/images/bg_featured.jpg') 0 0 no-repeat; margin:0 auto 50px auto; position:relative; padding:50px 0 0 40px;}
.featured_title { position:absolute; top:-18px; left:27px; display:block; height:31px; width:282px; padding-top:16px; text-align:center; background:url('/images/bg_featured_title.gif') 0 0 no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color:#666; font-style:italic;}
.featured_property h4 { font-family: Georgia, "Times New Roman", Times, serif; color:#0066CC; border-bottom:1px solid #777; font-size:18px; margin-bottom:20px; }
.left_featured_col { float:left; width:270px; padding-bottom:15px;}
.featured_property p { color:#666; line-height:160%;}
.featured_property a { color:#0072BC; }
.featured_property a:hover { text-decoration:none; }
a.featured_email { color:#003366; text-decoration:none;}
a.featured_email:hover { text-decoration:underline; }
a.view_featured { padding:6px 0 0 43px; height:24px; display:block; background:url('/images/btn_magnifying_glass.jpg') 0 0 no-repeat; margin-top:20px;}
a.view_featured_map { padding:6px 0 0 43px; height:24px; display:block; background:url('/images/btn_map.jpg') 0 0 no-repeat; margin-top:10px;}
.featured_details { width:169px; margin:0 auto 0 auto; padding: 22px 10px 0 22px; border:1px solid #DDD; background:#EFEFEF; color:#777;}
.featured_details h5 { color:#777;}
.left_featured_wide { width:500px; float:left; }

.prop_description { float:left; margin-left:30px; width:325px;}
.prop_image { width:280px; float:left;}

.bot_gallery { border:1px solid #0072BC; padding:4px 4px 1px 4px; float:left; margin:2px 10px 10px 0; }

table.available { text-align:left;  }
table.available thead { color:#666; text-transform:uppercase; }
table.available tr:hover { background-color:#DEEBF4 !important;}
table.available thead tr:hover { background:none !important;}
table.available td, table.available th { height:35px; padding-right:55px; padding-left:5px; }
table.available td.link_col, table.available th.link_col { padding-right:20px !important;}
td.georgia a { font-family:Georgia, "Times New Roman", Times, serif; color:#0072BC; text-decoration:none; }
td.georgia a:hover { text-decoration:underline;}
table.available tr.odd {background-color:#F2F6F9;}


#footer { background:#0072BC; width:934px; height:92px; padding-top:15px; margin:0 auto; text-align:center; color:#FFF;}
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/************ form styles *****************************/
.formClusterGroup { margin-bottom:10px; }
.formClusterGroup h4 { padding:2px 0 2px 4px; margin-bottom:8px; background:#0072BC; color:#FFF; text-transform:uppercase; }
.form_left { float:left; margin-right:15px; }
.form_left_small { float:left; margin-right:15px; }
.formfield { width:250px; font-size:1.4em; margin:5px 0 0 0; padding:5px; border:1px solid #BBB; }
.formfield_mid { width:350px; font-size:1.4em; margin:5px 0 0 0; padding:5px; border:1px solid #BBB; }
.formfield_long { width:90%; font-size:1.4em; margin:5px 0 0 0; padding:5px; border:1px solid #BBB; }
.formfield_small { width:25px; font-size:1.4em; margin:5px 0 0 0; padding:5px; border:1px solid #BBB; }
.form_float_left { float:left; margin-right:10px;}
.formselect { padding-top:10px; }
.formfield.title { font-size:1.55em; padding:3px 2px; }
.formfield_small.title { font-size:1.55em; padding:3px 2px; }
.selectfield { font-size:1.4em; border:1px solid #BBB; margin:5px 5px 0 0; padding:3px; }
.formfield:focus, .selectfield:focus { border:1px solid #666; }
.required { font-weight:bold; color:#900; }
.required:before { content:"* "; }

/************ styles for notice/error divs ************/
#error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; }
#error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; }
#error a, #notice a, #success a { text-decoration:none; padding:0 3px; }
#error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; }
#error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; }
#notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; }
#success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; }
#error a { border:1px solid #8A1F11; color:#8A1F11; }
#notice a { border:1px solid #514721; color:#514721; }
#success a { border:1px solid #264409; color:#264409; }

/************ styles for IE6 notice ************/
#ie_notice {
	padding: 15px 15px 15px 70px;
	background: #f0c5b6 url('/images/bg_big_no.gif') 15px 15px no-repeat;
	border: 2px solid #e59d83;
  color: #78625b;
	margin-bottom: 15px;
}
#ie_notice ul { margin:0 0 15px 0; }
#ie_notice li, #ie_notice p { font-size:14px; font-weight:bold; }
#ie_notice .ie_confirm { font-size:16px; }

/**************************************************
											CLASSES
**************************************************/
.clear { clear:both; }
.float_left { float:left;}
/*.formfield { width:250px; font-size:16px; margin:0; padding:2px; }*/
.replacement { display:block; overflow:hidden;height:0px !important; font-size:0px !important; }
.red_font {color:#CC3333;}
.center { text-align:center; }
.margin_left_30 { margin-left:30px; }
.margin_left_40 { margin-left:40px; }
.margin_bottom_50 {margin-bottom:80px;}
.underline { text-decoration:underline !important; }

/************ styles for tagged page ************/
.tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; }
.tagged_date { font-size:11px; line-height:200%; color:#666; padding:0; }
.tagged_tags { padding:0 0 25px 0; }
.tagged_photo { float:left; margin:17px 24px 22px 23px; }

/************ styles for pagination ************/
.pagination {
	font:normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding:3px;
	margin:3px;
	text-align:center;
}
.pagination a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #666;
	text-decoration:none;
	color:#666;
	font-size:1.0em !important;
}
.pagination a:hover, .pagination a:active { border:1px solid #000; color:#000; }
.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #666;
	font-weight:bold;
	background-color:#666;
	color:#FFF;
}
.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #DDD;
	color:#999;
}
/************************/