.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; }

#pageTop {
	display: block;
	width: 902px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
}

#page {
	display: block;
	width: 850px;
	margin: 0px auto;
	padding: 10px 26px;
}
#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 {
	position: absolute;
	left: -999em;
	display: block;
	width: 680px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #261E07;
}
#header ul#secondaryNav {
	position: absolute;
	left: -999em;
	display: block;
	width: 500px;
	padding: 0px;
	margin: 0px;
	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; }

#content table.pricing {
	display: block;
	margin: 0px auto;
	font-size: 12px;
	width: 300px;
}
#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; }
.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: 700px;
	padding: 10px 0px 0px 10px;
	margin: 0px auto;
	background: url(../images/spcCalloutBk.jpg) top right no-repeat;
	background-color: #FFFFDE;
	border: 2px solid #231B14;
}
div.spcCallout h2,
div.spcCallout p {
	width: 200px;
	font-size: 12px;
}
div.spcWinter {
	background: url(../images/spcWinterBk.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;
}
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;
}

p.alertbox {
	display: block;
	width: 225px;
	float: right;
	padding: 8px 12px;
	border: 1px double #660000;
	background: #FFF;
	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: #E7E3B5; border: 1px solid #231B14;
	/*opacity: 0.9;*/
	/* end formatting */
}

/* -- 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:8pt;
}
#mapMansion li {
    margin:0;
    padding:0;
    list-style:none;
}
#mapMansion li a {
    position:absolute;
    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(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:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#mapMansion a.bunny {
    top:20px;
    left:60px;
    width:80px;
    height:90px;
}
       
#mapMansion a.parrot {
    top:1px;
    left:275px;
    width:50px;
    height:50px;
}
       
#mapMansion a.snail {
    top:135px;
    left:30px;
    width:50px;
    height:50px;
}
       
#mapMansion a.dog {
    top:100px;
    left:150px;
    width:115px;
    height:95px;
}
       
#mapMansion a.cat {
    top:65px;
    left:315px;
    width:70px;
    height:120px;
}

/* -- FOOTER FORMATTING -- */
#footer {
	display: block;
	width: 902px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	color: #F4E7B2;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
}
#footer p.footerNav {
	display: block;
	width: 700px;
	float: left;
	padding: 10px;
	margin: 0px;
	text-align: left;
}
#footer p.phone {
	display: block;
	width: 170px;
	float: right;
	padding: 10px 10px 0px 0px;
	margin: 0px;
	text-align: right;
}
#footer b { font-size: 12px; }
#footer a:link    { color: #F4E7B2; text-decoration: underline; }
#footer a:visited { color: #F4E7B2; text-decoration: underline; }
#footer a:hover   { color: #FFF; text-decoration: none; }