/******************************************************************************
 * Timeshare Liquidation Service stylesheet
 * Rules are for Standards Compliant browsers, special rules for 
 * Internet Explorer are found in file "all_ie.css"
 * 
 * Table of Contents for navigation:
 * _general
 *
 * _branding
 *
 * _navigation
 *
 * _quicknav
 *
 * _content
 *
 * _shell
 *
 * _primary
 *
 * _secondary
 *
 * _footer
 ******************************************************************************/

/*-----------------------------------------------------------------------------
 *	SITE COLORS:
 *	
 *	body background:			#900
 *	blue:						#069
 *	#primary links:
 *		visited:				#666
 *		hover:					#F93
 *----------------------------------------------------------------------------*/

/* _general
------------------------------------------------------------------------------*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear:after, .container:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

html 
{ 
	/* Rule removes Page Shift by
	 * adding vertical scrollbars to every page */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	/* Unitless for proper inheritance */
	background-image: url(bodytile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #900;
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 81.25%; }   /* IE */
html>/**/body   { font-size: 13px; }  /* Other browsers */

h1,h2,h3,h4,h5,h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black; 
	clear: both; 
 }

h1 { font-size: 1.5em; }
h2 { font-size: 2em; color: #069; border-bottom: 1px solid #069; margin-bottom: 1em; font-weight: normal; }
h3 { font-size: 1.4em; line-height:1.25; }
h4 { font-size: 1.1em; line-height:1.25; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }


#wrapper
{
	width: 980px;
	margin: 0 auto;
}

#top
{
	position: absolute;
	top: 0;
	left: 0;
	width:1%;
	z-index: 100;
}
#skipnav
{
	position: relative;
	text-indent: -9000em;
	overflow: hidden;
}

span.external
{
	padding-right: 12px;
	background-image: url(externalicon.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

span.email
{
	padding-right: 12px;
	background-image: url(email.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



/* _branding
------------------------------------------------------------------------------*/

#branding
{
	position: relative;
	height: 119px;
	background-image: url(brandingbkgn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#branding h1
{
	height: 1%;
	overflow: hidden;
}

#branding h1 a
{
	position: absolute;
	text-indent: -9999em;
	width: 641px;
	height: 76px;
	outline: none;
	text-decoration: none;
	font-size: 1%;
	top: 38px;
	left: 13px;
}

#branding p
{
	position: relative;
	text-indent: -9000em;
	overflow: hidden;	
}

/* _navigation
------------------------------------------------------------------------------*/

#nav
{
	width: 980px;
	height: 31px;
	position: relative;
	background-image: url(navigation.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li
{
	float: left;
}

#nav li a
{
	position: absolute;
	top: 0;
	display: block;
	height: 31px;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	background-image: url(navigation.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	outline: 0;
}

li#home a
{
	left: 0;
	background-position: 0px 0px;
	width: 71px;
}

li#about a
{
	left: 71px;
	background-position: -71px 0px;
	width: 89px;
}

li#inventory a
{
	left: 160px;
	background-position: -160px 0px;
	width: 157px;
}

li#financing a
{
	left: 317px;
	background-position: -317px 0px;
	width: 93px;
}

li#testimonials a
{
	left: 410px;
	background-position: -410px 0px;
	width: 115px;
}

li#faq a
{
	left: 525px;
	background-position: -525px 0px;
	width: 47px;
}

li#newsletters a
{
	left: 572px;
	background-position: -572px 0px;
	width: 113px;
}

li#links a
{
	left: 685px;
	background-position: -685px 0px;
	width: 55px;
}

li#contact a
{
	left: 740px;
	background-position: -740px 0px;
	width: 78px;
}

li#buyer a
{
	left: 818px;
	background-position: -818px 0px;
	width: 77px;
}

li#seller a
{
	left: 895px;
	background-position: -895px 0px;
	width: 85px;
}

/* Over States */
li#home a:hover { background-position: 0px -31px; }
li#about a:hover { background-position: -71px -31px; }
li#inventory a:hover { background-position: -160px -31px; }
li#financing a:hover { background-position: -317px -31px; }
li#testimonials a:hover { background-position: -410px -31px; }
li#faq a:hover { background-position: -525px -31px; }
li#newsletters a:hover { background-position: -572px -31px; }
li#links a:hover { background-position: -685px -31px; }
li#contact a:hover { background-position: -740px -31px; }
li#buyer a:hover { background-position: -818px -31px; }
li#seller a:hover { background-position: -895px -31px; }

/* Pressed States */
li#home a:active { background-position: 0px -62px; }
li#about a:active { background-position: -71px -62px; }
li#inventory a:active { background-position: -160px -62px; }
li#financing a:active { background-position: -317px -62px; }
li#testimonials a:active { background-position: -410px -62px; }
li#faq a:active { background-position: -525px -62px; }
li#newsletters a:active { background-position: -572px -62px; }
li#links a:active { background-position: -685px -62px; }
li#contact a:active { background-position: -740px -62px; }
li#buyer a:active { background-position: -818px -62px; }
li#seller a:active { background-position: -895px -62px; }

/* On States */
.home li#home a { background-position: 0px 0px; cursor: default; }
.about li#about a { background-position: -71px -93px; cursor: default; }
.inventory li#inventory a { background-position: -160px -93px; cursor: default; }
.financing li#financing a { background-position: -317px -93px; cursor: default; }
.testimonials li#testimonials a { background-position: -410px -93px; cursor: default; }
.faq li#faq a { background-position: -525px -93px; cursor: default; }
.newsletter li#newsletters a { background-position: -572px -93px; cursor: default; }
.links li#links a { background-position: -685px -93px; cursor: default; }
.contact li#contact a { background-position: -740px -93px; cursor: default; }
.buyer li#buyer a { background-position: -818px -93px; cursor: default; }
.seller li#seller a { background-position: -895px -93px; cursor: default; }



/* _quicknav
------------------------------------------------------------------------------*/

#quicknav
{
	width: 100%;
	height: 301px;
	background-color: white;
	position: relative;
}

#quicknav dt, #quicknav dd
{
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
}

#quicknav a#buy
{
	position: absolute;
	top: 0;
	left: 0;
	width: 329px;
	height: 301px;
	background-image: url(quicknav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	outline: none;
	overflow: hidden;
	font-size: 1%;
}

#quicknav a#sell
{
	position: absolute;
	top: 0;
	left: 329px;
	width: 323px;
	height: 301px;
	background-image: url(quicknav.gif);
	background-repeat: no-repeat;
	background-position: -329px 0px;
	outline: none;
	overflow: hidden;
	font-size: 1%;
}

#quicknav a#listings
{
	position: absolute;
	top: 0;
	left: 652px;
	width: 328px;
	height: 301px;
	background-image: url(quicknav.gif);
	background-repeat: no-repeat;
	background-position: -652px 0px;
	outline: none;
	overflow: hidden;
	font-size: 1%;
}

#quicknav a#buy:hover,
#quicknav a#sell:hover,
#quicknav a#listings:hover
{
	opacity: .8;
}

/* _content
------------------------------------------------------------------------------*/

#content
{
	background-color: white;
	padding: 0;
	background-image: url(contenttile.gif);
	background-repeat: repeat-y;
	background-position: 655px 0px;
}

.home #content, .inventory #content { background-image: none; }

/* _shell
------------------------------------------------------------------------------*/



/* _primary
------------------------------------------------------------------------------*/

#primary
{
	width: 600px;
	float:left;
	padding: 25px 25px 0;
}

.home #primary
{
	width: 438px;
	float: left;
	padding: 0 0 0 25px;
}

.home #primary h2
{
	font-size: 1.7em;
	color: #069;
	font-weight: normal;
	border: none;
	margin-bottom: 0;
}

#primary h3
{
	color: #069;
}

#primary p
{
	margin-bottom: 1em;
}

#primary a { color: #069; text-decoration: underline; }
#primary a:visited { color: #666; }
#primary a:hover { color: #F93; }

#primary p.small   { font-size: 0.42em; }
#primary strong { font-weight: bold; }
#primary em { font-weight: normal; font-style: italic; }

#primary p.begining
{
	text-align: right;
	margin: 0;
}
#primary p.begining a
{
	padding: 0 10px 0 0;
	background-image: url(top_icon_reg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #999;
	text-decoration: underline;
}
#primary p.begining a:hover
{
	color: #900;
	background-image: url(top_icon_hover.gif);
}


#primary ol
{
	list-style-type: decimal;
	padding: .5em;
	margin: 1em 0 2em;
	list-style-position: inside;
	background-image: url(oltile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 2px solid #eee;
	
	font-size: 2em;
	color: #069;
	font-weight: bold;
	line-height: 1.1;

	background-color: #f8fbf0;
}

#primary ol li
{
	padding: .2em .2em;
	border-bottom: 1px dashed #ccc;
	background-color: #fcfff4;
}

#primary ol p
{
	font-size: .5em;
	color: black;
	font-weight: normal;
	line-height: 1.5;
}

#primary ol h4
{
	font-size: .5em;
	color: black;
	display: inline;
}

#primary ul
{
	padding: 1em;
	background-color: #f8fbf0;
	margin-bottom: 2em;
	border: 2px solid #eee;
	background-image: url(oltile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}

#primary ul li
{
	padding-left: 24px;
	padding-bottom: .2em;
	margin-bottom: 1em;
	background-image: url(accept.gif);
	background-repeat: no-repeat;
	background-position: 2px .15em;
	border-bottom: 1px dashed #ccc;
	background-color: #fcfff4;
}

#primary ol ul
{
	font-size: .5em;
	color: black;
	font-weight: normal;
	background: none;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5;
	border: none;
}

#primary ol ul li
{
	background: none;
	padding: 0;
	margin-left: 1.5em;
	border: none;
}

#primary dl
{
	margin-bottom: 2em;
}

#primary dt
{
	font-weight: bold;
	font-size: 1.4em;
	color: #069;
}

.about #primary dd
{
	padding-left: 18px;
	background-image: url(bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: .5em;
}

#primary img.portrait
{
	float: left;
	border: 1px #ddd solid;
	background-color: white;
	padding: 4px;
	margin-top: .5em;
}

#primary p.portrait
{
	/* 13 Dec 2007 new portait shot was added */
	Position: relative;
	font-size: .8em;
	font-style: italic;
}

#primary p.portrait img
{
	border: 1px #ddd solid;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background-color: white;
	padding: 4px;
	padding-bottom: 5px;
	display: block;
}

#primary div.float p
{
	float: left;
	margin-right: 12px;
}

#primary p.portrait a span
{
	position: absolute;
	width: 145px;
	height: 145px;
	border: 4px solid transparent;
	border-bottom-width: 5px;
	background: transparent;
	top: 0;
	left: 0;
}
#primary p.portrait a:hover span
{
	border-color: white;
}

#primary p.portrait a#carla span
{
	top: 12px;
	left: 95px;
}

#primary p.portrait a#dan span
{
	top: 140px;
	left: 250px;
}

#primary dl.portrait
{
	padding: .2em;
	border-bottom: 1px dashed #ccc;
}

#primary dl.portrait:target
{
	background-color: #eceee3;
}

.testimonials #primary dl
{
	background-color: #EAEFE2;
	padding: 1em;
	border: 1px solid #e2e8da;
	background-image: url(testimonialtile.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.testimonials #primary dl:after, .links #primary dl:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


.testimonials #primary dd.portrait img
{
	padding: 4px;
	background-color: white;
	border: 1px #ddd solid;
	float:left;
	margin-right: 8px;
}


.faq #primary dt
{
	font-size: 1.2em;
}

.faq #primary dd
{
	margin-bottom: 2em;
}

.links #primary dl
{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #ccc;
}
.links #primary dt
{
}

.links #primary dd
{
}

/* contact form */
#primary form h5 { color: #900; }
#primary form ol
{
	list-style-type: none;
	background: none;
	border: none;
	font-size: 1em;
	color: black;
	font-weight: normal;
	margin: none;
	padding: 1em 1em 0 1em;
}
#primary form ol li
{
	padding: 0 0 1em;
	border: none;
	background: none;
	margin: none;
}
#primary form ol li:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


#primary fieldset
{
	margin: 1.5em 0 0 0;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #fcfff4;
}

#primary label
{
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
	display: block;
	position: relative;
}

.request #primary label
{
	width: 12em;
}

.request #primary label em
{
	display: block;
	position: absolute;
	top: .1em;
	left: 28em;
	width: 18em;
	font-size: .9em;
	text-align: left;
	color: #069;
}

html:not([xmlns*=""]) .request #primary label em 
{ 
	/* HACK: Firefox renders input elements with an 
	 * thick border, so they're wider. The extra width
	 * causes the input elements to run into the label's em.
	 * This rule targets Gecko browsers, so only firefox
	 * gets the wider Left declaration.
	 * http://tanreisoftware.com/blog/?p=39#gecko */
	left: 30em;
}


.request #primary fieldset fieldset
{
	margin-bottom: -2.5em;
	margin-top: 0;
	border: none;
	background-color: transparent;
	background-image: none;
}

.request #primary fieldset legend
{
	margin-left: 1em;
	font-weight: bold;
}

.request #primary fieldset fieldset legend
{
	font-weight: normal;
	width: auto;
	padding-left: 5em;
	margin-left: 0;
}

.request #primary fieldset fieldset ol
{
	position: relative;
	top: -1em;
	margin: 0 0 0 13em;
	padding: 0;
}

.request #primary fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
	text-align: left;
	display: inline;
}
.request #primary form h5
{
	margin-top: 2em;
}

#primary fieldset.submit
{
	border: none;
	width: auto;
	padding-left: 12em;
	margin-bottom: 3em;
}
#primary fieldset.submit input { margin-right: 1em; }

.request #primary fieldset.submit
{
	padding-left: 14em;
}

.error p
{
	color: red;
	font-weight: bold;
}

.request #primary form label em img
{
	margin-right: .5em;
	cursor: pointer;
	vertical-align: text-bottom;
}


/* inventory pages */
.inventory #primary
{
	width: auto;
	float: none;
}

.inventory #primary h1
{
	line-height: 1;
}

#key
{
	margin: 3em 0 1em;
}

.inventory #primary dt
{
	color: black;
	font-size: 1.1em;
}

.inventory #primary dd
{
	margin-bottom: 1em;
}

.inventory #primary td
{
	padding: 0;
}

.inventory #primary table
{
	width: auto;
	margin: 0 auto;
}

.inventory #primary table font
{
	font-size: 1em;
}

.inventory #primary table table
{
	/*color: red;*/
	/*border-bottom: 1px solid #ccc;*/
}
.inventory #primary tr tr table
{
	/*color: blue;*/
	/*border-bottom: none;*/
	padding-bottom: 1em;
}

#primary h3.important
{
	position: relative;
	margin: 1em 0;
	color: #900;
}

#primary h3.important a, #primary h3.important a:visited
{
	display: block;
	margin: .5em auto;
	text-align: center;
	padding: .3em .8em .4em;
	width: 16em;
	background-color: #900;
	color: white;
	letter-spacing: .2em;
	border-top: 2px #966 solid;
	border-right: 2px #600 solid;
	border-bottom: 2px #600 solid;
	border-left: 2px #966 solid;
}

#primary h3.important a:hover
{
	color: #900;
	background-color: white;
	border-color: #900;
}

.inventory #primary b.temp
{
	font-size: 1.5em;
	color: white;
	padding: .2em .4em .3em;
	background-color: #900;
	line-height: 3em;
	letter-spacing: .1em;
}

/* newsletters page */

.newsletter #primary form
{
	margin-bottom: 2em;
}

.newsletter #primary label
{
	float: none;
	width: inherit;
	margin: 0 0 .5em;
	text-align: left;
	display: block;
	position: static;
}
.newsletter #primary fieldset input
{
	margin-left: 1em;
}


/* _secondary
------------------------------------------------------------------------------*/

#secondary
{
	width: 250px;
	float: right;
	padding: 38px 50px 0 25px;
	background-image: url(secondarytop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 8em;
}

.inventory #secondary { display: none; }

.home #secondary
{
	width: 451px;
	float: right;
	background-image: url(letterbkgn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/* for IE6 
	height: 316px; 
	min-height: 316px;*/
	padding: 0;
	padding-left: 66px;
	position: relative;
}

.home #secondary h2
{
	padding: 4px 25px 0 0;
	clear: none;
	color: #900;
	font-size: 1.5em;
	line-height: 1;
}

.home #secondary p
{
	padding: 0 30px 0 0;
	font-size: 1em;
}

/* items for Bill Pear's letter on Home page */
#bill-spacer
{
	width: 189px;
	height: 297px;
	float: left;
	display: inline-block;
}

#shower
{
	font-style: italic;
	font-size: .8em;
	color: #900;
	text-decoration: underline;
	cursor: pointer;
}

#shower.myhover
{
	color: black;
}

#secondary h2
{
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: o;
	border: none;
}

#secondary h4
{
	margin-bottom: 1em;
}

#secondary h4 strong
{
	display: block;
	color: #900;
	font-size: 1.5em;
}
#secondary p
{
	font-size: .8em;
	margin: 1em 0;
}
#secondary p strong { font-weight: bold; }

#secondary form
{
	background-color: #DDD;
	background-image: url(formtop.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#secondary fieldset
{
	padding: .5em;
	background-image: url(formfieldsetbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#secondary label { display: block; }
#secondary input { width: 80%; }
#secondary input.submit { width: 15%; }

#secondary div img
{
	display: block;
	margin: 1em 0;
}

#secondary ul
{
	background-color: #FFBB27;
	padding: 1em;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#secondary ul li
{
	padding-left: 20px;
	padding-bottom: .2em;
	background-image: url(chkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
	margin-bottom: .4em;
	border-bottom: 1px dashed #ffee50;
}

#secondary ul.resources
{
	background-image: none;
	background-color: #ffa20e;
	padding: 0;
	border-top: 1px solid #ffb321;
	float: left;
	margin-bottom: 2em;
}

#secondary ul.resources li
{
	background: none;
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	width: 100%;
}

#secondary ul.resources a
{
	display: block;
	color: white;
	font-size: .9em;
	padding: 0 15px;
	line-height: 2.5;
	border-bottom: 1px solid #f29000;
	border-top: 1px solid #ffb321;
	background-image: url(resourceArrows.gif);
	background-repeat: no-repeat;
	background-position: 250px 50%;
}
#secondary ul.resources a:visited
{
	color: #ffe147;
	background-image: url(resourceArrows.gif);
	background-repeat: no-repeat;
	background-position: -250px 50%;
}
#secondary ul.resources a:hover
{
	background-color: #E78800;
	background-image: url(resourceArrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}


/* _footer
------------------------------------------------------------------------------*/

#footer
{
	clear: both;
	background-color: white;
	background-image: url(footer_2ndcoltop.gif);
	background-repeat: no-repeat;
	background-position: 655px 0px;
}

.home #footer, .inventory #footer { background-image: none; }

#footer p
{
	padding: 2em 25px;
	font-size: .7em;
}

#footer a
{
	color: black;
	text-decoration: underline;
}

#footer a:visited { color: #999; }

#footer a:hover
{
	color: #069;
}