/*  

author: peter james zielinski
client: the loft broker

*/

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/blueback.gif) repeat-x;
	font-family: 'Trebuchet MS', Verdana, Arial, sans serif;
	font-size: 12px;
	line-height: 150%;
	}
	
#wrapper {
	position: absolute;
	width: 100%;
	margin: 0px 0px 30px 0px;
	}	
	
/* --------------------------------------------------------- */

/* NAVIGATION AND BANNER RELATED STYLES 					 */

/* --------------------------------------------------------- */


#nav {
    width: 100%;
	margin: 0px;
	padding: 0px;
	}
	
#navigation {
	padding: 10px 20px 0px 0px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans serif;
	font-size: 14px;
	color: #999999;
	}
	
a.navigation:link	{ color: #2E4A68; font-weight: bolder; text-decoration: none; }
	A.navigation:visited  { color: #2E4A68; font-weight: bolder; text-decoration: none; }
	A.navigation:active   { color: #999999;  }
	A.navigation:hover	{ color: #000000; text-decoration: none; }
	
#logo {
	float: left;
	width: 359px;
	margin: 0px;
	}

#phone {
	float: right;
	width: 200px;
	margin: 10px 25px 0px 0px;
	}
	
#phone p {
	font-family: Verdana, Arial, sans serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: right;
}		    

/* --------------------------------------------------------- */

/* MAIN CONTENT AREA										 */

/* --------------------------------------------------------- */	
		

#mainContent {
	width: 100%;
	font-family: 'Trebuchet MS', Verdana, Arial, sans serif;
	font-size: 12px;
	line-height: 150%;
	}
	
#nav-links {
	float: right;
	width: 436px;
	margin: 10px 10px 0px 0px;
	padding: 0px;

	}

#header {
	width: 700px;
	margin: 20px 0px 0px 50px;
	}

#content {
	float: left;
	margin: 20px 0px 30px 50px;
	width: 300px;
	}
#content img {
	display: block;
}

	

.property {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans Serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 125%;
	color: #75393c;
	}

.tag {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans Serif;
	font-size: 14px;
	font-style: italic;
	color: #666666;
	margin: 0px 0px 10px 0px;
}

	
.box {
	width: 238px;
	background-color: #CCCCCC;
	padding: 10px 10px 0px 10px;
	}	
	

#list {
	margin: 0px 0px 0px 20px;
	padding: 0px ;
	}
	
#list ul {
	margin: 0px;
	padding: 0px;
	}
	
#list li {
	text-align: left;
	font-size: 13px;
	line-height: 180%;
	}
	
#photos {
	float: left;
	margin: 25px 0px 30px 20px;
	width: 500px;
	}

	

/* --------------------------------------------------------- */

/* OTHER STYLING			   								 */

/* --------------------------------------------------------- */

h1 {
	font-family: 'Trebuchet MS', Verdana, Arial, sans serif;
	font-size: 16px;
	}
	
li {
	color: #333333;
	}
	
.indent {
	margin: 30px 10px 0px 50px;
	text-align: right;
	}	

.credit {
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.text-nav {
	}	

.small {
	font-size: 11px;
	color: #666666;
	
	}
	
.price {
	font-family: 'Trebuchet MS', Verdana, Arial, sans serif;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	}	
	
	
/* --------------------------------------------------------- */

/* BYLINE AND BYLINE RELATED STYLES 						 */

/* --------------------------------------------------------- */


#byline {
	width: 100%;
	margin: 50px 0px 50px 0px;
	font-size: 11px;
	color: #999999;
	text-align: center;
	line-height: 150%;
	}
#byline a	{ color: #2E4A68; font-weight: bolder; text-decoration: none; }
#byline a:hover	{ color: #000; }
#byline a:active   { color: #999;  }