/* 

STYLE SHEET FOR [Simone Plummer] WEB SITE
Created by Judith Huber judithhuberdesign.com
www.SimoneMiami.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. components
	7. forms
	8. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:62.5%;
	color:#666666;
	background:#ffffff url(../i/bg_MainSimone_lg2.png) top center no-repeat;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width:1036px;
	background-color: transparent;
	margin:0 auto;
	background-image:url(../i/bg_wrapper_trans.png);
	background-position:center top;
	background-repeat:repeat-y;
		}
		
#hpHeaderLinks {
	background-image:url(../i/bg_hp_headerLinks.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:left;
	width:980px;
	height:25px;
	margin:0 auto;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	padding:25px 20px 0 20px;
	line-height:0px;
		}
		
#ipHeaderLinks {
	background-color:transparent;
	text-align:left;
	width:980px;
	height:25px;
	margin:0 auto;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	padding:25px 20px 0 20px;
	line-height:0px;
		}

#IPmasthead {
	width:1020px;
	height:140px;
	margin:0 auto;
	background-image:url(../i/bg_ip-header.png);
	background-position:left top;
	background-repeat:no-repeat;
		}		

#IPmastheadPhoto {
	width:678px;
	height:140px;
	padding:0 0 0 342px;
		}

#masthead {
	width:1020px;
	height:249px;
	margin:0 auto;
	background-image:url(../i/hp_header_right_2blue.png);
	background-position:right top;
	background-repeat:no-repeat;
		}
		
#masthead2 {
	width:1020px;
	height:249px;
	margin:0 auto;
	background-image:url(../i/hp_header_right_2sand.png);
	background-position:right top;
	background-repeat:no-repeat;
		}
		
#navContainer {
	width:1018px;
	margin:0 auto;
		}

#content {
	padding-bottom:30px;
	padding-top:40px;
	margin:30px auto 0 auto;
	width:960px;
		}
		
#HPcontent {
	padding-bottom:30px;
	padding-top:40px;
	margin:30px auto 0 auto;
	width:960px;
		}
		
#contentLeft {
	width:690px;
	padding: 0 0 30px 0;
	float:left;
		}
		
#rightSideBar {
	width:240px;
	padding:12px 30px 30px 0;
	margin-left:690px;
	}
		
#preFooter {
	background-image:url(../i/bg_contentBtm.png);
	width:1035px;
	height:6px;
	margin:0 auto;
}

#footer {
	margin:20px auto 50px auto;
		}

.separator {
		clear: both;
		height: 0;
		}

/* ---------- 3. links and navigation ---------- */

a {color:#35C0EB; font-weight:bold;}
a:link {color:#35C0EB; font-weight:bold; }
a:visited {color:#35C0EB; font-weight:bold;}
a:hover {color: #A0873F; font-weight:bold;}
a:active {color:#35C0EB; font-weight:bold;}


		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul  {
	margin-bottom:16px;
		}

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color:#A0873F;
	}


h1 {font-size:2.4em;}

h1.headline {font-size:2.8em;color:#35C0EB; padding-bottom:3px; border-bottom:1px dotted #A0873F;}

h2 {font-size:2.2em;}

h3 {font-size:2.0em;}

h3.subheadline {font-size:2.0em;color:#A0873F; padding-bottom:3px; border-bottom:1px dotted #35C0EB;}
		
h4 {font-size:1.8em;}

h5 {font-size:1.6em;}

h6 {font-size:1.4em;}

p, div#content li { line-height:1.7em;}
p, li, td, dd, dt {font-size:1.4em;}
ul {list-style-type: none;}
ol {list-style-type:decimal-leading-zero;}

label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#BBB480;
	display:inline-block;
	text-align:right;
	margin-right:1em;
	}

#hpHeaderLinks p {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	margin:30px 20px 0 20px;
	line-height:0px;
	border:1px solid #9966CC;
	}
	
#footer p.upper {
	margin-bottom:8px;
	line-height:1em;
	color:#3BC2EB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	}	
#footer p.upper a {color:#3BC2EB; font-weight:bold;}
#footer p.upper a:link {color:#3BC2EB; font-weight:bold; }
#footer p.upper a:visited {color:#3BC2EB; font-weight:bold;}
#footer p.upper a:hover {color: #77CEFF; font-weight:bold;}
#footer p.upper a:active {color:#3BC2EB; font-weight:bold;}

#footer p.lower {
	margin-bottom:8px;
	line-height:1em;
	color:#7D6C38;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
}
#footer p.lower a {color:#7D6C38; font-weight:bold;}
#footer p.lower a:link {color:#7D6C38; font-weight:bold; }
#footer p.lower a:visited {color:#7D6C38; font-weight:bold;}
#footer p.lower a:hover {color: #77CEFF; font-weight:bold;}
#footer p.lower a:active {color:#7D6C38; font-weight:bold;}

#hpHeaderLinks a, #ipHeaderLinks a{color:#FFFFFF;}
#hpHeaderLinks a:link, #ipHeaderLinks a:link {color:#FFFFFF;}
#hpHeaderLinks a:visited, #ipHeaderLinks a:visited {color:#FFFFFF;}
#hpHeaderLinks a:hover, #ipHeaderLinks a:hover {color: #FF6633;}
#hpHeaderLinks a:active, #ipHeaderLinks a:active {color:#FFFFFF;}

.center {text-align:center;}

hr {
	color:#7D6C38;
	height:1px;
	margin:12px 0;
	}
	
div.dottedRule {
	margin:0 0 24px 0;
	border-top:1px dotted #7D6C38;
	}
	
p.byline {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#7D6C38;
	line-height:1.3em;
	font-weight:bold;
	font-size:1.2em;
	}

ul.bullet {
	list-style:disc;
	}

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 6. components ---------- */

/* ---------- a. START Home Page --------------*/

div.hpSection {
	width:100%; 
	clear:both;
	margin-bottom:30px;
}

/* ---------- 1. Featured Property --------------*/

div#featProp {
	width:240px; 
	float:left; 
	margin:0 30px 30px 0; 
	background-image:url(../i/bg_FP-top.png); 
	background-repeat:no-repeat; 
	background-position:center top; 
	min-height:300px; 
	text-align:center;
}

div#featProp div#featPropIHF {
	margin:60px 20px 30px 20px; 
	text-align:center; 
	font-size:1.2em;
	color:#35C0EB;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
}

div#featProp div#featPropIHF a {color:#35C0EB; text-decoration:none;}
div#featProp div#featPropIHF a:link {color:#35C0EB; text-decoration:none;}
div#featProp div#featPropIHF a:visited {color:#35C0EB; text-decoration:none;}
div#featProp div#featPropIHF a:hover {color:#A0873F; text-decoration:underline;}
div#featProp div#featPropIHF a:active {color:#35C0EB; text-decoration:none;}

div#featProp p {
	font-size:1.3em;
	line-height:1.1em;
	color:#35C0EB;
	font-weight:bold;
	margin:15px;
}

/* ---------- 2. Featured Community --------------*/

div#featCommunity {
	background-color:#418A97; 
	height:200px; width:136px; 
	margin:0 2px 0 0; 
	text-align:center; 
	float:left;
}

div#featCommunity h2 {
	font-size:1.6em; 
	line-height:1.1em; 
	color:#ffffff; 
	font-weight:bold;
	margin:0x 11px 11px 11px;
	
}

div#featCommunity a {color:#FFFFFF; text-decoration:none;}
div#featCommunity a:link {color:#FFFFFF; text-decoration:none;}
div#featCommunity a:visited {color:#FFFFFF; text-decoration:none;}
div#featCommunity a:hover {color:#FFFFFF; text-decoration:underline;}
div#featCommunity a:active {color:#FFFFFF; text-decoration:none;}

div#featCommunity img {
	margin:5px; 
	width:120px; 
	border:1px solid #eeeeee;
}
/* ---------- 2b. Featured Community New --------------*/
div#featCommunity2 {
	background-color:#418A97; 
	height:160px; width:136px; 
	margin:0 2px 0 0; 
	text-align:center; 
	float:left;
}

div#featCommunity2 h2 {
	font-size:1.6em; 
	line-height:1.1em; 
	color:#ffffff; 
	font-weight:bold;
	margin:0x 11px 11px 11px;
	
}

div#featCommunity2 a {color:#FFFFFF; text-decoration:none;}
div#featCommunity2 a:link {color:#FFFFFF; text-decoration:none;}
div#featCommunity2 a:visited {color:#FFFFFF; text-decoration:none;}
div#featCommunity2 a:hover {color:#FFFFFF; text-decoration:underline;}
div#featCommunity2 a:active {color:#FFFFFF; text-decoration:none;}

div#featCommunity2 img {
	margin:5px; 
	width:120px; 
	border:1px solid #eeeeee;
}

/* ---------- 3. Specialty Buttons Upper --------------*/

div#hpSpecialtyButtonsUpper {
	float:left; 
	width:690px; 
	margin:15px 0 0 0;
	}

div#hpSpecialtyButtonsUpper img {
	margin-right:2px;
	}
	
div#hpSpecialtyButtonsUpper img.end {
	margin-right:0px;
	}
	
/* ---------- 4. Quick Search --------------*/

div#quiuckSearch {
	width:240px;
	float:right;
	margin:30px 0 30px 30px;
	background-image:url(../i/bg_quickSearch_top.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:270px;
	text-align:center;
}

div#quiuckSearch form {
	margin:45px 15px 15px 15px;
	text-align:left;
	}

div#quiuckSearch div#widgetIHF {
	margin:40px 15px 15px 43px;
	width:auto;
	text-align:left;
	font-size:1.4em;
	}

div#quiuckSearch label {
	font-size:1.1em;
	line-height:1.1em;
	color:#12446F;
	font-weight:bold;
	margin:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#quiuckSearch form input.submitButton { margin:15px 22px 0 22px; text-align:center;}

/* ---------- 5. Bottom buttons --------------*/

img.hp-btn-1 {margin-right:4px;}
img.hp-btn-2 {margin-right:4px;}
img.hp-btn-3 {margin-right:30px;}
img.hp-btn-4 {margin-right:12px;}

/* ---------- 6. Contact Bar --------------*/

div#contactBar {

}

div#contactBar p {
	font-size:2.0em; 
	color:#A0873F;
	line-height:1.2em; 
	padding-top:8px; 
	font-weight:bold;
	}
	
div#contactBar img {float:left;}

div#contactBar span.label {font-size:.75em; color:#3BC2EB;}



/* ---------- a. END Home Page --------------*/

/* ---------- b. START Inner Page --------------*/

/* ---------- 1. Quick Search --------------*/

div#quickSearchIP {
	width:240px;
	margin:0 0 30px 30px;
	background-image:url(../i/bg_IP-QS-top.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:270px;
	text-align:center;
}

form.quickSearchIP {
	margin:0 15px 15px 15px;
	text-align:left;
	padding-top:55px;
	font-size:1.4em;
	}
	
div#quickSearchIP div#IPwidgetIHF, div#IPwidgetIHF {
	margin:0 15px 15px 43px;
	padding-top:40px;
	text-align:left;
	font-size:1.4em;
	}

div#quickSearchIP label {
	font-size:1.1em;
	line-height:1.1em;
	color:#12446F;
	font-weight:bold;
	margin:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#quiuckSearchIP form input.submitButton { margin:15px 22px 0 22px; text-align:center;}

/* ---------- 2. left photo --------------*/
div.photoLeft {
	float:left;
	margin:15px 15px 15px 0;
	}
	
div.photoLeft img {
	width:240px;
	border:1px solid #333333;
	}
	
div.photoLeft p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:oblique;
	margin:8px 0 0 0;
		}
	
div.photoLeftFull {
	float:left;
	margin:15px 15px 15px 0;
	}
	
div.photoLeftFull img {
	border:1px solid #333333;
	}

	
/* ---------- 3. right column buttons --------------*/
img.ip-btn-right {margin:0 0 16px 30px;}

img.ip-btn-right2 {margin:0 0 8px 28px;}

/* ---------- 4.contact table --------------*/	
table.contactTable { border-collapse:collapse;margin:30px 0;}

table.contactTable th {
	background-color:#37C0EB;
	font-size:1.3em;
	color:#FFFFFF;
	text-align:right;
	padding:3px;
	border:1px dotted #37C0EB;
	border-bottom:1px dotted #ffffff;
	}
	
table.contactTable td { padding: 3px; border:1px dotted #37C0EB;}

/* ---------- 5.condos table --------------*/	
table.condos { 
	margin:15px 0;
	border-top:1px solid color:#12446F;
	}

table.condos tr {vertical-align:top;}

table.condos td { padding:6px 10px; width:170px;}

/* ---------- 6. Mortgage calculator table --------------*/

table.mortgageCalc {
	font-size:.8em; 
	border-collapse:collapse; 
	margin:30px auto;
}

table.mortgageCalc th {
	background-color:#ffffff;
	border:0px;
	padding:5px;
	}
	
table.mortgageCalc td { padding: 3px; border:1px dotted #999999;}

div.mortgageCalc {
	float:left;
	margin:15px 15px 15px 0;
	}

/* ---------- 7. full width Header photo --------------*/	

img.fullWidth {
	padding-bottom:16px; 
	width:660px;
} 

img.fullWidthByline {
	padding-bottom:6px; 
	width:660px;
} 

p.photoCredit {
	font-size:1.1em;
	font-style:oblique;
	margin:0 0 16px 0;
	}


/* ---------- b. END Inner Page --------------*/


/* ---------- 7. forms ---------- */
div.inputRow {
	/*clear:both;*/
	margin:0 0 12px 0;
	float:none;
	width:100%;
	}

div.inputBlock {
	float:left;
	margin:0 30px 12px 0;
	text-align:right;
	width:310px;
	}
	
div.inputBlock2 {
	float:left;
	margin:0 0 12px 0;
	text-align:right;
	width:310px;
	}
	
div.inputBlock3 {
	float:left;
	margin:12px 0 12px 0;
	width:650px;
	}

/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}