/***** Global Settings *****/

@import url(reset.css);

* {padding:0; margin:0}

body {	background-color: #999;
	background: #999 url('../images/bg3.jpg') no-repeat top center; 
	font-size: 12px;
	color: #555;
	}

/***** Font Styles *****/

a 	{ color: #333; }
a:hover { color: #991100; }
p	{ padding: 6px; }

h4	{ color: #991100;
	font-size: 20px;
	font-weight: bold;
	}
	
h5	{ color: #770011;
	font-size: 15px;
	font-weight: bold;
	}

/***** Useful Styles *****/

.floatLeft { float: left; }

#white img { padding-right: 7px; }

/***** Layout *****/

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

#header a {
	display: block;
	width: 307px;
	height: 40px;
	margin: 24px 0 0 15px;
	}

#content {
	margin-top: 25px;
}

#content #white {
	margin-top: 30px;
	width: 800px;
	height: 100%;
	padding: 20px;
	margin-left: 25px;
	border: 1px dotted white;
	background: url('../images/white.png'); 
}


#frontpage {
	width: 800px;
	height: 504px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: url('../images/frontpage3.jpg'); 
}

#tour a {
	display: block;
	position: relative;
	width: 400px;
	height: 30px;
	top: 420px;
	left: 20px;
}

#white #blueprint a {
	display: block;
	position: relative;
	width: 394px;
	height: 30px;
	top: 430px;
	left: 20px;
}

#realtor {
	margin-top: 10px;
	
}

#realtor a {
	display: block;
	width: 152px;
	height: 95px;
	margin: 10px;
	margin-top: 25px;
	background: url('../images/footer1.jpg') !important;
	float: left;
}

#fpsphoto a {
	display: block;
	width: 326px;
	height: 44px;
	margin: 10px;
	margin-top: 25px;
	background: url('../images/fpsphoto.gif') !important; 
	float: right;
}

/***** Specific Styling *****/

#white #normal li {
	background: white;
	color: #222;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	margin: 4px 4px 4px 70px;
	padding: 4px;
	width: 240px;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}

#white #contact {
	margin-top: 20px;
}

#white #contact li {
	background: #900;
	color: white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	margin: 4px;
	margin-left: -25px;
	padding: 4px;
	width: 240px;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
}

#tourpage #content #white {
	width: 810px;
	height: 685px;
}

#blueprintpage #content {
	height: 500px;
}

/***** Dropdown menu *****/

#navbar {
	display: block;
	float: right;
	margin-top: -35px;
	height: 50px;
	width: 480px;
}

.menu a { float: left; font:11px Arial, Helvetica; width:120px; border-right:1px solid #666; border-bottom:1px solid #666; padding:8px; font-weight:bold; cursor:pointer; background:url(/images/header.gif); margin-right: 5px; }
.menu a:hover {background:url(/images/header_over.jpg); color: white;}

.dropdown {float:left; padding-right:5px; font:11px Arial, Helvetica}
.dropdown dt {width:120px; border-right:1px solid #666; border-bottom:1px solid #666; padding:8px; font-weight:bold; cursor:pointer; background:url(/images/header.gif)}
.dropdown dt:hover {background:url(/images/header_over.jpg); color: white;}
.dropdown dd {position:absolute; overflow:hidden; width:138px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {padding: 0; margin: 0; width:138px; border:1px solid #666; list-style:none; border-top:none}
.dropdown li {padding: 0; margin: 0; display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#666; text-decoration:none; background:white; width:194px}
.dropdown a:hover {background:#dddddd; color:black;}
.dropdown .underline {border-bottom:1px solid #999}