/* -----------------------------------------------------------------------
	Title:		Stylesheet for screen media
	Author:		Justin Brooks, jbrooks@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
------------------------------------------------------------------------- */

/* ----- Import external stylesheets ------------------------------------ */
@import url("nav.css");
@import url("headers.css");
@import url("calendar.css");
@import url("forms.css");
@import url("packages.css");
@import url("special.css");
@import url("events.css");

/* ----- General styles ------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	padding: 20px 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #d7ccb6 url("body-bg.gif") repeat-x 0 0;
	}

a { outline: none; }
a img { border: 0; }
address { font-style: normal; }
hr { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.align-left { float: left; display: inline; margin: 0 15px 0 0; }
.align-right { float: right; display: inline; margin: 0 0 0 15px; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-float { display: inline-block; overflow: hidden; }
.clear-float { display: block; }
.no-border { border: 0 !important; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }

/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/


/* ----- sIFR rules -------------------------------------*/
.sIFR-flash { visibility: visible !important; margin: 0; position: relative; }
.sIFR-flash span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* ----- jQuery Flash rules -------------------------------------*/
.flash-update {	position: relative; }
.flash-update p {
	position: absolute; left: 0; top: 0;
	padding: 8px 10px;
	text-align: left;
	background: #ffc;
	border: 2px solid #fc0;
	color: #000; font-size: 1.1em; 
	}


/* ----- Layout --------------------------------------------------------- */
div#wrapper {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 916px;
	}

div#wrapper p#translate { text-align: right; position:absolute; top:10px;  left:720px; }
p#translate a { color: #a55f4a; text-decoration: none; }
p#translate a:hover { color: #733a28; text-decoration: underline; }

div#branding { width: 916px; margin: 0 0 0 0px; }

div#content-wrapper { overflow: hidden; width: 916px; margin: 47px 0 0 0; background: url("content-wrapper-bg.gif") no-repeat 0 0; }

div#masthead { float: left; display: inline; width: 589px;  }
div#masthead h1 { float: left; display: inline; width: 589px; height: 257px; margin: 5px 0 0 5px; background-repeat: no-repeat; background-position: 0 0; }
/* Individual rules in headers.css */

div#push-marketing { float: right; display: inline; width: 315px; margin: 6px 6px 0 0; position: relative;  }
div#check-availability { overflow: hidden; width: 315px; height: 128px; background-image: url(check-avail-bg.gif); }
div.check-long { height: 256px !important; background-position: left -128px !important; }
div.push-item { position:relative; padding-top: 0px; margin-top:0px; width: 315px; height: 128px; background-repeat: no-repeat; background-position: 0 bottom; color: #fff; }
div.push-item img.push-inset { float: right; display: inline; margin: 0 1px 0 14px; }
div.push-item h4 { padding: 15px 0 2px 22px; font-size: 1.2em; width: 135px; }
div.push-item p { margin: 0 0 0 22px; font: 1.1em/1.6em Arial;  }
div.push-item a { color: #fff; }
div.push-item a:hover { color: #ccc; }
div#push-item2 { background-image: url("push2-bg.gif"); margin-bottom:1px; }
div#push-item1 { border-bottom: 1px solid #dfdD4cb; background-image: url("push1-bg.gif"); }
body.home div#push-item1 { padding: 0; border-top: 1px solid #512011; border-bottom: none; background-image: url("push1-bg.gif"); }
body.home div#push-item1 img.push-inset { margin-right: 0 !important; }
div#push-item1 img.push-inset { }

div#content { float: left; display: inline; width: 916px; /*margin-top: 35px;*/ background: url("content-bg.gif") repeat-y 0 0; }
/*div.content-sec { margin-top: 73px !important; }
div.content-ter { margin-top: 103px !important; }*/

div#content h2 { margin: 0 40px 25px 40px; width: 550px; height: 30px; font: 30px/30px "Times New Roman", Times, serif;}
div#content h3 { margin: 0 40px 10px 40px; font: bold 1.4em/1.6em Arial; color: #985541;  }
div#content h4 { margin: 0 40px 0 40px; font: bold 1.2em/1.6em Arial; }
div#content h5 { margin: 0 40px 0 40px; font: bold 1.2em/1.6em Arial; text-decoration:underline }
div#content h6 { margin: 0 40px 0 40px; font: 1.2em/1.6em Arial; }
div#content p { margin: 0 40px 20px 40px; font: 1.2em/1.6em Arial; }
div#content ul { margin: 0 40px 20px 63px; font: 1.2em/1.6em Arial;}
div#content ul ul { margin: 0 40px 0px 53px; font-size: 1em;}
div#content ul ul { margin: 0 40px 0px 53px; font-size: 1em;}
div#content ol { margin: 0 40px 20px 68px; font: 1.2em/1.6em Arial;}

div#content table td { vertical-align: text-top; }

div#content a { color: #a55f4a; text-decoration: none; }
div#content a:hover { color: #733a28; text-decoration: underline; }

div#breadcrumb-wrapper { margin: 0 0 0 5px; overflow:hidden; font-size: 1.2em; width: 906px; background:url("breadcrumb-wrapper-bg.gif") no-repeat 0 0; padding: 66px 0 0 0; }
div#breadcrumb { float:left; display: inline; width: 850px; margin:36px 0 0 35px; }
div#breadcrumb span { padding-right: 1px; }
div#breadcrumb span.breadcrumb-item { padding-left: 13px; padding-right: 1px; background: url("breadcrumb-bg.gif") no-repeat 0 0; }


div#inset { float: right; display: inline; margin: 0 40px 25px 40px; background: #fcfcf0; width:275px;  }
div#inset img { padding: 1px; border: 1px solid #dfd4cb; }

div#crosspromo { float: right; clear:both; display: inline; margin: 0 40px 25px 40px; width:275px;  }
div#crosspromo.center2 { margin: 0 53px 25px 40px !important;  }
div#crosspromo.fix1 { margin: 0 35px 25px 40px !important;  }

div#inset-wrapper { float: right; display: inline; margin: 0 40px 25px 40px; width: 276px; }
div#inset-wrapper img { margin-bottom: 10px; }
div#inset-wrapper div#inset { margin: 0; }
div#inset-wrapper div#inset img { margin: 0; }

/* --- Footer ------ */
div#footer { overflow: hidden; padding: 10px 0 0 0; font-size: 1.1em; color: #512011; }
div#footer div#address-wrapper { text-align: center; margin-bottom: 10px; }
div#footer address { display: inline; }
div#footer address span { border-right: 1px solid #fff; padding: 0 7px 0 0; margin-right: 5px; }
div#footer span.tel { border-right: 1px solid #fff; padding: 0 5px 0 0px; margin-right: 7px; }
div#footer p#footer-links { margin: 10px 0 10px 0 !important; color: #fff; }
div#footer p#footer-links a { padding-left: 5px; color: #a55f4a; text-decoration: none; }
div#footer p#footer-links a:hover { color: #512011; }
div#footer p#footer-links a#privacy-link { padding: 0 5px 0 0; border-right: 1px solid #fff; }
div#footer p#footer-links a#sitemap-link { padding: 0 5px; border-right: 1px solid #fff; }
div#footer p#footer-links a#dest-earth-link { padding: 0 5px; border-right: 1px solid #fff; }
div#footer p#footer-links a#contact-us-link { padding: 0 5px; border-right: 1px solid #fff; }

/* ----- Contingency rules --------------------------------------------------------- */
div#browser-warning { display: none; }
div#js-warning-spacer { height: 35px; }
div#js-warning {
	display: block;
	position: absolute; top: 0; left: 0;
	border: 2px solid #fc0;
	padding: 8px 10px;
	text-align: left;
	background: #ffc;
	color: #000;
	font-size: 1.1em;
	}
noscript { font-size: 1em; font-style: normal; color: #000000; }
div.form-error { border: 2px solid #f00; padding: 4px 5px; text-align: left; background: #ff9; color: #000; font-size: 1.1em; margin:0pt 40px 20px; }

/* --- Book Tee Time Push ------ */
div#push-tee-time2 {display:inline;
position:absolute;
right:40px;
top:473px;
}

div#push-tee-time-courses {display:inline;
position:absolute;
right:40px;
top:473px;
}

div#push-tee-time-rates {
position:absolute;
right:40px;
top:473px;
}

div#push-tee-time-shop {display:inline;
position:absolute;
right:40px;
top:473px;
}

div#rss-button { float:right;display:inline;width:102px;height:30px;text-align:right;margin-right:53px;}

/* --- Footer blog links ------ */

div#blog-links { width: 916px; padding: 0; margin: 0 0 15px; float:left; }
div#link-wrapper { width: 273px; height:30px; margin: 0 auto; }