/*	-------------------------------------------------------------
	chriscooperhomes.com 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       1.0
	url       chriscooperhomes.com
	timestamp       April/28/2009 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of nones
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats & clears
	3. Links
	4. Typography
	5. General Properties
	6. Footer
    7. Layout
   


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     body {      
		background-color: #d9d9d9;
		background-image:url(../images/bg.png); 
		margin: 0px;;
		padding: 0px;
		border: 0px;
		color: #5c523a; 
		font-family: Gill Sans, "Arial", Helvetica, sans-serif;
		font-size: 13px;
		line-height:18px;
		    
		}
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 780px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
	 .align_r {
	 	text-align:right;
		float:right;
		margin-right:25px;
		
		}
		
		.align_icons {
	 	text-align:right;
		float:right;
		margin-right:155px;
		
		}
	 
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 a:link, a:visited {
		text-decoration: none;
		color: #5b523a;
		}

	 a:hover {
		text-decoration: underline;
		color: #5b523a; 
		}

	 a:active {
		text-decoration: underline;
		color: #5b523a; 
		}
		
	  a:link.design, a:visited.design {
		text-decoration: none;
		font-size: 12px;
		color: #bcbcbc;
		}

	 a:hover.design {
		text-decoration: underline;
		font-size: 12px;
		color: #999; 
		}

	 a:active.design {
		text-decoration: underline;
		font-size: 12px;
		color: #999; 
		}

	 a img {
		border:none;
		}
	
/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.photo {
		padding:12px;
		border-color: #b5b5b5;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin-right:20px;
		
	}
	
	.photo2 {
		padding:12px;
		border-color: #b5b5b5;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin-right:20px;
		margin-left:5px;
	}
	
	
	.align {
		margin-left:15px;
	}
/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .footer {
	 	font-size:4px;	
	 	line-height:14;
	 	margin: 15px;
	 	vertical-align: bottom;
	 	
	 }        
	 
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 #site {
	 	
	 	width:819px;
	 	position:relative;
	 	margin:0px;
	  
	 }
	 
	 #menu {
		width: 819px;
		line-height:0px;
		
		}
		
	 #content {
		width: 815px;
		height: auto;
		text-align:left;
		margin-top:0px;
		margin-bottom:0px;
		margin-right: auto;
		margin-left: auto;
		background-color:#fff;
		float:left;
		
		}
  	
	#content_contact {
		width: 815px;
		height: auto;
		text-align:left;
		margin-top:25px;
		margin-left: 35px;
		float:left;

		}	
		
	#content_harvey{
	position:relative;
	float:left;
	display:table;
	width:815px;
	height:auto;
	left:50px;
	line-height:20px;
	overflow:auto;
}

	
  	 #logo {
  	 	margin-top:30px;
  	 	width:291px;
  	 	height:83px;
  	 	text-align:left;
  	 	float:left;
  	 	
  	 	
  	 }
  	 
  	 #top {
  	 	margin:0;
  	 	width:820px;
  	 }
  	 
  	 #hr {
  	 	background-color: #fff;
  	 	width: 760px;
  	 }
  	 
  	 .r_content {
  	 	width: auto;
  	 	height:auto;
  	 	text-align:left;
  	 	float:left;
  	 	background-color: #fff;
  	 	margin:15px;
  	 }
	 
	 .cut_content {
  	 	width: auto;
  	 	height:250px;
		position: relative;
  	 	text-align:left;
  	 	float:left;
		overflow:hidden;
  	 	background-color: #fff;
  	 	margin:15px;
  	 }
  	 
  	 #left_c {
  	 	width:260px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:35px;
  	 	margin-top:25px;
  	 	font-size:14px;
		line-height:22px;
  	 }
	 
	 #left_d {
  	 	width:700px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:20px;
  	 	margin-top:25px;
  	 	font-size:14px;
		line-height:22px;
  	 }
  	 
	  #left_thank {
  	 	width:500px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:35px;
  	 	
  	 	font-size:14px;
		line-height:22px;
  	 }
	 
  	 #left_m {
  	 	width:150px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:35px;
  	 	margin-top:25px;
  	 	font-size:14px;
		line-height:22px;
  	 }
	 
	 #left_ss {
  	 	width:150px;
  	 	height:500px;
  	 	float:left;
  	 	margin-left:35px;
  	 	margin-top:25px;
  	 	font-size:14px;
		line-height:22px;
  	 }
  	 
  	 #left_a {
  	 	width:230px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:10px;
  	 	margin-right:20px;
  	 	margin-top:25px;
  	 	font-size:14px;
  	 }
  	 
  	 #right {
  	 	width:505px;
  	 	height:auto;
  	 	float:left;
  	 	background-color: #fff;
		margin:15px;
  	 	
	 }
  	 
	 #right_c {
  	 	width:255px;
  	 	height:auto;
  	 	float:left;
  	 	background-color: #fff;
		margin:15px;
  	 	
	 }
	 
	 
	 #right_s {
  	 	width:505px;
  	 	height:auto;
  	 	float:left;
  	 	background-color: #fff;
		margin:15px;
		float:left;
	
  	 	
	 }
	 
  	 #flash {
	 width:510px;
  	 	height:130px;
  	 	float:left;
		
  	 }
  	 
  	 #right_a {
  	 	width:500px;
  	 	background-color: #fff;
  	 	margin-top:20px;
  	 	line-height:20px;
  	 	float:left;
  	 }
  	 
  	 #right_b {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:left;
  	 	margin-left:30px;

  	 }

	 #sponsors {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;
  	 	

  	 }
  	 
  	 #shortcuts {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;
  	 }
  	 
  	 #contactus {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;

  	 }
  	 
  	 #footer {
  	 	line-height:11px;
		color:#fff;
		font-size:12px;
		margin-top:10px;
		margin-left:00px;
		margin-right:10px;
		font-size:10px;
		float:left;
		width: 700px;
		text-align:middle;
		}
	.design {
		margin-top:3px;
		font-size:12px;
		}
	
		
	 
	 #footer2 {
  	 	
		text-align:right;
		
		float:left;
		}

	
  	
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Arial';
	  	color:#36240c;
	  	font-size: 20px;
	  	text-align: left;
	  	font-weight:normal;
	  	line-height:0px;
		margin-bottom:25px;
	  	}
	  
	  h2{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#5e543c;
	  	font-size: 16px;
	  	margin-top:15px;
	  	text-align: left;
	  	font-weight:bold;
	  	}
	  	
	   h3{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#5e543c;
	  	font-size: 13px;
	  	
	  	text-align: left;
	  	font-weight:bold;
	  	}
	  	
	   h4{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 17px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	  	h5{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 15px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	  
	   	
	 .caption {
	 	font-family: 'verdana';
	  	color:#959695;
	  	font-size: 10px;
	  	text-align: left;
		}
	
	 .indent {
		margin-left:12px;
		}
		
	 li {
		 list-style:none;
		 margin:0px;
		 display:inline;
		 margin-bottom: 10px;
		 clear: both;

		}

	 ul {
		margin:0px;
		}
	
/*	-------------------------------------------------------------
	13. FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	form {
	color: #515151; 
	font-family: 'Gill Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	}
	
	input, select, option, textarea{
	margin:3px;
	color: #515151; 
	font-family: 'Gill Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	border: 1px solid #333;
	}


/*****************************
Listing
******************************/
#listSample{
	display:block;
	position:relative;
	float:left;
	width:204px;
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0px 15px 15px 35px;
	height:190px;
	text-align:center;
	
}

#listSample #description{
	display:block;
	position:relative;
	width:100%;
	margin:7px auto 5px auto;
	height:35px;
	bottom:0px;
	left:0px;
	
}

#hitArea{

position:absolute;
top:0px;
left:0px;
height:190px;
width:100%;
z-index:30;
opacity:0;
filter:alpha(opacity:0);
display:block;
float:left;
background-color:#fff;
}

#hitArea:hover, a #hitArea:active{
background-color:#5c513a;
opacity:0.4;filter:alpha(opacity=40);

}

#listSample #image{
	
	width:200px; 
	top:2px;
	height:130px;
	margin:0px auto;
	
	overflow:hidden;
	background-repeat:no-repeat;
}



#listSample #flag{
	position:absolute;
	width:192px;
	z-index:21;
	color:#ffffff;
	font-size:30px;
	top:80px;
	right:0px;
	padding:6px;
	background:#5c513a;
	filter:alpha(Opacity=70); 	
	-moz-opacity: .7;
}

#featured{
	width:213px;
	position:relative;
	display:block;
	height:100%;
	padding:22px 0px 3px 10px;
	margin:0px;
	float:left;
	margin-right:15px;
}

#featureContent{
	display:block;
	position:absolute;
	width:200px;
	z-index:20px;
	padding:0px;
	margin:0px;
	top:0px;
}

#featured img{
	border:0px;
	padding:0px;
	margin:0px;

}

#featured #flag{
	position:absolute;
	width:auto;
	z-index:21;
	color:#dbcca9;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	bottom:2px;
	right:12px;
	font-weight:bold;


}
#featured #flagShadow{
	position:absolute;
	width:auto;
	z-index:21;
	color:#000000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	bottom:1px;
	right:11px;
	font-weight:bold;

}

.address{
	color:#5d523b;
	padding-left:20px;
	line-height:13px;
	

}

.price{
	color:#5d523b;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
}

#alignleft {
	float:left;
	margin:0px;
	}
	
imageThumb {
float:left;
	margin:0px;
	}

@charset "utf-8";


#main{
	display:table;
	width:650px;
	background-image:none;
	background-repeat:repeat-y;
	text-align:left;

}



/*****************************
main content
******************************/



#content #imageThumb{
	display:block;
	float:left;
	width:204px;
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0px 15px 15px 0px;
	text-align:center;
	page-break-before:auto;
}

#content #imageThumb img{
	padding:2px;
}



#content #detailTable{
	border-collapse:collapse;
}

#content #detailTable td{
	border:1px solid #333333;
	padding:7px;
	width:auto;
	color:#000000;
}

#content #detailTable .title{
	font-size:12px;
	font-weight:bold;
}


#utilities{
text-align:right;
position:relative;
}

#emailFriend{
	display:none;
	float:left;
	color:#FFFFFF;
	position:absolute;
	padding:4px;
	z-index:100;
	width:320px;
	height:260px;
	background:#006699;
	border:1px solid #333333;
	filter:alpha(Opacity=90); 	
-moz-opacity: .9;

}

/*****************************
Listing
******************************/
#listSample{
	display:block;
	position:relative;
	float:left;
	width:204px;
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0px 15px 15px 0px;
	height:190px;
	text-align:center;
}

#listSample #description{
	display:block;
	position:relative;
	width:100%;
	margin:7px auto 0px auto;
	height:35px;
	bottom:0px;
	left:0px;
	padding-top:5px;
}

#listSample #image{
	display:block;
	width:200px; 
	top:2px;
	height:130px;
	margin:0px auto;
	position:relative;
	background-repeat:no-repeat;
}




/*****************************
left
******************************/

#left{
	display:none;
}

.address{
	color:#777777;
	padding-left:20px;
	line-height:13px;

}



/*****************************
footer
******************************/


#footer{
	display:block;
}