body {
	background-attachment: fixed;
	background-image: url(../images/TIOF-backing.png);
	background-repeat: repeat;
}
.clear { clear: both; }
.red { color: #570000; }
sup { display: inline; font-size: 0.8em; }
.small { font-size: 0.75em; }

body#home #main {
	display: block;
	width: 902px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
body#home #footer { background:none; }

#flashOverlay {
	display: block;
	position: absolute;
	top: 0px;
	left: 4px;
	width: 450px;
	height: 325px;
	z-index: 1000;
}

#flashcontent {
	width: 828px;
	height: 675px;
	margin: 0px auto;
	text-align: center;
	z-index: 1;
}

#pageTop {
	display: block;
	width: 902px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/TIOF_contenttop.png) top center no-repeat;
}

#page {
	display: block;
	width: 850px;
	margin: 0px auto;
	padding: 10px 26px;
	background: url(../images/TIOF_contentbody.png) top center repeat-y;
}
#header {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	color: #261E07;
}
#header a:link    { color: #261e07; text-decoration: none; }
#header a:visited { color: #261e07; text-decoration: none; }
#header a:hover   { color: #D29E28; text-decoration: underline; }
#header .logo {
	display: block;
	width: 127px;
	height: 83px;
	float: left;
	padding: 0px 12px;
	margin: 0px;
}
#header ul#mainNav {
	display: block;
	width: 680px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	float: right;
	list-style: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #261E07;
}
#header ul#secondaryNav {
	display: block;
	width: 680px;
	padding: 0px;
	margin: 0px;
	float: right;
	list-style: none;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}
#header #mainNav li {
	display: block;
	float: right;
	padding: 3px 8px;
}
#header #secondaryNav li {
	display: block;
	float: right;
	padding: 3px 6px;
}

/* -- Content Section Formatting -- */
#content {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	color: #261E07;
	padding: 0px;
	margin: 0px auto;
}
#content h1 { font-size: 20px; font-style: italic; }
#content h2 { font-size: 17px; font-style: italic; margin: 0px; padding: 12px 0px 3px 0px; }
#content h3 { font-size: 14px; margin: 0px; padding: 12px 0px 0px 0px; }
#content h3.roomName { font-style: italic; background: url(../images/TIOF_h3underline.png) bottom right no-repeat; padding-bottom: 6px; }

#content p, .txt  { font-size: 12px; line-height: 1.5em; margin: 0px; padding: 6px 0px 3px 0px; }
#content ul, #content ol { font-size: 11px; line-height: 1.5em; }
#content ul { list-style: url(../images/bullet.png); }
#content p.description { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#content a:link    { color: #660000; text-decoration: underline; }
#content a:visited { color: #660000; text-decoration: underline; }
#content a:hover   { color: #000000; text-decoration: none; }

table.pricing {
	display: block;
	margin: 0px auto;
	font-size: 12px;
	width: 350px;
}
#content table.pricing tr {
	vertical-align: baseline;
}
#content table.pricing td {
	/*border-bottom: 1px #DDC258 solid;*/
}
#content table.pricing td.description {
	text-align: left;
	width: 225px;
}
#content table.pricing td.price {
	text-align: right;
	width: 75px;
}
#content .prodThumb {
	display: block;
	width: 45%;
	padding: 5px;
	float: left;
	text-align: center;
}


.twoCol { width: 48%; float: left; }
.threeCol { width: 32%; float: left; }
.note { font-size: 0.8em; font-weight: normal; }

body#avail #content div td { border: 1px solid #DDD; font-size: 0.8em; }

/* -- Special Callout -- */
div.spcCallout {
	display: block;
	width: 400px;
	padding: 4px;
	margin: 0px auto;
	/*background: url(../images/spcCalloutBk.jpg) top right no-repeat;*/
	background-color: #FFFFDE;
	border: 2px solid #231B14;
}
div.spcWinter {
	background: url(../images/spcWinterBk.jpg) bottom right no-repeat;
	background-color: #FFFFDE;
}
div.spcJim {
	width: 600px;
	background: url(../images/spcJim.jpg) top right no-repeat;
	background-color: #FFFFDE;
	padding: 10px 0px 0px 10px;
}
div.spcJim p {
	width: 180px;
	font-size: 12px;
}
div.spcSpa {
	background: url(../images/spcSpaBk.jpg) bottom right no-repeat;
	background-color: #FFFFDE;
}
div.spcHolidayTour {
	background: none;
	background-color: #FFFFDE;
}
div.spcNYE {
	background: url(../images/spcNYE.jpg) top right no-repeat;
	background-color: #FFFFDE;
}
div.spcVDay {
	background: url(../images/spcVDay.jpg) right no-repeat;
	background-color: #FFFFDE;
}
div.spcSameDay {
	background: url(../images/spcSameDay.jpg) top right no-repeat;
	background-color: #FFFFDE;
	width: 300px;
	padding: 4px 200px 4px 4px;
}
div.spcSpring {
	background: url(../images/spcSpr08.jpg) top right no-repeat;
	background-color: #FFFFDE;
}
div.spcCouplesMassage {
	background: url(../images/spcCouplesMassage.jpg) top right no-repeat;
	background-color: #FFFFDE;
}
div.spcLastMin {
	background: none;
	background: url(../images/spcLastMinute.jpg) bottom right no-repeat;
	background-color: #FFFFDE;
	width: 350px;
	padding: 4px;
}
div.spcLastMin2 {
	background: none;
	background: url(../images/spcLastMinute2.jpg) top right no-repeat;
	background-color: #FFFFDE;
	width: 450px;
	padding: 4px 50px 4px 4px;
}
div.easterCallout {
	background: #FFF url(../images/easter_bunnies.jpg) bottom center no-repeat;
	padding-bottom: 100px;
}
/*div.spcCallout h2,
div.spcCallout p {
	width: 500px;
}*/
div.spcNYE p {
	width: 500px;
	padding-right: 200px;
}
div.pkg {
	display: block;
	width: 270px;
	padding: 4px;
	float: left;
}
div.spcVDay p, div.spcVDay h2 {
	width: 500px;
}
div.pkg2col {
	display: block;
	width: 48%;
	padding: 4px;
	float: left;
}

.alertbox {
	display: block;
	width: 225px;
	float: right;
	padding: 8px 12px;
	border: 1px double #660000;
	background: #FFF;
	font-style: italic;
}

.TA_box,.TA_excellent {
	display: block;
	width: 150px;
	float: none;
	margin: 0px auto;
	padding: 8px 12px;
	font-style: italic;
}

/* -- Tooltip Formatting -- */
a.toolTip {
	border-bottom: 1px dashed brown;
	text-decoration: none;
}
a.toolTip:hover {
	position: relative;
}
a.toolTip span {
	display: none;
}
a.toolTip:hover span {
	display: block;
   	position: absolute;
	top: -120px;
	left: 150px;
	/* formatting only styles */
   	padding: 5px;
	margin: 10px;
	z-index: 100;
   	background: #FAF8C4;
	border: 1px solid #261E07;
	/*opacity: 0.9;*/
	/* end formatting */
}

#search_options { display: none }

/* -- Newsletter Signup Form -- */
form.newsletterSignup {
	display: block;
	width: 150px;
	padding: 0px 4px;
	float: left;
}
p.formBody {
	display: block;
	width: 152px;
	padding: 4px;
	border: 1px solid #261E07;
	color: #261E07;
	background-color: #FFFFDE;
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	line-height: 1.1em;
}

p.affiliateLink {
	display: block;
	padding: 20px;
	margin-left: 10px;
	float: left;
}

/* -- B&B.com Widget Formatting -- */
#bbcomReviewWidget {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border-color:#261E07;
	margin: 0px auto;
	padding: 0px;
}
#bbcomReviewWidget a:link    { color: #6B0C00; }
#bbcomReviewWidget a:visited { color: #6B0C00; }
#bbcomReviewWidget a:hover   { color: #D29E28; }
/* #bbcomReviewWidget .revMidLinks{ border-color: #261E07; } -- */

#bbcomReviewWidget .revTitleBar, #bbcomReviewWidget .revTitleBar td {
	color: #fee;
	background-color: #6B0C00;
	border-color: #261E07;
}
#bbcomReviewWidget .revTitleBar a {
	color: #fff;
	font-weight:bold;
}
#bbcomReviewWidget .reviewName {
	color: Yellow;
	font-style: italic;
}
#bbcomReviewWidget .reviewDate, #bbcomReviewWidget .review,#bbcomReviewWidget .reviewText {
	color: #863;
}

/* -- ROOM MAPS FORMATTING -- */
#mapMansion {
    margin:0;
    padding:0;
    width:827px;
    height:483px;
    background: url(/images/TIOF-Rooms_Mansion.png) top left no-repeat;
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
}
#mapMansion li {
    margin:0;
    padding:0;
    list-style:none;
	list-style-image: none;
	text-align: center;
}
#mapMansion li a {
    position:relative;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(/images/blank.gif);
}
#mapMansion li a span { display:none; }

#mapMansion li a:hover span {
    position:relative;
    display:block;
    width:362px;
    left:20px;
    top:-20px;
    padding:5px;
	border: 2px solid #261E07;
    background:#e7e2b4;
    text-decoration:none;
    color:#000;
   /* filter:alpha(opacity=85);
    opacity:0.85;*/
}
#mapMansion li a.gardenSuites:hover span {
	width: 200px;
}

#mapMansion a.buddingVine {
    top: 77px;
    left: 192px;
    width: 120px;
    height: 72px;
}
       
#mapMansion a.sweetReserve {
    top: 1px;
    left: 395px;
    width: 119px;
    height: 72px;
}
       
#mapMansion a.firstCrush {
    top: 40px;
    left:192px;
    width:130px;
    height:108px;
}
       
#mapMansion a.veraison {
    top: -70px;
    left: 344px;
    width:130px;
    height: 108px;
}
       
#mapMansion a.angelsShare {
    top:-181px;
    left: 480px;
    width: 74px;
    height:108px;
}

#mapMansion a.gardenSuites {
    top:-261px;
    left: 638px;
    width: 66px;
    height: 68px;
}

#mapGardenUpper {
    margin:0;
    padding:0;
    width:827px;
    height:483px;
    background: url(/images/TIOF-Rooms_GardenUpper.png) top left no-repeat;
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
}
#mapGardenUpper li {
    margin:0;
    padding:0;
    list-style:none;
	list-style-image: none;
	text-align: center;
}
#mapGardenUpper li a {
    position:relative;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(/images/blank.gif);
}
#mapGardenUpper li a span { display:none; }

#mapGardenUpper li a:hover span {
    position:relative;
    display:block;
    width:362px;
    left:20px;
    top:-20px;
    padding:5px;
	border: 2px solid #261E07;
    background:#e7e2b4;
    text-decoration:none;
    color:#000;
   /* filter:alpha(opacity=85);
    opacity:0.85;*/
}
#mapGardenUpper li a.mainMansion:hover span {
	width: 200px;
}

#mapGardenUpper a.vintageReserve {
    top: 8px;
    left: 270px;
    width: 160px;
    height: 175px;
}
       
#mapGardenUpper a.nobleVineyard {
    top: -166px;
    left: 438px;
    width: 154px;
    height: 175px;
}
       
#mapGardenUpper a.mainMansion {
    top: 146px;
    left: 125px;
    width: 75px;
    height: 134px;
}
       
#mapGardenLower {
    margin:0;
    padding:0;
    width:827px;
    height:483px;
    background: url(/images/TIOF-Rooms_GardenLower.png) top left no-repeat;
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
}
#mapGardenLower li {
    margin:0;
    padding:0;
    list-style:none;
	list-style-image: none;
	text-align: center;
}
#mapGardenLower li a {
    position:relative;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(/images/blank.gif);
}
#mapGardenLower li a span { display:none; }

#mapGardenLower li a:hover span {
    position:relative;
    display:block;
    width:362px;
    left:20px;
    top:-20px;
    padding:5px;
	border: 2px solid #261E07;
    background:#e7e2b4;
    text-decoration:none;
    color:#000;
   /* filter:alpha(opacity=85);
    opacity:0.85;*/
}
#mapGardenLower li a.mainMansion:hover span {
	width: 200px;
}

#mapGardenLower a.meritage {
    top: 8px;
    left: 270px;
    width: 95px;
    height: 180px;
}
       
#mapGardenLower a.incantment {
    top: -170px;
    left: 368px;
    width: 126px;
    height: 135px;
}
       
#mapGardenLower a.heritageEstate {
    top: -305px;
    left: 496px;
    width: 95px;
    height: 180px;
}
       
#mapGardenLower a.mainMansion {
    top: 146px;
    left: 125px;
    width: 75px;
    height: 134px;
}
       

/* -- FOOTER FORMATTING -- */
#home #footer {
	z-index: 1;
}
#footer {
	display: block;
	width: 902px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	background: url(../images/TIOF_contentbottom.png) top center no-repeat;
	color: #F4E7B2;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
}
#footer p.footerNav {
	display: block;
	width: 735px;
	float: left;
	padding: 10px 0px;
	margin: 0px;
	text-align: left;
}
#footer p.phone {
	display: block;
	width: 160px;
	float: right;
	padding: 10px 0px;
	margin: 0px;
	text-align: right;
}
#footer b { font-size: 11px; }
#footer a:link    { color: #F4E7B2; text-decoration: underline; }
#footer a:visited { color: #F4E7B2; text-decoration: underline; }
#footer a:hover   { color: #FFF; text-decoration: none; }