body{
	background:url(imgs/pageBg.png) top center repeat-x #FFFFFF; 
	font-family:Trebuchet, 'Trebuchet MS', Verdana, sans-serif, arial;
	margin:0px; 
	padding:0px;
	font-size:small;
}


/*___________LAYOUT COMPONENTS______________*/
#logo{position:absolute; top:2px; left:50%; margin-left:-474px; z-index:3;}

#siteWrap{
	width:995px;
	position:relative;
	left:50%; 
	margin-left:-494px;
	margin-top:103px;
	margin-bottom:50px;
	text-align:center;
}
#siteWrap .swHelper{
	width:100%; 
	height:100%;
	background:url(imgs/mainBg.png) top center repeat-y;
}
#siteWrap .swHelper .swHelper{
	background:url(imgs/topper.png) top center no-repeat;
}

#mainContent{
	text-align:left;
	padding-left:21px;
	vertical-align:top;
	padding-right:6px;
}

#sideBar{
	text-align:left;
	width:225px;
	padding-right:21px;
	vertical-align:top;
}


/*___________NAVIGATION___________*/
#navContainer{ position:absolute; top:99px; left:50%; margin-left:-280px; z-index:4;}
#navContainer ul{ list-style:none; margin:0px; padding:0px;} 
#navContainer ul li{ list-style:none; margin:0px; padding:0px; float:left; margin-right:5px;}
#navContainer ul li a span.aHelper{display:block; width:100%; height:100%; padding:5px 17px; background:url(imgs/menuOff_rgt.png) top right no-repeat; padding-top:8px; cursor:pointer;}
#navContainer ul li a{
	display:block; 
	background:url(imgs/menuOff_lft.png) top left no-repeat; 
	color:#FFFFFF; 
	text-align:center;
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
}
#navContainer ul li a:hover, #navContainer ul li a:active{background:url(imgs/menuOn_lft.png) top left no-repeat; color:#003366;}
#navContainer ul li a:hover span.aHelper, #navContainer ul li a:active span.aHelper{background:url(imgs/menuOn_rgt.png) top right no-repeat; color:#003366;}

a:link, a:visited, a:active { color:#cc0000; }
a:hover{color:#cc0000; text-decoration:none;}

h1, h2, h3, h4{
    padding: 0px; margin: 0px;
}

a img{border:0px;}

/* Houses Module */
.imageContainer{ float: left; }
.houseContent{ float: right; width: 350px; marging: 0px; padding: 0px;}
#detailsTable{ width: 100%; padding: 0px; margin: 0px;}
.imageContainer{ width: 175px;}
.imageThumb{ margin: 5px; float: left; border: 2px solid black;}
.imageControls{ float:right; padding-top: 5px;}
.imageList{ list-style: none; padding: 0px; margin: 0px;}
.imageListItem {
	border-top: 2px solid #666; 
	border-left: 2px solid #eee; 
	border-right: 2px solid #eee; 
	border-bottom: 2px solid #eee;
}
.saveOrderContainer form{ margin: 5px 0px 0px 5px; }
.imageUploadContainer{
	border: 1px solid #eee;
	margin-top: 5px;
	width: 200px;
	padding: 5px;
}
.rightCol {width: 50%; text-align: right;}
.leftCol {width: 50%; text-align: left; }
.rightCol input, #detailsTable textarea { width: 175px; padding: 0px; margin: 0px; }
.divider{ border-bottom: 2px dashed #eee; }
.maxHeight{ height: 100%; }
#stateInput{width: 25px; } 
#zipInput{ width: 137px; }
#roomsInput{ width: 23px; }
#bathInput{ width: 22px; }
#sqftInput{ width: 60px; }
#storiesInput { width: 22px; }
#yearBuiltInput { width: 80px; }
#lotSizeInput { width: 80Px; }
.hide{ display: none; }


.houseTable th{
    background-color: #e6e6e6;
    color: black;
}
.houseTable a:link, .houseTable a:visited{
    color: black;
}

#detailsTable{
    width: 100%;
}

#credentials{
    color: #666;
    font-weight: bold;
    text-align: center;
}

.textContainer h3{
    text-align: center;
    background-color: #EEE;
    padding: 3px;
    margin: 3px;
}

.housesPreview h3{
    text-align: center;
}

.housesPreview p{
    font-size: .6em;
    font-style: italic;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.housesPreview img{
    border: 4px solid #FFFFFF;
    padding: 0px;
    margin: 2px 0px;
    -moz-border-radius:4px;

}

#footer{
    margin: 25px;
    border-top: 1px solid #EEEEEE;
    font-size: .85em;
}
#imgfooter{
    display:block; margin:0px; padding:0px;
}