/************** BASE ELEMENTS **************/


/************** CONTAINERS **************/

#container{
	position:relative;
	width:790px;
	min-height:700px;
	margin:0 auto;
	padding:0 75px;
	}
#popupContainer{
	position:relative;
	width:450px;
	margin:0 auto;
	}
	
#branding{
	position:relative;
	width:300px;
	height:69px;
	margin:0 auto;
	}
	
#primaryNavigation{
	position:relative;
	border-bottom:1px solid;
	margin:5px 0 35px 0;
	}
	
#contentContainer{
	position:relative;
	width:100%;
	}
	
#footer{
	clear:both;
	position:relative;
	width:790px;
	margin:0 auto 25px auto;
	padding:0 75px;
	}
	

/************* NAVIGATION *****************/

#primaryNavigation ul{
	list-style-type:none;
	position:relative;
	width:741px;
	height:29px;
	margin:0 auto;
	}

#primaryNavigation li{
	display:inline;
	list-style-type:none;
	}
	
#primaryNavigation ul li a{
	position:absolute;
	top: 0;
	height:29px;
	text-indent: -9000px;
	overflow: hidden;
	}

/* Featured Listings */
#primaryNavigation ul li.nav_featured a{
	left: 0px;
	width:176px;
	background-position:0px 0px;
	}
#primaryNavigation ul li.nav_featured a.currentpage{
	background-position:0px -30px;
	}
#primaryNavigation ul li.nav_featured a:hover,
#primaryNavigation ul li.nav_featured a:focus{
	background-position:0px -60px;
	}
#primaryNavigation ul li.nav_featured a:active {
	background-position:0px -90px;
	}

/* Custom Homes */
#primaryNavigation ul li.nav_custom a{
	left: 176px;
	width:144px;
	background-position:-176px 0px;
	}
#primaryNavigation ul li.nav_custom a.currentpage{
	background-position:-176px -30px;
	}
#primaryNavigation ul li.nav_custom a:hover,
#primaryNavigation ul li.nav_custom a:focus{
	background-position:-176px -60px;
	}
#primaryNavigation ul li.nav_custom a:active{
	background-position:-176px -90px;
	}

/* Resources */
#primaryNavigation ul li.nav_resources a{
	left: 320px;
	width:111px;
	background-position:-320px 0px;
	}
#primaryNavigation ul li.nav_resources a.currentpage{
	background-position:-320px -30px;
	}
#primaryNavigation ul li.nav_resources a:hover,
#primaryNavigation ul li.nav_resources a:focus{
	background-position:-320px -60px;
	}
#primaryNavigation ul li.nav_resources a:active {
	background-position:-320px -90px;
	}

/* Contact Us */
#primaryNavigation ul li.nav_contact a{
	left: 431px;
	width:114px;
	background-position:-431px 0px;
	}
#primaryNavigation ul li.nav_contact a.currentpage{
	background-position:-431px -30px;
	}
#primaryNavigation ul li.nav_contact a:hover,
#primaryNavigation ul li.nav_contact a:focus{
	background-position:-431px -60px;
	}
#primaryNavigation ul li.nav_contact a:active{
	background-position:-431px -90px;
	}

/* Palmeto-Bluff.com */
#primaryNavigation ul li.nav_mainsite a{
	left: 545px;
	width:194px;
	background-position:-546px 0px;
	}
#primaryNavigation ul li.nav_mainsite a.currentpage{
	background-position:-546px -30px;
	}
#primaryNavigation ul li.nav_mainsite a:hover,
#primaryNavigation ul li.nav_mainsite a:focus{
	background-position:-546px -60px;
	}
#primaryNavigation ul li.nav_mainsite a:active{
	background-position:-546px -90px;
	}
	
#footerNavigation{
	list-style-type:none;
	margin:0 auto .5em;
	padding:25px 0 0 0;
	}

#footerNavigation li{
	display:inline;
	list-style-type:none;
	}
	

/************* LISTINGS *****************/

.featuredListings table{
	border-collapse:separate;
	}
	
.listingThumbnail{
	padding:10px;
	border:0px none;
	border-right: 1px dotted;
	border-bottom: 1px dotted;
	vertical-align:top;
	}
	
.singleListing {
	border: none;
	}

.firstColumn {
	}

.lastColumn {
	border-right:0px none;
	}

.lastRow {
	border-bottom:0px none;
	}
	
	
.listingThumbnailImage img{
	border:1px solid;
	margin-bottom:3px;
	}	
.listingThumbnailCaption{
	border-top:1px dotted;
	padding:.25em 10px;
	width:212px;
	}
.listingThumbnailCaption table{
	margin:0;
	}
.listingThumbnailCaption th{
	border:none;
	vertical-align:top;
	padding:0;
	}
.listingThumbnailCaption td{
	border:none;
	vertical-align:top;
	padding:0;
	padding-left:.5em;
	}
	
	

.featuredArchitects{
	float:left;
	width: 45%;
	}
.featuredBuilders{
	float:right;
	width: 45%;
	}

.featuredArchitects h3,
.featuredBuilders h3{
	border-bottom:1px solid;
	}

.featuredArchitects table td,
.featuredBuilders table td{
	border:none;
	padding:0 .5em .5em 0;
	}

.featuredArchitects img,
.featuredBuilders img{
	border:1px solid;
	}	

span.listing_status{
	display:block;
	}

h2.listing_status{
	}

	
/************* LISTING DETAIL *****************/

#listingDescription{
	float:right;
	width:275px;
	margin:30px 0 0 0;
	}
#listingDescription h3{
	margin-top:0;
	border-bottom: 1px dotted;
	padding-bottom:.5em;
	}

#listingDetailPhotoMain{
	float:left;
	margin-bottom:10px;
	}
#listingDetailPhotoMain img{
	border:1px solid;
	width:498px;
	}
#listingDetailPhotoCaption{
	border-top:1px dotted;
	padding:.25em 10px;
	width:479px;
	}
	
#listingDetailPhotosExtra{
	clear:both;
	margin:0 0 25px 0;
	}
#listingDetailPhotosExtra h3{
	border-bottom: 1px dotted;
	margin-top:25px;
	padding-bottom:.5em;
	}

#listingDetailPhotosExtra ul{
	list-style-type:none;
	margin:0;
	}

#listingDetailPhotosExtra li{
	display:inline;
	list-style-type:none;
	}

#listingDetailPhotosExtra img{
	border:1px solid;
	}
	
#listingDetailsData h3{
	margin-bottom:0;
	padding-bottom:.5em;
	}
#listingDetailsData th{
	width:33%;
	}
	
#listingDetailPrimaryNavigation{
	border-top:1px solid;
	width:500px;
	margin-bottom:5px;
	position:relative;
	}

#listingDetailPrimaryNavigation ul{
	list-style-type:none;
	position:relative;
	width:500px;
	height:24px;
	margin:0;
	}

#listingDetailPrimaryNavigation li{
	display:inline;
	list-style-type:none;
	}
	
#listingDetailPrimaryNavigation ul li a{
	position:absolute;
	top: 0;
	height:24px;
	text-indent: -9000px;
	overflow: hidden;
	}

/* Request Info */
#listingDetailPrimaryNavigation ul li.nav_requestinfo a{
	left: 0px;
	width:182px;
	background-position:0px 0px;
	}
#listingDetailPrimaryNavigation ul li.nav_requestinfo a:hover,
#listingDetailPrimaryNavigation ul li.nav_requestinfo a:focus{
	background-position:0px -24px;
	}
#listingDetailPrimaryNavigation ul li.nav_requestinfo a:active {
	background-position:0px -48px;
	}

/* Email a Friend */
#listingDetailPrimaryNavigation ul li.nav_email a{
	left: 182px;
	width:158px;
	background-position:-182px 0px;
	}
#listingDetailPrimaryNavigation ul li.nav_email a:hover,
#listingDetailPrimaryNavigation ul li.nav_email a:focus{
	background-position:-182px -24px;
	}
#listingDetailPrimaryNavigation ul li.nav_email a:active{
	background-position:-182px -48px;
	}

/* Print */
#listingDetailPrimaryNavigation ul li.nav_print a{
	left: 340px;
	width:160px;
	background-position:-340px 0px;
	}
#listingDetailPrimaryNavigation ul li.nav_print a:hover,
#listingDetailPrimaryNavigation ul li.nav_print a:focus{
	background-position:-340px -24px;
	}
#listingDetailPrimaryNavigation ul li.nav_print a:active{
	background-position:-340px -48px;
	}

#listingDetailSecondaryNavigation{
	border-top:1px solid;
	float:left;
	width:500px;
	margin-bottom:10px;
	position:relative;
	}

#listingDetailSecondaryNavigation ul{
	list-style-type:none;
	position:relative;
	width:270px;
	height:24px;
	margin:0 auto;
	}

#listingDetailSecondaryNavigation li{
	display:inline;
	list-style-type:none;
	}
	
#listingDetailSecondaryNavigation ul li a{
	position:absolute;
	top: 0;
	height:24px;
	text-indent: -9000px;
	overflow: hidden;
	}

/* Floorplan */
#listingDetailSecondaryNavigation ul li.nav_floorplan a{
	left: 0px;
	width:142px;
	background-position:0px 0px;
	}
#listingDetailSecondaryNavigation ul li.nav_floorplan a:hover,
#listingDetailSecondaryNavigation ul li.nav_floorplan a:focus{
	background-position:0px -24px;
	}
#listingDetailSecondaryNavigation ul li.nav_floorplan a:active {
	background-position:0px -48px;
	}
#listingDetailSecondaryNavigation ul li.nav_floorplan a.disabled,
#listingDetailSecondaryNavigation ul li.nav_floorplan a.disabled:hover,
#listingDetailSecondaryNavigation ul li.nav_floorplan a.disabled:focus,
#listingDetailSecondaryNavigation ul li.nav_floorplan a.disabled:active{
	background-position:0px -72px;
	cursor:not-allowed;
	}

/* Virtual Tour */
#listingDetailSecondaryNavigation ul li.nav_virtualtour a{
	left: 142px;
	width:128px;
	background-position:-142px 0px;
	}
#listingDetailSecondaryNavigation ul li.nav_virtualtour a:hover,
#listingDetailSecondaryNavigation ul li.nav_virtualtour a:focus{
	background-position:-142px -24px;
	}
#listingDetailSecondaryNavigation ul li.nav_virtualtour a:active{
	background-position:-142px -48px;
	}
#listingDetailSecondaryNavigation ul li.nav_virtualtour a.disabled,
#listingDetailSecondaryNavigation ul li.nav_virtualtour a.disabled:hover,
#listingDetailSecondaryNavigation ul li.nav_virtualtour a.disabled:focus,
#listingDetailSecondaryNavigation ul li.nav_virtualtour a.disabled:active{
	background-position:-142px -72px;
	cursor:not-allowed;
	}

#backToListingsNavigationOne{
	display:inline;
	position:absolute;
	top:-25px;
	right:0;
	padding:3px 7px 3px 15px;
	height:25px;
	}
	
#backToListingsNavigationTwo{
	float:right;
	display:inline;
	position:relative;
	padding:3px 7px 3px 15px;
	height:25px;
	}
	
#backToListingsNavigationOne a,
#backToListingsNavigationTwo a{
	}
	
	
/************* ADMINISTRATION *****************/

#adminMenu{
	float:left;
	width:175px;
	}
	
#adminMenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#adminMenu li{
	list-style-type:none;
	margin:0 0 .5em 0;
	padding:0;
	}
	
#adminContent{
	width:600px;
	float:right;
	}
	
#galleryPhotosList{
	list-style-type:none;
	margin:0;
	padding:10px;
	}
#galleryPhotosList li{
	list-style-type:none;
	margin:10px 0;
	padding:0;
	}
#galleryPhotosList .handle { 
	float:left; 
	margin-right:10px; 
	cursor: move;
	}
.placeholder { 
	border:2px dashed;
	}

	

	
/************* OTHER *****************/

#listingEmailtoAFriend h3{
	margin-bottom:0;
	padding-bottom:.5em;
	}

#popupContent h3{
	margin-bottom:0;
	padding-bottom:.5em;
	}

#popupContent h3{
	margin-bottom:0;
	padding-bottom:.5em;
	}

table.dataTable{
	width:100%;
	border-top:1px dotted;
	border-bottom:1px dotted;
	}
table.dataTable td,
table.dataTable th{
	vertical-align:top;
	border:none;
	}
table.dataTable input[type="text"],
table.dataTable textarea{
	width:90%;
	}
	
	
	
/************* SWFUPLOAD *****************/

.swfUploaderButtonContainer{
	}
	
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}