@charset "utf-8";
/* CSS Document */

body  {font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url('img/bg_1600x1000.jpg'); background-repeat:no-repeat;
	margin: 0; padding: 0; text-align: center; color: #000000;
}
#house { width: 920px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
} 
#roof {height:200px; background-image:url('img/roof_skeleton.gif'); background-repeat:no-repeat; position:relative; z-index:10; margin:0 0 0px 0;}
#banner { width:468px; height:60px; position:relative; top:99px; left:393px;}
#inside {text-align:left;}
.rooms {width:920px; height:200px; margin: 0px; background-image:url('img/room_skeleton.gif');background-repeat:no-repeat;}
.rooms p {font-size:14px; padding:10px 55px 0 35px; margin:-5px 0 0 0;}
.rooms h1 {margin:0; padding:0 0 0 35px;}

#porch {margin:0; padding:0; width:920px; height:200px;background-image:url('img/porch_skeleton.gif'); background-repeat:no-repeat;} 
#porch p {font-size:80%;color:#999;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:40px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
}
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;height:15px;font-size: 1px;line-height: 0px;}
img {border:none;}