/*
	Client:		Remington
	Title:		Stylesheet for screen media
	Author:		Jason Garber, jgarber@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
	Created:	16 March 2006
*/


/*----- Imports -----------------------------------------------------*/



/*----- Generic styles ----------------------------------------------*/
* { margin: 0; padding: 0; }

body {
	padding: 10px 0 30px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #ece8df;
	}

h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", Times, serif; font-weight: normal; }

hr.float-clear { visibility: hidden; clear: both; height: 0; }

.hide { position: absolute; left: -9999px; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
.required { font-weight: bold; }


/*----- Layout ------------------------------------------------------*/
object#home-flash { border: 1px solid #000000; }

div#wrap {
	width: 732px;
	margin: 0 auto;
	text-align: left;
	}

div#branding {
	position: relative;
	height: 102px;
	border: solid #000000;
	border-width: 1px 1px 0 1px;
	background: url("../images/branding-bg.jpg") no-repeat 0 0;
	}

div#branding h1 a {
	position: absolute;
	left: 270px;
	top: 0;
	display: block;
	width: 190px;
	height: 96px;
	}

div#splash {
	height: 215px;
	border: solid #000000;
	border-width: 0 1px;
	background-color: #114579;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

body#section-home div#splash { background-image: url("../images/splash-home.jpg"); }
body#section-resorts div#splash { background-image: url("../images/splash-resorts.jpg"); }
body#section-locations div#splash { background-image: url("../images/splash-locations.jpg"); }
body#section-press div#splash { background-image: url("../images/splash-press.jpg"); }
body#section-contact div#splash { background-image: url("../images/splash-contact.jpg"); }

div#content {
	border: solid #000000;
	border-width: 0 1px 1px 1px;
	padding-bottom: 170px;
	/* color: #e4d3b1; */
	color: #e3d8c3;
	background: #114579 url("../images/content-bg.gif") no-repeat left bottom;
	}

div#content-main { margin: 0 30px; }

div#contact {
	position: relative;
	height: 12px;
	margin-top: 10px;
	background: url("../images/contact-bg.gif") no-repeat center top;
	}

div#contact a#link-remingtonhotels {
	display: block;
	position: absolute;
	left: 96px;
	top: 0;
	width: 80px;
	height: 12px;
	}


/*----- Navigation --------------------------------------------------*/
ul#nav-primary {
	width: 639px;
	height: 20px;
	border: solid #000000;
	border-width: 0 1px 1px 1px;
	/* padding-left: 111px; */
	padding-left: 91px;
	list-style: none;
	background: url("../images/nav-primary-bg.gif") no-repeat 0 0;
	}

body#section-home ul#nav-primary {
	width: 584px;	
	padding-left: 146px;
	}

ul#nav-primary li {
	display: inline;
	position: relative;
	float: left;
	margin: 0 19px;
	}

ul#nav-primary li a {
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	}

/* a#nav-resorts { width: 151px; background-image: url("../images/nav-resorts.gif"); } */
/* a#nav-resorts { width: 99px; background-image: url("../images/nav-resorts.gif"); } */
a#nav-resorts { width: 131px; background-image: url("../images/nav-resorts.gif"); }
a#nav-locations { width: 58px; background-image: url("../images/nav-locations.gif"); }
a#nav-press { width: 69px; background-image: url("../images/nav-press.gif"); }
a#nav-contact { width: 69px; background-image: url("../images/nav-contact.gif"); }
a#nav-home { width: 32px; background-image: url("../images/nav-home.gif"); }


/*----- Content -----------------------------------------------------*/
div#content h1 {
	height: 30px;
	margin-bottom: 2em;
	border-bottom: 1px solid #eaeae0;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

h1#title-resorts { background-image: url("../images/title-resorts.gif"); }
h1#title-locations { background-image: url("../images/title-locations.gif"); }
h1#title-press { background-image: url("../images/title-press.gif"); }
h1#title-contact { background-image: url("../images/title-contact.gif"); }

div#content h2 {
	height: 35px;
	margin-top: 4em;
	margin-bottom: 1em;
	font-size: 0.75em;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

h2#title-resorts-element { background-image: url("../images/title-resorts-element.gif"); }
h2#title-locations-montanas { background-image: url("../images/title-locations-montanas.gif"); }
h2#title-locations-cascade { background-image: url("../images/title-locations-cascade.gif"); }

div#content p {
	margin-bottom: 1.25em;
	font-size: 1.3em;
	line-height: 1.5em;
	}

div#content ul {
	margin-bottom: 1.25em;
	margin-left: 4em;
	font-size: 1.3em;
	line-height: 1.5em;
	}

div#content dl {
	margin-bottom: 1.25em;
	}

div#content dl dt {
	margin-bottom: 0.25em;
	font-size: 1.3em;
	}

div#content dl dd {
	margin: 0 1em 1em 1em;
	font-size: 1.3em;
	line-height: 1.3em;
	}

div#content a { text-decoration: underline; color: #ffffff; }
div#content a:hover { color: #e2e2e2; }

div#content address {
	border-left: 1px solid #33618D;
	margin: 0 0 1.25em 3em;
	padding-left: 0.75em;
	font-size: 1.3em;
	font-style: normal;
	}

div.inset {
	display: inline;
	border: 2px solid #eaeae0;
	margin: 0.5em 0 1em 2em;
	}

span.meta-pdf { font-size: 0.8em; font-style: normal; }


/*----- Form layout -------------------------------------------------*/
table.form-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.3em;
	}

table.form-table th {
	width: 30%;
	vertical-align: top;
	padding: 3px 4px 4px 0;
	font-weight: normal;
	text-align: right;
	}

table.form-table td { padding-bottom: 4px; }

table.form-table input, table.form-table select, table.form-table textarea { padding: 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
table.form-table input.text-field { border: 2px solid #e4d3b1; }
table.form-table textarea { width: 250px; height: 75px; border: 2px solid #e4d3b1; }
table.form-table select option { padding-right: 10px; }

input#email_address, input#first_name, input#last_name, input#address1, input#address2, input#city { width: 175px; }
input#zip { width: 75px; }
input#phone { width: 125px; }
input#submit { margin-top: 1.25em; padding: 1px 10px; }