/*
	Custom CSS written by Eric Carroll @ Visual Notion
	Client: Egenbacher Real Estate in Lubbock, Texas
	Last Updated: Jan 5, 2010 @ 09:13am
*/

/*
Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212
-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
/*
Foundational
------------------------------------------------------*/
body { background: #d1ceb7; color: #000; font: 0.85em/1.4 Verdana, Arial, Helvetica, sans-serif; }
a { color: #8aa143; }
a:hover { color: #d96f1c; }
#container { width: 793px; margin: 0 auto; background: #fff url(../_img/bg_left-column.gif) repeat-y; }
/*
Header
------------------------------------------------------*/
#header { width: 793px; height: 107px; margin: 0 auto; background: #fff url(../_img/logo_ere.gif) 20px 20px no-repeat; }
	#header h1 { padding: 15px 0 0 16px; }
	#header h1 a { width: 149px; height: 68px; display: block; text-indent: -999em; }
	#header h1 a:hover {  }
	#header #slogan { display: block; text-indent: -999em; }
/*
Navigation
------------------------------------------------------*/
#navigation { width: 783px; margin: 0 auto; padding: 0 0 0 10px; background: #231f20; overflow: hidden; }
	#navigation ul { font: 1.1em "Trebuchet MS",Arial, Helvetica, Sans-serif; font-weight: bold; }
	#navigation ul li { float: left; margin-right: 7px; }
	#navigation ul li a { color: #bfba92; display: block; padding: 11px 15px; text-decoration: none; }
	#navigation ul li a:hover { color: #d96f1c; background: #000; }
/*
Content
------------------------------------------------------*/
#content { clear: both; overflow: hidden; width: 793px; margin: 0 auto; }
/*
Left-Column
------------------------------------------------------*/
#left-column { width: 180px; float: left; display: inline; color: #666; }
	#left-column h2 { font: 1.1em "Trebuchet MS", Arial, Helvetica, Sans-serif; font-weight: bold; color: #da6f1c; }

	#about-block { width: 140px; margin: 20px 20px 40px 20px; }
		#about-block h2 { font: 1.1em "Trebuchet MS", Arial, Helvetica, Sans-serif; font-weight: bold; color: #da6f1c; }
		#about-block p { font-size: 0.9em; margin: 5px 0 12px 0; color: #666; }
		
	#sub-navigation {  }
		#sub-navigation h2 {  }
		#sub-navigation ul { padding-top: 10px; font-size: 1em; text-align: right; }
		#sub-navigation ul li {  }
		#sub-navigation ul li a { display: block; height: 1%; padding: 8px 15px; text-decoration: none; color: #797a7d; }
		#sub-navigation ul li a:hover { color: #fff; background: #797a7d; }

	#windsor-creek-block { margin: 0 0 20px 0; }
		#windsor-creek-block h2 { font: 1.1em "Trebuchet MS", Arial, Helvetica, Sans-serif; color: #da6f1c; font-weight: bold; margin: 0 10px 5px 10px; text-align: center; }
		#windsor-creek-block p { color: #666; text-align: center; font-size: 0.9em; }
		
	#contact-info-block { margin: 20px; }
		#contact-info-block h3 { font-size: 1em; font-family: "Trebuchet MS", Helvetica, Arial; margin-top: 10px; }
		#contact-info-block p { font-size: 0.9em; margin: 5px 0 12px 0; color: #666; }
/*
Right-Column
------------------------------------------------------*/
#right-column { width: 612px; float: left; display: inline; padding-bottom: 15px; }
	#right-column h2 { font: 1.6em "Trebuchet MS", Arial, Helvetica, Sans-serif; color: #da6f1c; font-weight: bold; margin: 15px 15px 10px 15px; }
	#slideshow { float: left; display: inline; margin: 15px 20px 10px 15px; }
	
	#right-column h3 { color: #231f20; font: 1.3em "Trebuchet MS", Arial, Helvetica, Sans-serif; margin: 0 15px 10px 15px; padding: 0; }
	#right-column p { font-size: 0.83em; margin: 5px 15px 15px 15px; line-height: 1.5; }
	#right-column ul { font-size: 0.83em; margin: 5px 15px 15px 15px; line-height: 1.5; }
	#right-column ul li { list-style-type: disc; margin-left: 20px; }
	
	div.content-list { float: left; display: inline; }
	
	.two-col-list { width: 250px; float: left; display: inline; margin: 10px 25px; }
		.two-col-list ul { font-size: 0.875em; }
		.two-col-list ul li { margin-bottom: 5px; list-style: none !important; }
		
	.segment { clear: both; overflow: hidden; }
		.segment h3 { color: #da6f1c !important; padding-top: 10px !important; border-top: 1px solid #bdccbd; }
		.segment p.signed { font-size: 1.3em; font-weight: bold; color: #da6f1c !important; text-align: right; }
	.img-right { float: right; display: inline; margin: 0 15px 10px 15px; border: 1px solid #ccc; }
	.img-left { float: left; display: inline; margin: 0 15px 15px 15px; border: 1px solid #ccc; }
	.no-border { border: none !important; }
/*
Contact Form
------------------------------------------------------*/
table#contact-form, table#service-form { margin: 10px 20px; font-size: 0.8em; }
	table#contact-form td, table#service-form td { vertical-align: top; padding: 5px; border-bottom: 1px solid #d1ceb7; }
	table#contact-form tr.odd td, table#service-form tr.odd td { background: #f3f5e5; }
	table#contact-form td label, table#service-form td label { margin-top: 2px; display: block; }
	table#contact-form td.left, table#service-form td.left { width: 180px; text-align: right !important; }
/*
Home Page Blocks
------------------------------------------------------*/
#home-slideshow { background: #fff; }
	#home-slideshow script {  }
	#home-slideshow noscript {  }

#services-block { width: 210px; margin: 10px; float: left; display: inline; }
	#services-block h2 { font: 1.3em "Trebuchet MS", Arial, Helvetica, Sans-serif; color: #da6f1c; font-weight: bold; /*border-bottom: 1px solid #bdccbd;*/ }
	#services-block ul { font-size: 0.92em; margin: 5px 0 15px 0; }
		#services-block ul li { list-style: none !important; margin-left: 15px; margin-bottom: 12px; }
		#services-block ul li a { color: #797a7d; font-weight: bold; padding: 5px 0; text-decoration: none; }
		#services-block ul li a:hover { color: #d96f1c; text-decoration: underline; }

#featured-block { width: 362px; margin: 10px; float: left; display: inline; }
	#featured-block h2 { font: 1.3em "Trebuchet MS", Arial, Helvetica, Sans-serif; color: #da6f1c; font-weight: bold; margin: 15px 0 10px 0; padding: 0; }
	#featured-block div.llBadge {  }
		#featured-block div.llBadge div.llBadge-photo {  }
		#featured-block div.llBadge div.llBadge-photo div {  }
		#featured-block div.llBadge div.llBadge-photo div a {  }
		#featured-block div.llBadge div.llBadge-photo div a:hover {  }
		#featured-block div.llBadge div.llBadge-photo div a img {  }
		#featured-block div.llBadge dl {  }
			#featured-block div.llBadge dl dt {  }
				#featured-block div.llBadge dl dt a {  }
				#featured-block div.llBadge dl dt a:hover {  }
			#featured-block div.llBadge dl dd.llBadge-location {  }
			#featured-block div.llBadge dl dd.llBadge-price-size {  }
				#featured-block div.llBadge dl dd.llBadge-price-size em {  }
			#featured-block div.llBadge dl dd.llBadge-type {  }
			#featured-block div.llBadge dl dd.llBadge-summary {  }
			#featured-block div.llBadge dl dd.llBadge-view {  }
				#featured-block div.llBadge dl dd.llBadge-view a {  }
				#featured-block div.llBadge dl dd.llBadge-view a:hover {  }
		#featured-block div.llBadge div.llBadge-clear {  }
/*
Team Page
------------------------------------------------------*/
#team-grid {  }
	.team-member h3 { font-size: 1.1em !important; margin: 0 !important; padding: 3px 5px !important; font-weight: bold; }
	.team-member h3 a { text-decoration: none; }
	.team-member h3 a em { text-decoration: none; font-size: 0.9em; color: #666; }

	#team-row-1 { margin: 0; padding: 0 0 10px 0; overflow: hidden; }
		#team-row-1 .team-member { width: 150px; float: left; display: inline; margin: 0 20px 0 25px; padding: 0; }
	#team-row-2 { margin: 0; padding: 0 0 10px 0; overflow: hidden; }
		#team-row-2 .team-member { width: 150px; float: left; display: inline; margin: 0 0 0 2px; padding: 0; }

hr { border: none; height: 1px; background: #bdccbd; margin: 10px 20px 20px 20px; }
/*
Footer
------------------------------------------------------*/
#footer { width: 793px; margin: 0 auto; padding: 10px 0 12px 0; background: #231f20; overflow: hidden;  }
	#footer p { font-size: 0.75em; text-align: center; color: #bfba92; }
	#footer p a { color: #bfba92; text-decoration: none; }
	#footer p a:hover { color: #fff; text-decoration: underline; }
	#footer p span { margin: 0 4px; }
	
	p#footer-contact { margin: 0 10px 10px 10px; }
		p#footer-contact strong { letter-spacing: 2px; font: 1.5em "Trebuchet MS", Helvetica, Arial; font-weight: normal; margin: 0 5px; }
		p#footer-contact strong#footer-phone { color: #d96f1c; }
		p#footer-contact strong#footer-fax { color: #717375; }
		p#footer-contact strong#footer-address { color: #a0bcc5; }
	
	p#footer-links {  }
/*
Copyright
------------------------------------------------------*/
#copyright { width: 793px; margin: 0 auto; padding: 10px; text-align: center; color: #666; }
	#copyright p { font-size: 0.75em; }	
/*
Sitemap <ul> / <li>
------------------------------------------------------*/
ul#sitemap li { list-style-type: none; font-weight: bold; font-size: 1.2em; margin: 0 0 0 10px; }
	ul#sitemap li li { font-size: 1.2em; list-style-type: disc; font-weight: normal; margin: 0 0 4px 20px; }
	
/*
Windsor Creek Page
------------------------------------------------------*/
.wide { background: #fff; }
#wide-column { background: #fff; }

.wide #navigation h2 { text-align: center; padding: 8px 0;}
.wide #navigation h2 strong { letter-spacing: 2px; font: 1.3em "Trebuchet MS", Helvetica, Arial; font-weight: normal; margin: 0 5px; color: #d96f1c; padding: 8px 0; }
.wide #navigation h2 em { color: #a4c3cc; font-style: normal; letter-spacing: 1px; font-weight: normal; }

#wide-column #drawing { width: 793px; height: 443px; background: url(../_img_wc/wc_drawing.jpg) bottom left no-repeat; }
	#wide-column #drawing h3 { text-indent: -999em; display: block; width: 793px; height: 154px; background: url(../_img_wc/wc_logo.jpg) no-repeat; }

#aerial-photos { clear: both; overflow: hidden; background: #231f20; border-bottom: 12px solid #231f20; }
#aerial-photos h4 { background: #231f20; color: #717274; font: 1em "Trebuchet MS", Helvetica, Arial; font-weight: normal; padding: 8px 5px; text-align: center; }
#aerial-photos img { float: left; display: inline; }
	#aerial-photos #middle-photo { border-left: 13px solid #fff; border-right: 12px solid #fff; }

#scrolling-photos { overflow: hidden; height: 150px; width: 793px; position: relative; }
#scrolling-photos img { float: left; display: inline; margin: 0; padding: 0; }

/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15%
	of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced with Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible {
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
/* Invisible right hotspot */
div.scrollingHotSpotRight {
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and height as the containing element (div).
	Overflow is hidden because you don't want to show all of  the scrollable area.
*/
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; width: auto; height: 100%; }
#scrolling-photos div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0; }