/* Forces vertical scrollbar in Firefox */
html { height:100.05%; }

/* General, overall settings ###############################################################################*/
* {
	/* font-family: "Abadi MT Condensed Light", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	
}
body {
	background-color: #000000;
	font-size:12px;
	padding:0px;
	margin:0px;
}
a:link, a:visited {
	color:#000000;
}
.clearBoth {
	clear:both;
}
.spacer {
	width:100%;
	height:1em;
	clear:both;
}
.noBreak {
	white-space: nowrap;
}

/* Main container */
#main {
	width:800px;
	min-height:600px;
	background-color: #F1E5C8;
	margin:0px auto 0px auto;
}

/* Top bar with the logo */
#topbar {
	width:800px;
	height:130px;
	background-image: url(library/gfx/topbar_logo.jpg);
}
#tc_topbar {
	width:800px;
	/* height:130px; */
	height:110px;
	background-image: url(http://www.newtraditionhomes.com/images/top_logo_bar_tc.jpg);
}
/* NTH Menu...not quite sure how we're going to implement this */
#nth_menubar {
	width:800px;
	height:25px;
	background-color: #f2e9cc
}

/* Now the Realty-specific stuff ###################################################################### */
#ntr_menubar {
	width:800px;
	height:30px;
	background-color: #A89900;	
}
.menuButton {
	float:left;
}
/* Main page stuff .......................................... */
#ntr_splash {
	float:left;
	margin:0px;
	padding:0px;
}
#ntr_icons {
	width:800px;
	min-height:1em;
	clear:both;
	padding:0px;
	margin:0px;
}
/* Recent listings on main page */
#ntr_rListings, #ntr_rListings_title, #ntr_rListings_footer {
	width:348px;
}
#ntr_rListings {
	float:left;
	height:278px;
	border: 1px solid #706400;	
	padding:0px;
	margin:0px;
}
#ntr_rListings_title {
	height:29px;
	background-image: url(library/gfx/title_listings.jpg);
}
#ntr_rListings_footer {
	height:24px;
	background-image: url(library/gfx/footer_listings.jpg);
	background-repeat: repeat-y;
	text-align:right;
}
.ntr_rListings_footerText {
	margin:5px;
	line-height:2;
	font-weight:bold;
}
.ntr_rListing_a, .ntr_rListing_b {
	width:318px;
	height:15px;
	padding:15px;
}
.ntr_rListing_a {
	background-color: #F1E5C8;	
}
.ntr_rListing_b {
	background-color: #F9F4E7;	
}

/* Find a Home stuff .................................................... */
#ntr_titlebar {
	width:800px;
	height:50px;
	background-color: #706400;	
}
#formSearch {
	width:440px;
	min-height:200px;
	margin:20px 0px 10px 20px;
	border:1px solid #000000;
	float:left;
}
#ntr_map {
	float:left;
	margin: 20px;
	position:relative;
}
.ntr_message {
	width: 90%;
	min-height:1em;
	padding:20px;
	margin:20px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	clear:both;
	background-color: #EBD9AF;
	border: 1px solid #FF0000;
}
#listingResults {
	width: 720px;
	min-height:1em;
	margin:0 20px 20px 20px;
	padding:0 20px 20px 20px;
	clear:both;
}
#listingResults table {
	/* border-collapse:collapse; */
}
#listingResults th {
	border-collapse:collapse;
	background-color: #706400;
	color: #FFFFFF;
}

/* Listings stuff .................................................... */
#listingContainer {
	width:780px;
	min-height:300px;
	padding:10px;
}
h1, h2, h3 {
	font-family: "Trajan Pro","Arial Black", Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0px;
	font-variant: small-caps;
	line-height:1;
	margin:0px;
}
h2 {
	font-size:22px;
	padding:10px;
}
h3 {
	font-size:16px;
}

#slideshowButton {
	width:60px;
	height:10px;
	padding:4px 12px;
	margin:0 0 2px 0;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(library/gfx/button_slideshow_small.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	display:inline;
	position:relative;
	bottom:6px;
}
#slideshowButton a {
	color:#FFFFFF;
	text-decoration:none;
}

#listingPic {
	width:400px;
	/* height:300px; */
	float:left;
	margin:5px 5px 5px 0;
	position:relative;
}
#listingButtonBox {
	width:136px;
	height:300px;
	padding:12px;
	float:left;
}
#listingButtonBoxTop {
	width:780px;
	min-height:40px;
	padding:0px 0px 10px 0px;
	clear:both;
}
/*
.listingButton, .listingButtonInactive {
	display:block;
	width:125px;
	height:10px;
	padding:12px 5px 16px 5px;
	text-align:center;
	background-image: url(library/gfx/button_listing.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	margin:5px 10px 0 10px;
	float:left;
	line-height:1;
}
.listingButton:link, .listingButton:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.listingButtonInactive {
	display:block;
	color: #BFBEA4;
}
*/
a.listingButton {
	display:block;
	text-align:left;
	vertical-align:middle;
	width:85px;
	height:30px;
	padding:5px 0 5px 45px;
	float:left;
	font-family: "Trajan Pro", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-transform:capitalize;
	color: #504800;
	background-repeat:no-repeat;
	background-position:left;
}
a.listingButton:hover {
	color: #9F8C09;
}
a#listingButtonBack {
	background-image: url(library/gfx/icon_listing_back.png);	
}
a#listingButtonSlideshow {
	background-image: url(library/gfx/icon_listing_slideshow.png);	
}
a#listingButtonFlyer {
	background-image: url(library/gfx/icon_listing_flyer.png);	
}
a#listingButtonContact {
	background-image: url(library/gfx/icon_listing_contact.png);	
}
a#listingButtonMap {
	background-image: url(library/gfx/icon_listing_map.png);	
}
a#listingButtonLocal {
	background-image: url(library/gfx/icon_listing_local.png);	
}

/******************************************/
#listingInfoBox {
	width:360px;
	min-height:350px;
	float:left;
	margin:0px 0px 0px 10px;
}
#listingInfoTitle {
	width:360px;
	height:37px;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	background-image: url(library/gfx/title_listing_info_wide.jpg);
	background-repeat: no-repeat;
}
#listingInfo {
	width:350px;
	min-height:200px;
	padding:5px 5px 0px 5px;
	background-color: #F9F4E7;
	float:left;
	background-image: url(library/gfx/bg_listing_info_wide.jpg);
	background-repeat: repeat-y;	/* border: 1px solid #333333; */
}
#listingInfoBottom {
	width:360px;
	height:20px;
	background-image: url(library/gfx/bg_listing_info_bottom_wide.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0;
	padding:0;
	float:left;
}

#flyerInfoTitle {
	width:210px;
	height:37px;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	background-image: url(library/gfx/title_listing_info.jpg);
	background-repeat: no-repeat;
}
#flyerInfo {
	width:200px;
	min-height:200px;
	padding:5px 5px 0px 5px;
	background-color: #F9F4E7;
	float:left;
	background-image: url(library/gfx/bg_listing_info.jpg);
	background-repeat: repeat-y;	/* border: 1px solid #333333; */
}
#flyerInfoBottom {
	width:210px;
	height:20px;
	background-image: url(library/gfx/bg_listing_info_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0;
	padding:0;
	float:left;
}
#listingInfoFooter, #flyerInfoFooter {
	padding:5px;
	margin:0 0 10px 0;
	width:764px;
	min-height:50px;
	background-color: #F9F4E7;
	clear:both;
	float:left;
	border: 3px ridge #A89900;
}

/* Photo viewer stuff .................................................... */
#photoBox, #flyerBox {
	width:640px;
	min-height:400px;
	background-color: #F1E5C8;
	margin:20px auto 0 auto;
}
#flyerBox {
	background-color:#FFFFFF;
	/* border: 1px solid #A89900; */
}
#photoBox h4 {
	color:#FFFFFF;
	width:630px;
	height:16px;
	padding:5px;
	background-color: #A89900;
	line-height:1;
	margin:0px;
}
#photoWrapper {
	width:620px;
	min-height:380px;
	padding:10px;
}
.photoTitle, .flyerTitle {
	font-weight:normal;
	float:left;
	padding:4px;
}
.photoClose {
	float:right;
	background-color: #A89900;
	padding:4px;
}
.photoClose a:link, .photoClose a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
.photoThumb {
	float:left;
	margin:5px;
}
#bigPhoto {
	float:left;
	margin:5px;
}

/* Flyer viewer stuff .................................................... */
#flyerBox h4 {
	color:#000000;
	width:630px;
	height:16px;
	padding:5px;
	background-color: #FFFFFF;
	line-height:1;
	margin:0px;
}
#flyerInfoFooter {
	width:604px;
	background-color: #FFFFFF;
}
#flyerInfo {
	width:198px;
	border: 1px solid #A89900;
}

/* About page stuff .................................................... */
#content {
	width:780px;
	min-height:300px;
	padding:10px;
}
.missionStatement {
	font-size:14px;
	line-height:2;
}
.agentList, .salesList {
	/* border-collapse:collapse; */
	border: 1px solid #A89900;
	margin: 1em auto 1em auto;
}
.agentProfile {
	background-color: #F9F4E7;	
}
.agentContact, .agentContact a:link, .agentContact a:visited {
	background-color: #706400;
	color: #FFFFFF;
	font-weight: normal;
	line-height:1;
	margin-top:0px;
	margin-bottom:0px;
}
.agentTitle {
	font-family: "Trajan Pro","Arial Black", Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px;
	font-variant: small-caps;
	line-height:1;
	margin:0px;
}
.agentPic {
	float:left;
	margin:5px;
}
.agentBio {
	float:left;
	width:420px;
	text-align:justify;
	min-height:50px;
	padding:5px;
	line-height:1.7;
}
#formContact {
	margin:10px;
	width:440px;
	min-height:100px;
	border: 1px solid #000000;
	float:left;	
}
#contactPhone {
	margin:10px;
	padding:5px;
	width:200px;
	min-height:100px;
	border: 1px solid #000000;
	float:right;	
}
.picMoving {
	/*
	float:left;
	margin:0 10px 10px 0;
	*/
	float:right;
	margin:0 0 10px 10px;
}
.movinguplist {
	margin:10px;
}
#movingupSteps {
	float:left;
	width:420px;
	min-height:100px;
}
#movingupSteps p {
	/* line-height:1; */
	margin:0 0 0.7em 0;
}
.movingup {
	font-weight:bold;
	color: #6F4809;	
}
.linkToNTH {
	text-align:center;
}
/* Agent profile viewer */
#agentBox {
	width:780px;
	min-height:100px;
	margin:10px;
}

.showPhotosText {
	float:left;
}

.salesPic {
	float:left;
	text-align:center;
}
.salesCommunities {
	float:left;
	margin: 0 0 0 10px;
}

/* Google map CSS */
#google_div {
	width:300px;
	min-height:300px;
	float:right;
	font-size:11px;
	margin:20px 20px 0 0;
}
#ntr_google {
	width:300px;
	height:300px;
}
#infoWindow a:link, #infoWindow a:visited {
	color:#FFFFFF;
}
.google_box {
	width:298px;
	height:100px;
	border: 1px solid #A3942F;
	background-color: #FCF0C0;
	position:relative;
	margin:1.5em 0 0 0;
}
.google_title {
	background-color: #A89900;
	height: 15px;
	width: 288px;
	padding:1px 5px 1px 5px;
}
.google_info {
	height: 29px;
	width: 288px;
	padding: 5px;
}
.google_thumb {
	padding:0 5px 0 0;
}
/* end google map css */

.overlay {
	width:100%;
	position:relative;
}
.overlay_pic {
	position:absolute;
	top:0;
	left:0;
}
#listingPic {
	width:400px;
	/* height:300px; */
	text-align:center;
	background-color:#000000;
}
#thumbPicDiv {
	padding:5px;
	background-color:#000000;
}
#thumbPicDiv a {
	margin:0 4px 0 0;
}
#mainPic:hover {
	cursor:pointer;
}
.preload {
	display:none;
}
table.salesList a:hover {
	color: #706400;
}
table.salesList tr td a {
	display:inline-block;
	width:90%;
	margin:.25em 0;
	/* white-space:nowrap; */
	text-align:left;
	padding:2px 5% 2px 5%;
}