/* ---------------------------------------------
Thornton Ranch Sales
12.2009
----------------------------------------------- */


/* 
	Eric Meyer's CSS 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, 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}


/* ---------- Body ---------- */


body {
	font: normal 12px/20px Trebuchet MS, Verdana, sans-serif;
/*
	font-weight: normal;
	font-size: 12px/20px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	*/
	background: url('../images/wood_background.jpg');
/*	color: #191919; */
	margin: 0;
	padding: 0;
	position: relative;
}
/*
#skip {
	left: -9999px;
	position: absolute;
}

.main {
}
*/
/* ---------- Wrapper / Content ---------- */


#wrapper {
	width: 911px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/thornton_background.jpg') repeat-y;
}

#header {
	width: 911px;
	height: 279px; 
	margin: 0 auto;
	padding: 0;
/*        background: url('../images/thornton_header.jpg') no-repeat; */
}

#header .tagline {
	display: none;
	width: 780px;
	padding: 0;
	float: left;
	padding: 70px 0 0 0px;
	
}

#header .logo {
	width: 248px;
	padding: 0;
	float: left;
	padding: 5px 0 0 20px;
/*        padding: 10px 0 0 38px; */
 
	
}
/*
#header .logoright {
	width: 560px;
	color: #002867;
        font-size: 16px;
	margin: 80px 18px 0 100px;
	padding: 0px;
	text-align: right;
	float: right;
	
}

#header .logoright p {
	width: 560px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	float: right;
}

#header .logoright p.phone {
	width: 560px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	float: right;
}
*/
/* ---------- Navigation ---------- */


#menu {
	width: 911x; height: 44px;
	margin: 0 auto;
	padding: 0;
	
}

ul#menuoptions {
	width: 911px;
	height: 44px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
}

ul#menuoptions li {
	display: block;
	float: left;
}

li#home a {
        display: block;
        position: relative;
	width: 181px;
	height: 44px;
	background: url('../images/thornton_home.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#summaryofofferings a {
        display: block;
        position: relative;
	width: 183px;
	height: 44px;
	background: url('../images/summary_of_offerings.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#invitationtobuyers a {
        display: block;
        position: relative;
	width: 182px;
	height: 44px;
	background: url('../images/invitation_to_buyers.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#invitationtosellers a {
	display: block;
	position: relative;
	width: 182px;
	height: 44px;
	background: url('../images/invitation_to_sellers.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#contactus a {
        display: block;
        position: relative;
        width: 183px;
        height: 44px;
        background: url('../images/contact_us.jpg');
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#home a:hover, li#summaryofofferings a:hover, li#invitationtobuyers a:hover, li#invitationtosellers a:hover, li#contactus a:hover
{
	background-position: 0px -44px;
}

li#home a span, li#summaryofofferings a span, li#invitationtobuyers a span, li#invitationtosellers a span, li#contactus a span, li#contactusspacer span { 

        left: -10000px; 
        position: absolute;
}

li#summaryofofferings a#there{
	background-position: 0px -88px;
	width: 183px;
	height: 44px;
}

li#invitationtobuyers a#there{
        background-position: 0px -88px;
        width: 182px;
        height: 44px;
}

li#invitationtosellers a#there{
        background-position: 0px -88px;
        width: 182px;
        height: 44px;
}


        
li#contactus a#there{  
        background-position: 0px -88px;
        width: 183px;
        height: 44px;
}
/*
#navigation {
        width: 563px;

	height: 27px;
        color: #002868;
        font-weight: bold;
        font-size: 11px;
	margin: 18px 0 0 0;
        padding: 0px;
	line-height: 12px;
        text-decoration: none;
	float: right;
}
*/

ul.options {
        font-size: 13px;
	padding: 0 0 15px 15px;
}

ul.options li {
        margin: 0;
	padding: 3px 0 3px 17px;
	background: url(../images/bullet.jpg) no-repeat 0 10px;
}

*/
/* ---------- Main Content ---------- */
/*
.navseparator {
	width: 893px;
	height: 1px;
	margin: 0 auto;
	border-bottom: 2px solid #002868;
}
.navseparatorouter {
	float: left; 
	width: 100%; 
	background: url('/images/bdback.png');
}
.navseparatorinner {
	width: 894px; 
	border-top: 1px solid #002868; 
	margin: 0 auto;
}

#bodyform .formseparator {
	width: 793px;
	height: 1px;
	margin: 40px 0 20px 0 ;
	border-top: 2px solid #002868;

}
#bodyform .separator {
	width: 793px;
	height: 5px;
	margin: 40px 0 20px 0 ;
 	background: #002868;

}
*/
#bodycontent {
	width: 911px;
	margin: 0 auto;
	padding: 0;
}

#bodycontent .maincontent {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
}

#bodycontent .pdfbutton {
	width: 850px;
	margin: 0 auto;
	padding: 10px 0 0 700px ;
	overflow: hidden;
}
#bodycontent .maincontent h1 {
        font-weight: bold;
        font-size: 14px;
        font-family: Verdana, Arial;
        padding: 30px 0 15px 0;
        line-height: 17px;
        color: #000;
}

#bodycontent .maincontent h1.alt {
        font-weight: bold;
        font-size: 16px;
        font-family: Verdana, Arial;
        padding: 30px 0 15px 0;
        line-height: 17px;
        color: #000;
}

#bodycontent .maincontent h2 {
        font-weight: bold;
        font-size: 14px;
        font-family: Verdana, Arial;
        padding: 30px 0 15px 0;
        line-height: 17px;
        color: #000;
	text-align: center;
}

#bodycontent .maincontent h2.alt {
        font-weight: bold;
        font-size: 14px;
        font-family: Verdana, Arial;
        padding: 5px 0 5px 0;
        line-height: 17px;
        color: #000;
	text-align: center;
}

#bodycontent .maincontent h3 {
        font-weight: bold;
        font-size: 16px;
        font-family: Verdana, Arial;
        padding: 30px 0 5px 0;
        line-height: 17px;
        color: #000;
	text-align: center;
}

#bodycontent .maincontent h4 {
        font-weight: bold;
        font-size: 17px;
        font-family: Verdana, Arial;
        padding: 30px 0 15px 0;
        line-height: 17px;
        color: #000;
	text-align: center;
}

#bodycontent .maincontent p {  
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 10px 0;
	text-align: left;
}

#bodycontent .maincontent p.alt {  
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 15px 0;
	text-align: center;
	color: #000;
}

#bodycontent .maincontent .left {
        width: 400px;	
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 10px 0;
	text-align: center;
	float: left;
	overflow: hidden;
}

#bodycontent .maincontent .right {
        width: 400px;	
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 10px 0;
	text-align: center;
	float: right;
	overflow: hidden;
}

#bodycontent .maincontent .summaryleft {
        width: 200px;	
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 10px 0;
	text-align: left;
	float: left;
	overflow: hidden;
}

#bodycontent .maincontent .summaryright {
        width: 600px;	
	font-size: 12px;
        font-family: Verdana, Arial;
	padding: 0 0 10px 0;
	text-align: left;
	float: left;
	overflow: hidden;
}

.summary-divider {
	width: 850px;
	height: 1px;
	margin: 5px 0 15px 0;
	border-bottom: 2px solid #65411f;
}

#bodyform  {
	width: 906px;
	margin: 0 auto;
	padding: 0 0px 0 50px;
        background: url('../images/bdback.png') repeat-y ;
	text-align: left ; 
}

#bodyform .columns {
	width: 906px;
	margin: 0 auto;
	padding: 5px 0px 5px 0;
	text-align: left ; 
	clear: both;
}

#bodyform .columnsalt {
	width: 25%;
	margin: 0 auto;
	padding: 5px 0px 5px 0;
	text-align: left ; 
	float: left ;
}



#bodyform .col2left {
	width: 150px;
	margin: 0 auto;
	padding: 10px 10px 0 0;
	text-align: left ;
	float: left ;
}

#bodyform .col2right {
	width: 500px; 
	margin: 0 auto;
	padding: 0 0px 0 0px;
	float: left ;
	text-align: left ;
}

#bodyform .col4left {
	width: 82px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left ;
	float: left ;
}

#bodyform .col4right {
	width: 40px; 
	margin: 0 auto;
	padding: 0 0px 0 0px;
	float: left ;
	text-align: left ;
}

#bodyform .col2leftalt {
	width: 200px;
	margin: 0 auto;
	padding: 0 10px 0 0;
	text-align: left ;
	float: left ;
}

#bodyform .col2rightalt {
	width: 680px; 
	margin: 0 auto;
	padding: 0 0px 0 0px;
	float: left ;
	text-align: left ;
}

#bodyform .sectionseperator {
	width: 650px;
	margin: 0 auto;
	padding: 10px 10px 0 0;
	font-size: 16px; 
	text-align: left ;
	color: #002868;
	font-weight: bold;
	float: left ;
}

.sectionseperator2 {
	width: 850px;
	margin: 0 auto;
	padding: 20px 0px 20px 50px;
	font-size: 16px; 
	text-align: left ;
	color: #002868;
	font-weight: bold;
	float: left ;
}

.sectionseperator3 {
	width: 850px;
	margin: 0 auto;
	padding: 20px 0px 20px 50px;
	font-size: 16px; 
	text-align: left ;
	color: #002868;
	font-weight: bold;
	float: left ;
}


/*
#bodycontent p {
	width: 806px;
	margin: 0 auto;
        font-size: 14px;
	padding: 20px 50px 10px 40px ;
	text-align: center;
	color:#002868;
	
}
	*/

#bodycontent div.alt {
        margin: 0 auto;
	width: 660px;
/*        padding: 40px 90px 0px 50px ; */
	padding: 0 0 15px 0;
        font-size: 12px;
	color: #002868;
	text-align: center; 
}
#bodycontent div.alt div.cityoption {
	float: left;
	width: auto;
	height: 20px;
	background: url('../images/reddot.png') center left no-repeat;
	padding-left: 12px;
	margin: 0px 7px;

}


#bodycontent p.alt {
        margin: 0;
        padding: 40px 90px 0px 50px ;
        font-size: 12px;
	color: #002868;
	text-align: center; 
}

#bodycontent p.alt2 {
	width: 806px;
	margin: 0 auto;
        font-size: 14px;
	padding: 20px 0px 0px 20px;
	text-align: left;
	color:#002868;
	
}

#bodycontent p.alt3 {
	width: 806px;
	margin: 0 auto;
        font-size: 14px;
	padding: 20px 50px 10px 40px ;
	text-align: left;
	color:#002868;
	
}

#bodycontent p.alt4 {
	width: 806px;
	margin: 0 auto;
        font-size: 18px;
	padding: 20px 50px 10px 40px ;
	text-align: center; 
	font-weight: bold;
	color:#002868;	
}


#bodycontent .bodynavigationleft {
	font-size: 14px;
	color: #002868;
	text-align: center;
	float: left ;
	width: 50% ;
}

#bodycontent .bodynavigationright {
	font-size: 14px;
	color: #002868;
	text-align: center;
	width: 50% ;
	float: right ;
}

#bodycontent .divider2 {
        margin: 0 7px 2px 7px;
	width: 10px;
	height: 10px;
	background: url('../images/reddot.png') no-repeat;
}


/* ---------- Footer-Divider ---------- */

#footer-divider {
        width: 906px;
        height: 15px;  
        background: url('../images/bodybottom.jpg') no-repeat;  
	clear: both;
}

/* ---------- Footer ---------- */

#footer {
	width: 911px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	color: #000;
	text-align: left;
	clear: both;	
}

#footer .copyright {
	width: 906px;
	margin: 0 auto;
	padding: 0;
	color: #919394;
	text-align: left;
	clear: both;	
}

#footer .copyright p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

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

#footer .divider {
	padding: 0 6px 0 6px;
	color: #000;
}

ul#footermenu {
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 5px;
	font-size: 11px;
	text-align: center;
	color: #000; 
}

ul#footermenu li {
	display: inline; 
	margin: 0;
	padding: 0;
}


.clear {
	clear:both;}







#gallery {
/*	position:relative; */
	float: left;	
	margin: 15px 0 0 125px;
	border: 10px solid #000;
	width: 640px;
	height:480px;
}

.gallery {
	clear: both;
	float: left;
	width: 674px;
	height: 606px;
	border: 1px solid #333;
	background: #333;
}
#gallery1 {
	margin: 2px 0 0 30px;
}
#gallery2,
#gallery3 {
	margin: 2px 0 0 10px;
}

	#gallery a , .gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img , .gallery a img {
		border:none;
	}
	.gallery a img {
/*
		width: 275px;
		height: 206px;
*/
	}
	
	#gallery a.show , .gallery a.show {
		z-index:500
	}

	#gallery .caption , .gallery .caption {
		display: none;
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content, .gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 , .gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}