@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body { padding:15px 0; }
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
img { max-width: none; }
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	9;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	min-width:320px;
}

img,
#header,
#landing_footer { border-radius:10px; }
.writeup_container { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

.sitelabel img { border-bottom-left-radius:0; border-bottom-right-radius:0; }

#header { clear: both; float: left; margin-left: 1px; width: 98%; display: block; position: relative; background-color: #000; border: 2px solid #D6D6D6; margin-bottom: 20px; }
.header_home { width:100%; }
.facebook { position:absolute; right:5px; top:10px; }
/*.facebook a { display:none; }*/
.fb_landing { position: absolute; top: -10000px; height: 0px; width: 0px; }

.sitelabel { display:block; text-align:center; color:#FFF; font-size:14px; font-weight:bold; position:relative; background-color:#222; }
.sitelabel span { position: absolute; bottom: 10px; width: 96%; padding: 2%; background-color: hsla(359,100%,32%,0.55); color: #FFF; text-shadow: 1px 1px 1px hsla(0,0%,0%,1.00); font-size:28px; left:0; }
.sitelabel:hover span { background-color: hsla(359,100%,32%,1); }
.sitelabel img { width:100%; display:block; margin:auto; max-width:392px; max-height:276px; }

#wutre .sitelabel { color:#da1e3b; }

#site_writeup_auction { clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; }
#site_writeup_realestate { clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; }
#site_writeup_trailers { clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; }

.writeup_container { height:1.5em; overflow:hidden; }
.writeup_container:hover { height:auto; }
.writeup_container p:first-child { margin:0 0 10px; }
.writeup_container,
#landing_footer { clear: both;  float: left;  margin-left: 0; display: block; background-color: #FFFFFF;
 /* border: 2px solid #A7A9AC;*/
  color: #000000;
  padding: 10px 10px 5px;
/*  width:100%;*/
}
.ie7 #landing_footer { width:97%; }
.writeup_container { margin-bottom:20px; }
.writeup_container .photo { display:none; }
#wutauc,
#wutre,
#wutts { clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; text-align:center; /*display:none;*/ position:relative; }

/* Tablet Layout: 735px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 735px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	min-width:600px;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.contentwrap { background-color:#222; margin-bottom: 20px; padding-top: 20px; }
#landing_footer {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
}
.writeup_container .photo { display:block; }
/*
#site_writeup_auction { clear: both;  float: left;  margin-left: 0;  width: 31.8181%;  display: block; }
#site_writeup_realestate { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
#site_writeup_trailers { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
*/
#wutauc img,
#wutre img,
#wutts img { /*max-width:167px; max-height:26px;*/ width:100%; }

#wutauc { clear: both;  float: left;  margin-left: 0;  width: 31.8181%;  display: block; }
#wutre { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
#wutts { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.facebook a { display:block; }
#landing_footer {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
}
/*.writeup_container { min-height:560px; }*/
#site_writeup_auction { clear: both;  float: left;  margin-left: 0;  width: 31.8181%;  display: block; }
#site_writeup_realestate { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
#site_writeup_trailers { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }

#wutauc { clear: both;  float: left;  margin-left: 0;  width: 31.8181%;  display: block; }
#wutre { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
#wutts { clear: none;  float: left;  margin-left: 2.2727%;  width: 31.8181%;  display: block; }
}