html, body{
height:100%;	
}

body{
margin:0;
padding:0;
text-align:center;
background:url(../images/page-background.jpg) repeat-x #ddd7cc top center;
font-family: Tahoma, Geneva, sans-serif;
font-size:0.8em;
cursor:default;
}

/*:::::::: Head ::::::::*/

#header{
width:100%;
height:150px;
position:relative;
text-align:left;
background:url(../images/page-background.jpg) no-repeat black top center;
}

#logo{
border:0;
position:absolute;
top:36px;
left:10px;
}

#navbar a,
#top-nav a{
color:white;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-family:tahoma, arial, sans-serif;
}

#top-nav a:hover,
#navbar a:hover{
color:#b9ac97;	
}

#top-nav{
margin:0;
padding:0;
position:absolute;
top:30px;
right:0px;
}

#top-nav li{
float:left;
list-style-type:none
margin-left:0.8em;
zoom:1;
margin-right:1.5em;
text-transform:uppercase;
}

#top-nav a{
padding-right:12px;
background:url(../images/white-arrow.png) no-repeat right center;
}

#phone{
width:260px;
float:right;
text-align:center;
font-size:11px;
color:white;
margin-top:70px;
text-transform:uppercase;
}

#phone strong{
font-size:1.5em;
}

/*::::::: Navigation ::::::*/
#navbar{
position:absolute;
top:125px;
height:25px;
width:100%;
left:0px;
background:url(../images/nav-separator.gif) no-repeat bottom right;
z-index:1000;
}

#navbar li{
text-align:center;
display:inline;
background:url(../images/nav-separator.gif) no-repeat bottom left;
display:block;
float:left;
position:relative !ie7; /*note: positioning causes IE 8 opacity bugs*/
zoom:1; /*fix ie7 mouseoff bug*/
}

#navbar a{
text-transform:uppercase;
letter-spacing:1px;
padding-bottom:5px;
display:block;
text-align:center;
}

.navigation{
padding:0;
margin:0;
}

.navigation li{
padding:0;
margin:0;
list-style-type:none;
}


/*::::::: Menus :::::::*/
ul .nav-menu{
position:absolute;
margin:0;
padding:0;
display:none;
background: black;

}

#navbar .nav-menu li{
display:block;
float:none;
text-align:left;
color:white;
top:0;
left:0;
white-space:nowrap;
background:none;
zoom:1;
}

#navbar .nav-menu a{
text-align:left;
padding:0.55em 1.5em;
border-top:1px solid #555555;
display:block;
zoom:1;
margin:0;
text-transform:none;
font-size:0.95em;
}

.nav-menu .active{
background:url(../images/white-arrow.png) no-repeat 10px center;	
}

#navbar .active-menu a{
padding-left:25px;
}


/*IE 6&7 menus*/
ul .nav-menu{
*width:175px; /*IE7*/
*left:0px;
}
#furnished-apartments .nav-menu{
*width:250px;
}
#experience-calgary .nav-menu{
*width:225px;
}

/*Menu Widths*/
#advantage .nav-menu {
min-width:158px;
}

#unfurnished-apartments .nav-menu {
min-width:185px;
}



/*::::::: Navbar ::::::*/
#accommodations{
width:130px;
}
#furnished-apartments{
width:167px;
}
#unfurnished-apartments{
width:184px;
}
#advantage{
width:157px;
}
#reservations{
width:111px;
}
#faq{
width:41px;
}
#experience-calgary{
width:151px;
}

#email-offers{
margin-right:0 !important;
}

/*Subnav*/

.section-head{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:1.4em;
background:url(../images/subnav-separator.gif) no-repeat left bottom;
color:#B4ACA0;
padding-bottom:0.5em;
zoom:1;
line-height:115%;
}

.subnav{
list-style-type:none;
margin:0;
padding:0;
}

.subnav ul{
list-style-type:none;
margin:0;
padding:0;
}

.subnav ul li,
.back-nav{
background:url(../images/subnav-separator.gif) no-repeat 15px bottom;	
zoom:1;
}

.subnav ul a,
.back-nav{
text-decoration:none;
color:#7c6d6c;
padding-left:15px;
display:block;
padding-top:0.5em;
padding-bottom:0.5em;
}

.back-nav{
margin-bottom:0.5em;
padding-left:0;
background: url(../images/subnav-separator.gif) no-repeat left bottom
}

.back-nav a{
font-size:0.8em;
color:#7c6d6c;
text-decoration:none;
padding-left:15px;
background:url(../images/back-arrow.png) no-repeat 5px center;
}

.back-nav a:hover{
color:#B4ACA0;
}

.subnav ul a:hover{
color:#b9ac97;
}

.subnav ul .active{
background:url(../images/dark-arrow.png) no-repeat left center;	
color:black;
}

.subnav ul .active:hover{
color:black;	
}

/*::::::: Body ::::::*/

#page{
text-align:left;
width:900px;
margin:auto;
font-family: Tahoma, Geneva, sans-serif;
line-height:140%;
min-height:100%;
background:white;
position:relative;
}

#keywords{
text-align:center;
font-size:0.8em;
padding:0.5em 1em 0em 1em;
clear:both;
background:white;
border-top:1px solid #D6CEC1;
}

#keywords li{
display:inline;
padding-left:0.2em;
padding-right:0.2em;
white-space:nowrap;
}
	
#keywords a{
text-decoration:none;
color:#7c6d6c;
}

#keywords a:hover{
color:#b9ac97;	
}

#footer{
text-align:center;
font-size:0.85em;
color:#D6CEC1;
padding-bottom:2em;
padding-top:0.7em;
clear:both;
background:white;
width:900px;
margin:0px auto;
border-top:1px solid #D6CEC1;
}

#footer li{
display:inline;
}
	
#footer a{
color:#D6CEC1;
text-decoration:none;
border-right:1px solid #D6CEC1;
padding:0px 1em;
}

#footer span{
padding:0px 1em;
}

#footer a:hover{
color:#b9ac97;	
}

/*::::::: Columns ::::::*/
#main{
/*display:table;*/
position:relative;
background:white;
z-index:5;
}
.column{
padding-top:20px;
padding-bottom:20px;
float:left;

/*IE6*/
_float:none;
_zoom:1;
_display:inline;
_vertical-align:top;
}

#sidebar{
width:185px; /*225*/
padding: 30px 20px 20px 20px;
}

#article{
width:635px; /*675*/
padding-right: 40px;
padding-top:28px;
color:#969696;
}

#article .column{
float:left;
width:48%;
margin-right:1%;
padding:0;
}

#article .column ul{
margin-left:1.5em;
}


.column-3{
float:left;
width:30%;
margin-right:1%;
}

#article .column-3 ul{
margin-left:0em;
background-position:-100px top;
}

#article .column-3 li{
background-position:-100px bottom;
}

/*::::::: Links ::::::*/
#article a, #home-article a{
text-decoration:none;
color:#7c6d6c;
font-weight:bold;
padding-right:10px;
background:url(../images/dark-arrow.png) no-repeat right center;
}


#article a:hover{
color:#b9ac97;
}

.feature-line{
border-bottom:1px solid #D6CEC1;
border-top:1px solid #D6CEC1;
padding-top:0.5em;
padding-bottom:0.5em;
text-align:center;
clear:both;
display:block;
marign-top:0.5em;
zoom:1;
}

#article .feature-line a{
font-weight:normal;
}

/*::::::: Formatting ::::::*/

#banner,
#general-banner{
padding:0;
margin:0;
width:900px;
height:200px;
}

h1{
border-bottom:1px solid #D6CEC1;
padding-bottom:0.5em;
font-size:1.2em;
margin-top:0;
margin-bottom:0.5em;
}

h1,
h2{
font-weight:normal;
color:#301110;
}

h2{
font-size:1.0em;
margin-bottom:0.5em;
margin-top:1em;
}

h2.separator{
border-bottom:1px solid #8b8080;
height:1em;
position:relative;
margin-bottom:1.0em;
margin-top:2em;
}
h2.separator span,
h2.separator a{
background:white;
padding-right:1em;
display:block;
position:absolute;
top:0.25em;
}


p{
marign-bottom:0.25em;
margin-top:0.25em;
}

#article ul{
margin-left:3em;
padding:0;
background:url(../images/list-item-separator.png) no-repeat left top;
margin-top:0;
}

#article li{
list-style-type:none;
padding:0.25em 0 0.25em 0.25em;;
background:url(../images/list-item-separator.png) no-repeat left bottom;
}

.intro{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:1.3em;
color:#B4ACA0;
line-height: 150%;
}

#article p.intro{
margin-bottom:0 !important;
padding-bottom:0.5em;
}

/*::::::: Link Boxes ::::::*/
.feature-box{
border:1px solid #D6CEC1;
padding:3px 2px;
width:629px;
overflow:auto;
zoom:1;
}

.feature-box .content{
background-position: center right; 
background-repeat:no-repeat;
padding:0 15px 0.8em 15px;
width:599px;
overflow:auto;
}

#article .feature-box h3{
font-size:1em;
font-weight:normal;
margin:0.8em 0 0.5em 0;
width:200px;
}

#article .feature-box ul{
margin-top:0.5em;
margin-left:0;
margin-bottom:0;
padding:0;
background:none;
width:200px;
}

#article .feature-box li{
padding:0;
background:none;
zoom:1;
}

#article .feature-box a{
font-weight:normal;
background:url(../images/dark-arrow.png) no-repeat left 0.55em;
padding-left:15px;
display:block;
}

.feature-list{
width:225px;
float:left;
}


#article .column-box ul{
width:185px;
float:left;
margin-right:10px;
}


.explore-nav{
padding-left:15px;
padding-right:15px;
width:140px;
color:white;
background:url(../images/explore-box-background.jpg) #a49b99 no-repeat;
float:left;
}

#article .explore-nav a{
color:white;
background:url(../images/white-arrow.png) no-repeat left center;
}

#article .explore-nav a:hover{
color:#D6CEC1;
}

/*::::::: maps ::::::*/
.map{
clear:both;
}

#map{
background:none !important;
padding:0 !important;
}

.hilite-map{
position:absolute;
top:0;
left:0;
}

.download-map{
text-align:center;
border-top:1px solid #D6CEC1;
padding-top:.5em;
}





/*::::::: Appearance ::::::*/

.no-border{
border:0 !important;	
}

.padding-top{
padding-top:1em;
}

.inset-photo{
border:1px double #8b8080;
padding:2px;
margin-left:2.5em;
margin-bottom:1em;
float:right;
}

.clear{
clear:both;	
}

ol li{
list-style-type:decimal!important;
}

hr{
border:none;
border-bottom:1px solid #D6CEC1;
padding:0;
margin:0;
height:1px;
background:none;
clear:both;
}

area{
cursor:pointer;
}

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
bottom:0.25em;
position: relative;
}

table{
font-size:100%;
}

/*::::::: Announcements ::::::*/
.announcement{
width:258px;
background:url(../images/announce-body.png) repeat-y top center;
line-height:130%;
}

.announcement h2{
padding: 22px 20px 15px 30px;
margin:0;
background:url(../images/announce-top.png) no-repeat top center;
font-weight:normal;
color:white;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:1.2em;
}

.announcement h3{
margin:0;
padding:0;
margin-top:0.5em;
font-style:normal;
text-transform:uppercase;
font-weight:normal;
font-size:1.2em;
}

.announcement .content{
text-align:left;
color:black;
padding: 10px 30px;
background:url(../images/announce-bottom.png) no-repeat bottom center;
padding-bottom: 24px;
}

.announcement-link{
background:url(../images/dark-arrow.png) right center no-repeat;
padding-right:10px;
margin-top:10px;
margin-right:10px;
text-align:right;
display:block;
color:#969696;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
}

.announcement-link:hover{
color:black;	
}


/*::::::: VR ::::::*/
#vr-view{
width:640px;
height:480px;
display:none !important;
text-align:center;
}

#vr-view p{
top:220px;
position:relative;
}

#cboxLoadedContent #vr-view{
display:block !important;
}

.comparison{
font-size:100%;
}

.comparison td{
border-bottom:1px solid #EAE2D4;
}

.comparison th{
border-bottom: 1px solid #D6CEC1;
border-top: 2px solid #D6CEC1;
background:#f5f3f0;
font-weight:normal;
color:black;
}


td.separator{
font-size:0px;
line-height:0px;
border-bottom: 1px solid #D6CEC1;
padding:1px 0 0 0;
}

#article .comparison a{
background:none;
padding:0;
font-weight:normal;
}


/*Testimonials*/
.testimonial{
color:#7c6d6c;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
line-height:180%;
margin-top:1.5em;
margin-left:35px;
clear:both;
margin-bottom:2em;
}

p.quote{
font-size:1.3em;
margin:0;
}

.testimonial .name{
font-size:0.7em;
text-transform:uppercase;
letter-spacing:0.2em;
white-space:nowrap;
}

.open-quote{
margin-left:-35px;
margin-right:5px;
}

.close-quote{
vertical-align:text-top;
margin-left:5px;
margin-right:0.5em;
margin-bottom:-0.5em;
}