/**COLOUR KEY
	orange #C66A22
	light blue #00AAE3
	light gray #CBCBCB
	medium gray #8A8C8D
**/

/**GLOBAL
------------------------------------------------------------------------**/
body {
	background:#0884ba url('../images/bg.gif') repeat top left;
	font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size:12px; /*sets the base size for entire site*/
	text-align:center;
}
#page-wrapper {
	width:890px;
	margin:0 auto;
	text-align:left;
	background:url('../images/page-shadow.png') repeat-y top center;
	overflow:visible;
	padding-bottom:1.125em;
}
*html #page-wrapper {background-image:url('../images/page-shadow.gif');}

/**the following three style rules allow the page-wrapper div to wrap the content in all browsers**/
#page-wrapper:after { 
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
#page-wrapper {
}
#page-wrapper {
	display:block;
}


/**HEADER
------------------------------------------------------------------------**/
#header {
	float:left;
	width:846px;
	background:#fff url('../images/header-bg.gif') repeat-x top left; 
	clear:both;
	margin:0 1.75em; /*21 px padding added to left & right to centre header*/
}
*html #header {display:inline;}/**IE6 margin bug fix**/

#logo {
	cursor:pointer;
	float:left;
	height:89px;
	width:124px;
	margin:.833em 0 0 1.417em;
}

#top-nav {
	float:right;
	width:150px;
	margin-right:1.416em;
	padding-top:.75em;
	padding-bottom:3em;
}
*html #top-nav {display:inline;}/**IE6 margin bug fix**/

#top-nav a {
	color:#666666;
	text-decoration:none;
}

#top-nav a:focus, #top-nav a:hover {color:#00aae3;}


h1#title {
	color:#8a8c8d;
	float:right;
	clear:right;
	text-transform:uppercase;
	letter-spacing:.083em; /*1px*/
	margin-right:1.416em;
	font-size:1.5em;
	line-height:23px;
	padding-bottom:0;
	margin-bottom:0;
}

#flash-content {
	width:814px;
	float:left;
	margin:0 3.17em 0 3.17em;/*38px padding to centre align*/
	padding-top:0;
} 
*html #flash-content {display:inline;}/**IE6 margin bug fix**/


/**MAIN NAVIGATION	
------------------------------------------------------------------------**/
/*note: styles for french site nav are seperate*/
#main-nav {
	float:left;
	width:846px;
	margin-top:.75em;
	padding:.5em 1.583em 0 2.16em; /*26px padding to align left edge of nav to rest of site, 19px right padding to centre the div on the page */
	text-transform:uppercase;
	background:url('../images/divider.gif') no-repeat top center;
	z-index:100;
}

#main-nav ul {margin:0;}

#main-nav ul li {
	display:inline;
	font-family:"Lucida Sans", "Lucida Grande", "Helvetica Neue",Helvetica,Arial,sans-serif;  
	font-size:1.083em; /*13px*/
	padding:0 1.25em 0 1.25em;
	position:relative;
}

#main-nav ul li a {
	color:#033333;
	text-decoration:none;
	padding-bottom:.125em;
}

#main-nav ul li a:focus, #main-nav ul li a:hover {color:#00aae3;}

/**the following styles indicate which page the user is currently on**/

#home #nav-home a,
#about #nav-about a,
#services #nav-services a,
#results #nav-results a,
#hotels #nav-hotels a,
#jobs #nav-jobs a,
#sales #nav-sales a,
#press #nav-press a,
#contact #nav-contact a {
	color:#00aae3;
}

/**DROP DOWN	
------------------------------------------------------------------------**/

#main-nav ul li ul {
	background: #f4f3f3 url('../images/dropdown-bg.gif') repeat-x top left;
	display: none;
	height: auto;
	left: 0;
	margin:0 0 0 .916em;
	position: absolute;
	top: 100%;
	width: 12.333em;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

#main-nav ul li:hover ul {display: block;}

#main-nav ul li ul li {
	display:block;
	margin: 0;
	padding: 0;
	border:0;
	text-align: left;
	text-transform:none;
	font-size:.833em;
	line-height:2em;
	width: 100%;
}

#main-nav ul li ul li a {
	padding-left: .3em;
	display:block;
}

#main-nav ul li ul li a:hover {
	background-color: #eaf8fd;
	display: block;
}




	
/**MAIN CONTENT
------------------------------------------------------------------------**/
#content-wrapper{
	width:814px;
	float:left;
	clear:both;
	padding:0 3.17em .833em 3.17em; /*38px left & right padding to centre align content*/
	min-height:400px;
}

#main-content-wrapper{ /*this is for 1 column pages*/
	width:814px;
	float:left;
	clear:both;
	padding:1em 3.17em .833em 3.17em; /*38px left & right padding to centre align content*/
}


/**the following is for 3 column layout**/

#main-content {
	width:332px;
	float:left;
	padding:1em 1.25em 0 0;
}
#col1 {
	width:199px;
	float:left;
	padding:1em .833em 0 .833em;

}

#col2 {
	width:238px;
	float:right;
	padding:1em 0 0 .833em;
}

/**the following is for 2 column layout, with one main content area and one sidebar**/

#content {
	width:531px;
	float:left;
	padding:1em 1.25em 0 0;
}

#side-col {
	width:238px;
	float:right;
	padding:1em 0 0 .833em;
}

/**the following is for 2 column layout, with main column div on right**/

#content-b {
	width:531px;
	float:right;
	padding:1em 0 0 1.25em;
}

#first-col {
	width:238px;
	float:left;
	padding:1em .833em 0 0 ;
}

/**the following is for 2 column layout, with two equal columns**/

#content-header {
	width:100%;
	float:left;
	padding-top:1em;
}

#col-a {
	width:45%;
	float:left;
	padding:1em 1.25em 0 0;
}

#col-b {
	width:45%;
	float:right;
	padding:1em 0 0 .833em;
}

	
/**FOOTER
------------------------------------------------------------------------**/	

#footer {
	width:814px;
	clear:both;
	float:left;
	margin:0 0 0 3.75em;
	padding:1em 0 0 0;
	background:#fff url('../images/divider.gif') no-repeat top center;
	font-size:.833em;
	color:#7c7e7e;
}
*html #footer {display:inline;}/**IE6 margin bug fix**/

#footer .footer-nav {
	width:139px;
	float:left;
	padding:.833em .833em 0 0;
}

#footer .newsletter {
	width:190px;
	float:left;
	padding:.833em .833em 0 0;
}


#footer ul {
	line-height:1.7em;
	border-bottom:1px solid #cbcbcb;
	margin-left:0;
}

#footer ul li {
	list-style-type:square;
	list-style-position:inside;
	border-top:1px solid #cbcbcb;
}

#footer ul li a{
	color:#7c7e7e;
	text-decoration:none;
}

#footer ul li a:focus, #footer ul li a:hover {color:#00aae3;}



/**TYPOGRAPHY
------------------------------------------------------------------------**/
h1,h2,h3,h4,h5,h6 { 
	font-family:"Lucida Sans", "Lucida Grande", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	color: #c66a22; 
}

h1 {
	font-size:1.5em; /*18px*/
	line-height:1em;
	margin:0 0 0.833em 0;
}

h2 {
	font-size:1.25em; /*15px*/
	line-height:1.125;
	margin:1.929em 0 0.643em 0;
}

h3 {
	font-size:1em;
	margin-bottom:1em;
	line-height:1.125;
}

#footer h3 {
	font-size:1.1em;
	color:#666767;
}


p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

a {
	color:#00aae3;
	text-decoration:none;
}

a:focus, a:hover {
	color:#333;
	text-decoration:underline;
}

ul, ol { 
	margin:0 1.5em 1.5em 1.5em;
	line-height:1.5em;
}

ul     { list-style-type: disc; }
ol     { list-style-type: decimal; }

ul ul {
	padding-top:1em;
}

strong {font-weight:bold;}
em {font-style: italic;}

.med { 
	font-size: .916em; 
	margin-bottom: 1.5em; 
	line-height: 1.545em; 
}

.small { 
	font-size: .8em; 
	margin-bottom: 1.875em; 
	line-height: 1.875em; 
}

.small-top { 
	font-size: .8em; 
	margin-bottom: 1em; 
	margin-top:0;
	padding-top:0;
	color: #666; 
}


.large { 
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin-bottom: 1.25em; 
}

.quiet { color: #666; }

.top { 
	margin-top:0;
	padding-top:0; 
}

.bottom { 
	margin-bottom:0; 
	padding-bottom:0; 
}

blockquote {
	background:transparent url('../images/start-quote.gif') no-repeat scroll left top;
	line-height:1.5em;
	margin:0 1.5em 1em 0;
}

blockquote div {
	background:transparent url('../images/end-quote.gif') no-repeat scroll right bottom;
	padding:0 48px;
}
/*for french site (uses dif image)*/
#resultats blockquote {
	background:transparent url('../images/start-quote-fr.gif') no-repeat scroll left top;
	line-height:1.5em;
	margin:0 1.5em 1em 0;
}

#resultats blockquote div {
	background:transparent url('../images/end-quote-fr.gif') no-repeat scroll right bottom;
	padding:0 48px;
}

ul.sitemap {
	list-style-type:none;
	width:95%;
	line-height:1.75em;
}

ul.sitemap li {
	border-top:1px solid #ddd;
}

ul.sitemap ul li {
	border:0;
}

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


/**HOTEL PAGE STYLES
------------------------------------------------------------------------**/
.province{width:531px;}

.province h2 {
	background:#f4f3f3 url('../images/arrow-gray.gif') no-repeat scroll right -9px;
	padding:.25em 1em .25em .5em;
	cursor:pointer;
	border-top:1px solid #d8d6d6;
}

.province h2.active{background-position:right 10px;}


.hotel h3 {
	color:#333;
	font-weight:bold;
}

.hotel .imageleft {padding:.333em .666em .333em 0;}

.hotel ul.actions {margin-left:0;}

.hotel ul.actions li {list-style-type:none;}

.hotel .actions .readbody{
	background:url('../images/hoteldescription-bg.gif') no-repeat top left;
	padding-bottom:.333em;
}

.hotel .actions .readbody a {
	color:#333;
	text-decoration:none;
	margin-left:1.75em;
	padding-right:1em;
	background:transparent url('../images/hotels-arrow.gif') no-repeat scroll right -12px;
}

.hotel .actions .readbody a.active {
	background-position:right 4px;
	text-decoration:none;
}

.sh-btns {margin-left:0;}

.sh-btns a:hover, .sh-btns a:focus {text-decoration:none;}

.sh-btns li{
	width:142px;
	list-style-type:none;
	line-height:2.25em;
	padding:0 0 0 .833em;
	background:url('../images/sh-btn-bg.jpg') no-repeat center left;
}

.sh-btns li.showall a {
	background:url('../images/show-icon.png') no-repeat right 2px ;
	padding-right:3.25em;
}

.sh-btns li.showall a:hover {
	background-position:right -16px ;
}

.sh-btns li.hideall a {
	background:url('../images/hide-icon.png') no-repeat right 2px ;
	padding-right:3.75em;
}

.sh-btns li.hideall a:hover {
	background-position: right -16px ;
}

/**PRESS RELEASE PAGE STYLES
------------------------------------------------------------------------**/

.article ul.actions {margin-left:0;}

.article ul.actions li {list-style-type:none;}

.article .actions .readbody{
	background:url('../images/articlebody-bg.gif') no-repeat top left;
	padding-bottom:.333em;
}

.article .actions .readbody a {
	color:#333;
	text-decoration:none;
	margin-left:1.75em;
	padding-right:1.25em;
	background:transparent url('../images/hotels-arrow.gif') no-repeat scroll right -12px;
}

.article .actions .readbody a.active {
	background-position:right 4px;
	text-decoration:none;
}

/**STYLE CLASSES
------------------------------------------------------------------------**/

.clear {clear:both;}

.imageleft {
	display:block;
	float:left;
	padding:0 .666em .125em 0;
}

.imageright {
	display:block;
	float:right;
	margin:0 0 .125em .666em;
}

.imagecenter {
	display:block;
	margin:auto;
	padding:.5em 0;
	margin-bottom:1em;
	border:none;
	clear:both;
}

.gal img {padding:0 .833em 1.25em .833em;}

.caption {
	width:200px;
	float:right;
	margin-left:.5em;
}
.caption p {
	text-align:center;
	font-size:.833em;
}


.textright {
	text-align:right;
}

.center {
	text-align:center;
	margin:0 auto;
	padding-bottom:.5em;
}


.chev{
	padding-left:0;
	margin-left:0;
	list-style-type: none;
}
	
.chev li {
	padding-left: 15px;
	background-image: url('../images/chevron.jpg');/*using background-image instead of list-style-image ensures that the bullets will line up properly in IE*/
	background-repeat: no-repeat;
	background-position: 0 center;
	margin: 5px auto;
}

.bio {
	color:#333;
	font-weight:bold;
	margin-top:.25em;
	padding-top:0; 
}

.testimonial-img {padding-top:2.5em;}

.testimonial-img p {
	padding-bottom:4.5em;
}


/**NEWSLETTER SIGN UP FORM
------------------------------------------------------------------------**/

ul#news  {
	border:none;
}

ul#news li {
	list-style-type:none;
	list-style-position:outside;
	width:142px;
	line-height:2.75em;
	padding:0 0 0 .833em;
	margin-left:0;
	border:none;
	background:url('../images/sh-btn-bg.jpg') no-repeat center left;
}

/**PROPERTIES IMG GALLERY	
------------------------------------------------------------------------**/

a.Controls img {border:1px solid white;}

a:hover.Controls img {border:1px solid #00aae3;}

.center img {
	margin:0 .125em;
}


/**Form Field Styles	
------------------------------------------------------------------------**/

#rfp{
	margin:0 0 0 0;

}

#rfp td{
	font-size:10px;
	color:#0099FF;
	margin:3px 0 3px 0;
}

#rfp h2{
	font-size:14px;
	margin:0px 0 2px 0;
}

#rfp textarea { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:2px;
}
#rfp input { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:2px;
}
#rfp select { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:2px;
}

#rfp input[type="submit"]{
	margin:3px 0 0 158px;
	height:25px;
	padding:4px;
	border-width:1PX;
	border-color: #00a9e0;
	background-color:#0066a1;
	color:#FFFFFF;
	cursor:pointer;
	}

.employees {
	font-size:15px;
	color:#FF6600;
}

.employees a {
	color:#FF6600;
	text-decoration:underline;
}

employees a:hover {
	color: #FF3300;
	text-decoration:none;
}

.employeeprovince_left {width:400px;}
.employeeprovince_right {
	width:396px;
	float:right;
}

.employeeprovince_left h2, .employeeprovince_right h2 {
	padding:.25em 1em .25em .5em;
	border-top:1px solid #d8d6d6;
}

/**Eblast form styles	
------------------------------------------------------------------------**/

#eblast table:first-child {
	font-size:10px;
	padding-right:5px;
	margin-bottom:15px;
}

#eblast td {
	font-size:11px;
	color:#0099FF;
	padding:0.5em 0 0 0;
}

#eblast textarea { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:1px;
}
#eblast input { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:1px;
}
#eblast select { 
	background-color: #c4e3f2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A1E44;
	border: solid 1px #0A1E44;
	margin:1px;
}

#eblast input[type="submit"]{
	margin:3px 0 0 158px;
	height:25px;
	padding:4px;
	border-width:1PX;
	border-color: #00a9e0;
	background-color:#0066a1;
	color:#FFFFFF;
	cursor:pointer;
	width:222px;
	}
	
#eblast label{ 
	font-size: 1.125em;
}