/* 
	legitify.com
*/

body{
	margin:0; padding:0;
	width:100%; 
}

#page{
	position:relative;
	margin:0; padding:0;
	background:url('../images/bg/page.gif') top center repeat-y;
	width:100%; 
	overflow:visible;
	min-height:600px;
	border-bottom:2px solid #666;
}

#heading{
	position:relative;
	margin:0 auto; padding:0;
	width:815px; height:200px;
	background:url('../images/bg/header.jpg') top center no-repeat; 
	overflow:hidden;
}
#heading #logo{
	position:absolute;
	margin:20px 15px;
	width:276px;
	height:61px;
	background:url('../images/logo.gif') no-repeat;
	z-index:200;
}
#heading #logo h1{ display:none; }

#heading #menutop{
	position:absolute;
	top:24px;
	right:15px;
}

#heading #menutop a, #heading #menubottom a{
	float:right;
	display:block;
	margin:0 7px;
}

#heading #menubottom{
	position:absolute;
	top:54px;
	right:15px;
}

#main{
	position:relative;
	top:-110px;
	margin:0 auto 10px auto; padding:0;
	width:816px;
}

#main #defleft{
	position:relative;
	float:left;
	width:495px;
}

#main #defright{
	position:relative;	
	float:left;
	width:320px; padding:10px 0;
	background-color:#FBFBFB; 
}

#homecallouts{
	position:relative;
	margin:0 0 0 20px;
	height:200px;	
}

#homecallouts .illus{
	width:223px; height:210px;
	float:left; margin:0 15px;
	overflow:hidden;	
}

#homecallouts .illus img{
	border:0;
}

#homecallouts .illus a{
	display:block;
	float:right;
	font-size:14px;
	margin:0 5px 0 0;
}

#searchregion{
	position:relative;
	margin:10px auto 0 auto;  width:100%;
	padding:10px 0 0 0;
	background-color:#FBFBFB; 
	height:733px;
	overflow:visible;
}
#search h2{
	margin:0 10px; padding:0;
	font-size:18px;
}
#searchregion #search{
	position:relative;
	float:left;
	width:480px;
	margin:0;
	padding:3px 10px;
}

#listwrap{
	position:absolute;
	width:500px; top:68px;
	height:600px; clear:both;
	background:url('../images/bg/listings_bg.gif') no-repeat;
	z-index:5;
	overflow:hidden;
}

.listingpane{
	margin:0;
	position:absolute; top:5px; left:5px;
	width:475px; height:550px;
	background-color:#FFF;
}

#maplist{
	visibility:hidden;
	z-index:10;
}

#featured{
	z-index:20;
}

.listing{
	width:480px; height:110px;
	margin:10px;
}

.listing .img{
	width:100px;
	height:100px;
	margin:0 10px 0 0;
	float:left;
	text-align:center;
}

.listing .rent{
	padding:4px 0;
	display:block;
	font-weight:bold;
	color:#666666;
	float:left;
	margin:0 10px 0 0;
}

.listing address{
	padding:4px 0;
	display:block;
	margin:0;
	font-style:normal;
}
.listing .availdate{
	display:block;
	margin:3px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
}
.listing .flink:link,
.listing .flink:visited{
 	margin:0;
	font-size:16px;
	font-weight:bold;
}
.listing .flink:active,
.listing .flink:hover{
 	margin:0;
	font-size:16px;
	font-weight:bold;
	background-color:#006699;
	color:#FFF;
	text-decoration:none;
}

/* map stuff */



/* listing details */

.listingdetail{
	margin:15px;
	font-size:12px;
}

.listingdetail span{
	font-size:15px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.listingdetail p{
	margin:4px 0;
}

.listingdetail h1{
	font-size:26px;
	margin:0;
}

.listingdetail .left{
	padding:10px 0;
	width:300px;
	float:left;
}

/* right side callouts */
#calloutright{
	width:300px;
	float:right;
	margin:0;
}

#calloutright .top,
#calloutright .bottom{
	width:300px;
	height:25px;
	margin:0; padding:0;
	overflow:hidden;
}
#calloutright .top{	
	background:url('../images/bg/callout_top.jpg') no-repeat;
}
#calloutright .wrap{
	width:300px;
	height:auto;
	background:url('../images/bg/callout_bg.jpg') repeat-y;
	margin:0; padding:-10px 0 0 0;
	overflow:hidden;
}
#calloutright .bottom{
	background:url('../images/bg/callout_bottom.jpg') no-repeat;
}

#calloutright .wrap strong{
	display:block;
	margin:0 15px;	
}

#calloutright .wrap p{
	display:block;
	margin:15px;	
}


#blog{
	position:relative;
	margin:17px 15px 10px 0;
	width:250px;
	float:right;
	height:250px;
}

#team{
	position:relative; 
	float:left;
	width:510px;
	 height:250px;
	margin:0 0 -30px 20px;
}
#team .member{
	width:245px; float:left;
	margin:5px;	
}

#team .member p{
	margin:0;
	font-size:12px;
}

/* photo enlargement */
.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* contents menu layout */
.contents{
	clear:both;
	margin:20px 0;
	padding:10px 0;
}

.contents h4{
	margin:5px 0;
}

.contents ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}

.contents li{
	width:49%;
	float:left;
}



/* articles layouts */
.breadcrumbs{
	margin:5px 0 15px 0;
}

.article{
	margin:10px 15px 0 15px;
}

.article ul{
	list-style:url('../images/bullet.gif');
}

.article li, .contents ul li{
	margin:5px 0;
}

.article img{
	border:0;
}
.article .body{
	margin:10px 0;
}

.article blockquote{
	display:block;
	float:right;
	margin:0 0 5px 15px;
	padding:0 10px 10px 10px;
	width:210px;
	background-color:#EEE;
	border-bottom:2px solid #CCC;
}

/* blog post layouts */
.blogtitle{
	width:auto; height:20px;
	margin:5px 0;
}
.blogheadline{
	margin:20px;
}
#blog .post{
	margin:5px;
}
.post{
	display:block;
	margin:20px 20px 50px ;
}
.post .date{
	display:block;
	margin:15px 0 2px 0;
}
.post .headline, .article h1{
	display:block;
	margin:3px 0 15px 0;
}
.post .readpost{
	display:block;
	margin:2px 0;
}
.one .headline{
	margin:0; 
}
.one .headline a{
	display:block;
	float:none;
	margin:2px 0 0 0;
}
.two .headline a{
	clear:both;
	display:block;
	margin:0;
}
.summaryblock{
	position:relative;
	width:45%;
	margin:1%;
	float:left;	
}
#right .headline{
	display:inline;
}
.post .categories{
	margin:0;
}
.photo{
	position:relative;
	background-color:#EEE;
}
.alignleft{
	margin:10px 10px 10px 0;
}
.alignright{
	margin:10px 0 10px 10px;
}
.photo img{
	display:block;
}


td p{
	font-size:11px;
	text-align:center;
}

/* forms */
form{
	margin:20px;
}

.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{
	width:300px;
}
.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}
label{
	display:block;
	width:100px;
	float:left;
}
.signup{
	height:100px;
}

.signup input{
	width:170px;
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

/* editable regions */
.footer{
	position:relative; 
	margin:0 auto; padding:0;
	width:790px;
	height:55px;
	
}
.footer p{ 
	margin:15px 0 0 0;
	float:left;
}

.footer a{	
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

.other{
	position:absolute; top:670px; margin:5px;
}
.other p{ float:left; margin:0 15px 0 0; }
.other a:link,
.other a:visited{
	display:block;
	float:left;
	margin:3px 15px 0 0;
	font-size:14px;
}

/* the clearer */
.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}