/* general styles */

html { }

html, body { }

body { background: #333333 url('/images/escee_background.jpg') no-repeat top center fixed; color: #DFD2B3; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 62.5%; text-align: center; }

h1 { color: #7DB141; font-size: 3em; font-weight: normal; }

a,
a:visited,
a:hover {  color: #fff; }

/* page sections */
#wrapper { margin: auto; width: 1000px; }

#header { text-align: left; width: 1000px; }

#logo { float: left; padding-left: 57px; }

#nav { height: 26px; padding-top: 85px; text-align: right; }
#navContent { padding-right: 81px; }

#content { width: 1000px; }
#content p { font-size: 1.2em; font-weight: normal; line-height: 1.5em; padding: 10px 0px; }

#showcase { clear: both; margin: auto; }
#showcase img { margin: 20px auto; }

#description { margin: auto; text-align: left; width: 600px; }
#description p { font-size: 1.3em; font-weight: normal; line-height: 1.5em; padding: 50px 0px 20px; }

#bodyText { clear: both; display: block; margin: 2px; margin: auto; text-align: left; width: 800px; }

#leftColumn { clear: both; float: left; margin-left: 75px; text-align: left; width: 400px; }
#leftColumn h2 { color: #FFFFFF; font-size: 1.4em; padding: 15px 0px; text-transform: uppercase; }
#leftColumn h3 { color: #FFFFFF; font-size: 1.3em; padding: 15px 0px; }
#leftColumn ul { font-size: 1.2em; font-weight: normal; list-style: disc; margin-left: 16px; }
#leftColumn li { line-height: 1.5em; padding-bottom: 5px; }

#rightColumn { float: right; margin-right: 75px; width: 400px; }
#rightColumn h2 { color: #FFFFFF; font-size: 1.4em; padding: 15px 0px; text-transform: uppercase; }
#rightColumn h3 { color: #FFFFFF; font-size: 1.3em; padding: 15px 0px; }

#singleColumn { clear: both; margin-top: 10px; text-align: center; }
#singleColumn h2 { color: #FFFFFF; font-size: 1.4em; font-weight: normal; padding: 15px 0px; }
#singleColumn h3 { color: #FFFFFF; font-size: 1.3em; font-weight: normal; padding: 15px 0px; }
#singleColumn ul { font-size: 1.2em; font-weight: normal; list-style: none; }
#singleColumn li { line-height: 1.5em; padding-bottom: 15px; }

#pageTitle { margin-bottom: 10px;  }
#pageText { padding-left: 50px; }
#pageTextRight { padding-right: 50px; text-align: left; }
.pushdown { margin-top: 100px; }

#portrait { margin-top: 50px; }
#portrait img {  }
#portrait p { color: #FFFFFF; font-size: 1.1em; padding: 5px; }

.picture { margin-top: 50px; }
.picture img { margin-left: 50px; }

#servicesLists { margin: 15px auto; }
#servicesLists td { padding: 0px 10px; }

#salesLists { margin: 25px auto 15px; }
#salesLists td { padding: 0px 10px; }

.transaction { margin-bottom: 15px; text-align: center; }
.transaction p { margin-top: -5px; }

#footer { clear: both; margin: 10px 0px 0px; padding-bottom: 50px; }
#footer p.copyright { font-size: 1em; margin-top: 15px; }

/* listings */

#hideListTrigger { display: none; }

#listLink { margin: 10px auto 0px; text-align: right; width: 720px; }
#listingShowcase { height: 540px; margin: 10px auto; position: relative; width: 720px; text-align: left; }

#listingShowcase div { background: #002B54; color: #fff; padding: 5px; }
#listingShowcase div#listingTitle { font-size: 3em; font-weight: bold; position: absolute; text-align: left; text-transform: uppercase; top: 20px; width: 710px; }
#listingShowcase div#listingInfo { bottom: 10px; font-size: 1.5em; position: absolute; text-align: justify; width: 710px; }
#listingShowcase div#listingInfo span#listingPrice { float: right; }
#listingShowcase div#listingActions { background: none; position: absolute; right: 10px; top: 80px; height: 200px; width: 120px; }
#listingShowcase div#listingActions img { cursor: pointer; margin-bottom: 10px; }


#listingsControl { margin: auto; padding-left: 139px; }

#listingsControl div.listingsNav { background: #5e5e5e; cursor: pointer; display: inline; float: left; height: 72px; text-align: left; width: 27px; }
#listingsControl div.listingsContent { 
	display: inline; 
	float: left; 
	/* height: 72px;  */
	overflow: hidden; 
	text-align: left;
	width: 669px; 
}

#listings { display: inline; float: left; list-style: none; width: 20000px; }
#listings li { display: inline; float: left; }

#listings li div.listing { 
	background: #5e5e5e; 
	border-left: 1px solid #999; 
	border-right: 1px solid #555;
	cursor: pointer; 
	display: inline; 
	float: left;
	height: 65px; 
	padding-top: 7px; 
	text-align: left; 
	vertical-align: middle; 
	width: 221px;
}
.listingImage { float: left; padding: 0px 5px; }
.listingDetails { display: inline; vertical-align: top; }
.listingTitle { color: #fff; display: inline; font-size: 1.1em; font-weight: bold; text-transform: uppercase; vertical-align: top; }

#hideListTrigger,
#listingsListView {
	display: none;
}

#listingsListView { margin-top: 10px; }
#listingsList li { clear: both; height: 70px; }
.listingList { margin: auto; text-align: left; width: 750px; }
.listingList img.listingImageList { cursor: pointer; float: left; }
.listingList div.listingDetailsList { margin-left: 80px; }
.listingList span.listingTitleList { color: #fff; font-size: 1.3em; }
.listingList a { float: right; padding-left: 10px; }


/* forms */

#esceeForm { background: #fff; border: 1px solid #EEE; color: #333; font-size: 1.1em; margin: 0px; padding: 10px; }

#esceeForm div.title { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; }
#esceeForm div.subTitle { color: #002B54; font-size: 1.2em; font-style: italic; font-weight: bold; margin: 10px 0px 0px; }
#esceeForm p.explanatory { font-size: 1em; font-style: italic; }
#esceeForm span.instructive { color: #666; font-size: 1em; font-style: italic; }

#esceeForm div#validationMessage { background: #FEE; border: 1px solid #C00; color: #C00; display: none; margin-top: 10px; padding: 5px; }
#esceeForm div#errorMessage { background: #FEE; border: 1px solid #900; color: #900; margin: 10px 0px; padding: 5px; }
#esceeForm div#successMessage { background: #EFE; border: 1px solid #090; color: #090; margin: 10px 0px; padding: 5px; }
#esceeForm div#validationMessage ol,
#esceeForm div#errorMessage ol,
#esceeForm div#successMessage ol { list-style: disc; margin: 5px 15px; }
#esceeForm div#validationMessage p,
#esceeForm div#errorMessage p,
#esceeForm div#successMessage p { margin: 5px 0px; width: 300px; }

#esceeForm form { padding: 10px; }

#esceeForm form fieldset { border: 1px solid #F0F0F0; margin-top: 15px; padding: 5px; }
#esceeForm form fieldset legend { color: #999; }
#esceeForm form fieldset.submit { border: none; }

#esceeForm a { text-decoration: none; }

#esceeForm form ol { list-style: none; }
#esceeForm form li { padding-bottom: 5px; }
#esceeForm form li label { display: block; }
#esceeForm form li.required label { color: #002B54; }

#esceeForm form input,
#esceeForm form textarea { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 1.1em; }

#esceeForm span.req { color: #FF0000; font-size: 1.4em; }

#uploadForm { width: 300px; }

/* general classes */

.hidden { display: none; }