/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: center;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #444;
	background: url(images/bg.jpg) top left repeat-x #fff; }
	
h1 { 
	margin: 0 0 5px 0; 
	font-size: 180%; 
	font-weight: normal; 
	color: #0b6666; }

a:link, a:visited { color: #0b6666; }
a img { border: none; }

p { margin-bottom: 16px; }


/************* STRUCTURE STYLES ***/
#wrapper { 
	width: 926px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px auto; }
	
	* html #wrapper { width: 936px; } /* IE6 FIX */

	
	/*** NAV STYLES ***/
	ul#nav { 
		width: 800px; 
		height: 63px; 
		margin: 0 auto; 
		list-style: none; }
		
		* html ul#nav { width: 850px; } /* IE6 FIX */
	
		ul#nav li { 
			float: left; 
			padding: 0 25px; 
			background: url(images/nav_divider.jpg) top right no-repeat; }
			
			ul#nav li.last { padding: 0 0 0 25px; background: none; }
			
			ul#nav li a {
				float: left; 
				display: block; 
				height: 62px; 
				line-height: 62px;
				font-weight: bold;
				text-decoration: none;
				color: #555; }
				
				ul#nav li a:hover, 
				ul#nav li.active a { 
					background: url(images/nav_active.jpg) bottom center no-repeat; }
			
	
	/*** HEADER STYLES ***/
	#header {
		width: 710px;
		height: 302px;
		float: left;}		
		
		#join { 
			width: 201px;
			height: 302px;
			margin: 0 0 0 10px; 
			float: left; }
		
 
	/*** CONTENTWRAPPER STYLES ***/
	#contentWrapper { 
		min-height: 100px; 
		padding: 15px 0 90px 0;
		text-align: justify;
		float: left; }
		
		#contentWrapper #content { 
			width: 920px; 
			padding: 0 10px;
			margin: 20px 0 0 0; }
			
	ul#agentList {}
	
		ul#agentList li {
			height: 200px; }
			
	#content ul {
		margin: 0 0 0 20px; }


/*** FOOTER STYLES ***/
#footer { 
	width: 100%; 
	height: 45px;
	padding: 45px 0 0 0;
	font-size: 10px;
	float: left;
	background: url(images/footer_bg.jpg) bottom left repeat-x; }

	#footer p { margin: 0 0 4px 0; }


/*** LISTING FIX ***/
#listingResults table td p { width: 650px; }

#listingContent #slideshowContainer #defaultSlideshow img { width: 300px; }



/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }