﻿/* This stylesheet is Optimized for Firefox 2.0  */
/* GLOBAL and HOMEPAGE STYLES */

* {margin: 0; padding: 0;}


body {
font-family:  arial,  helvetica, sans-serif; 
color: #5e543b; 
font-size: medium;
background: url(../images/bodyTile.jpg);
}

h1 {
font-family: garamond, "times new roman", serif; 
}

#wrapper, #vancouver, #twoColumnLayout, #layoutTop, #layoutBottom, #footer {
width: 760px; 
}

#wrapper {
position: relative; 
left: 50%; 
margin: 0 0 0 -380px; 
background: url(../images/brandingTile.jpg);
}


#branding h1 {
color: #af9c7c; 
font-size: 1.5em; 
letter-spacing: 2px;
display: block; 
padding: 15px 0 0 30px;
}

#branding h1 span {
font-size: 0.8em;
} 

#branding ul {
list-style: none;
display: block;
float: left;
font-size: 0.7em;
width: auto;
border: 0 none;
margin: 0 0 0 35px;
} 

#branding li {
border: 0px;
}

#branding li, #branding  li a, #branding  li a:link {
display: inline; 
border: 1px solid #f4f1ea; 
text-decoration: none; 
text-align: center;
line-height: 30px;
padding: 4px 2px 7px 2px;
}

#branding  li a, a:link {
color: #7e7d6b; 
}
 
#branding li a:hover {
background: #e8e4d8; 
border: 1px solid #dddad1;
}

#branding a img
/*#teaser a img*/ {
position: absolute;
top: 20px;
right: 10px; 
border-style: none;
}

#branding h3, #branding h3 a, #branding h3 a:link, #branding h3 a:visited, #branding h3 a:active, #branding h3 a:hover  {
width: 185px;
font-size: 0.8em; 
line-height: 0.9em; 
color: #f4f1ea; 
font-weight: normal; 
text-decoration: none;
position: absolute;
top: 26px;
right: 2px;
text-align: center;
}

.clear {clear: both;}

#vancouver {
height: 122px;
background: url(../images/vancouver.jpg);
clear: both;
}

#elevator {
float: right; 
width: 170px; 
color: #fff; 
font-size: 12px; 
margin: 20px 10px 10px 10px;
}

#twoColumnLayout {background: url(../images/SubCopyTile.jpg);}

#layoutTop, #layoutBottom  {
background: url(../images/layoutTop.jpg) no-repeat;
height: 10px;
}

#layoutBottom {
clear: both;
}

#flash { 
width: 570px;
height: 229px;
background: url(../images/room-with-a-view.jpg) no-repeat;
}

#copy {
float: left; 
width: 570px;
}

#copy p {
padding: 10px 20px;
font-size: 0.8em;
text-align: justify;
}

#teaser {
width: 190px;
/*height: 400px;*/
float: left;
/* background: url(../images/teaserTile.jpg); */
text-align:left;
overflow:hidden;
margin-bottom: 30px;
}

#teaser h3 {
font-family: helvetica, arial, sans-serif; 
color: #7e7b6c;
font-weight: normal;
font-size: 1em;
}

#teaser h3 a.special { font-size:10px !important; font-weight:normal; /*line-height:0;*/ color:#000; clear:right; margin-bottom:29px; }

form {
width: 150px;
margin: 20px 0 0 20px;
}

#teaser a {
text-decoration: none;
color: #B53824;
font-weight: bold;
font-size: 0.6em;
display: block;
margin: 10px 0 0 15px;
letter-spacing: 1px;
font-family: 'times new roman';
}

select {
width: 100%;
}

input {
width: 150px;
}

#footer {
height: 300px;
margin: 0 auto;
color: #9b9b9b;
font-size: 0.7em;
background: url(../images/footerTile.jpg);
}

#footer address {
font-style: normal;
padding: 5px 0 0 10px;
}

#teaserTdSubmit {

}
#line2 {
width: 140px;
border-top:1px dashed #9D8553; 
}

#logos {margin: auto; text-align:center;}
#logos a {margin: 0 0 0 0;}

hr{
	height: 0;
	border: .04em dashed #9d8553;
	margin: 0 400px 0 24px;
	_margin-right: 240px;
	width: 310px;
	_width: 280px;
	float: left;
	font-weight: lighter;
}
	
.floatright{ float: right;}