/* vailvacations.com css document */
body {
  margin:0;
  padding:0;
  background:#fff url("images/bkgd.jpg") 0px -25px no-repeat;
  color:#000;
  /* voice-family hak */
  font:small Arial,Verdana,Sans-serif; /* for ie5 */
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small; /* for compliant browsers */
  }
  html>body {font-size:small;} /* for opera */
  
p {
  padding:0;
  margin:0 0 1.3em 1.5em;
  }
p.welc {line-height:1.2em;}
h1 {
	font-weight: 100;
	font-size: 200%;
	width: 95%;
	border-bottom: 1px #336699 dashed;
	color: #336699;
	padding: 0 0 0 0;
	margin: 0 0 .5em 0;
}
h2 {
  font-weight:100;
  font-size:150%;
  color:#336699;
  padding:0 0 0 0;
  margin:0 0 1em 0;
  }
h3 {
  font-weight:600;
  font-size:130%;
  color:#666;
  padding:0 0 0 0;
  margin:0 0 1em 0;
  }    

.welcome {
  font-weight:100;
  line-height:.9em;
  font-size:240%;
  color:#336699;
  }

ol {
  margin:0;
  list-style-type:none;
  list-style-position:outside;
  padding:0;
  }

ul {
  margin:0;
  list-style-type:none;
  list-style-position:outside;
  padding:0;
  }
li {
  color:#fff;
  font-weight:800;
  position:relative;
  margin:0 0 .1em 0;
  padding:0;
  }
li.naviz {
  list-style-image: url("images/arrow.gif");
  color:#ff9900;
  }

ul.amen li {
  color:#000;
  font-weight:200;
  margin:0 0 .5em 3em;
  list-style-image: url("images/arrow2.gif");
  list-style-position:outside;
  padding:0;
  }
ul.review li {
  color:#000;
  font-weight:200;
  margin:0 0 1.5em 3em;
  list-style-image: url("images/arrow2.gif");
  list-style-position:outside;
  padding:0;
  }  
  
/* structural */
/* ----------------------------------------------- */

#head {
  height:115px;
  margin:0;
  padding:0;
  }

div.nav {
  float:right;
  width:200px;
  margin:15px 1.3em 0 0;
  padding:0;
  text-align:right;
  }  
  
div.wrap {
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  }
div.colone {
  position:absolute;
  top:0;
  left:0;
  width:269px;
  margin:0;
  padding:2px 0 0 7px;
  }
  
div.coltwo {
  margin:0;
  padding:48px 0 0 300px;
  }  
  
div.content {
  background-color:#fff;
  margin:0;
  padding:.8em 2em 0 2em;
  }

div.spacer {
  background: url("images/bkgd_crv.gif") top left no-repeat;
  height:16px;
  min-height:16px;
  max-height:16px;
  margin:0;
  padding:0;
  }
div.white {
  height:16px;
  background-color:#fff;
  margin:0 0 0 18px;
  padding:0;
  }

div.press {width:90%;}
  
#footer {
  margin:0;
  padding:0 2em 2em 325px;
  }
#footer p {font-size:75%; color:#336699;}    
#footer hr {border:1px #336699 solid;}
    
/* headers and content */
/* ----------------------------------------------- */	

  
/* images */  
a img {border:0;}
img {
  border:0;
  margin:1px;
  padding:0;
  }
img.room {border:1px #000 solid;}
  
  
.siteid {
  position:absolute;
  top:57px;
  left:0;
  padding:0;
  margin:0;
  }
.vail {padding:1px 0 0 0;}
  
  
/* links */
/* ----------------------------------------------- */

a.navi:link {color:#fff; font-weight:800; text-decoration:none;}
a.navi:visited {color:#fff; font-weight:800; text-decoration:none;}
a.navi:hover {color:#ff9900; font-weight:800; text-decoration:underline;}	

a:link {color:#337DC7; font-weight:200; text-decoration:underline;}
a:visited {color:#337DC7; font-weight:200; text-decoration:underline;}
a:hover {color:#ff9900; font-weight:200; text-decoration:underline;}

 
/* tables */
/* ----------------------------------------------- */  
 
table {
  margin-left:auto;
  margin-right:auto;
  margin-top:1em;
  margin-bottom:2em;
  padding:0;
  border:1px solid #ccc;	
  } 
th {
  margin:0;
  padding:4px;
  vertical-align:top;
  } 
td {
  margin:0;
  padding:4px;
  vertical-align:top;
  } 
th {background-color:#ff9900; color:#fff; font-size:150%; font-weight:200;}

td.gray {background:#ccc; padding-right:7em;}
  
/* buttons */
/* ----------------------------------------------- */
  
/* misc elements */
/* ----------------------------------------------- */  
.blue {color:#336699;}
.orng {color:#ff9900;}
.small {font-size:80%; font-weight:500;}
.erred {color:red; font-weight:bold;}
.center {
	text-align: center;
}
.orange {
	color: #ff9900;
}

div.logo_link {
	float: left;
	width: 300px;
	height: 70px;
	margin-top: 35px;
	cursor: pointer;
}

div.clear {
	clear: both;
}