body {
	text-align:center;
	height:100%;
	/* background-image: url(../images/main-bg.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	background-color: #fefefe;
}
#container {
	height:100%;
	width:793px;
}
#main {
	margin-top: 0;
	margin-bottom: 0;
	width: 793px;
}
#mainlogin {
	width: 563px;
	padding-top: 150px;
	padding-left: 190px;
}
.clear {
	display:block;
}
a {
	text-decoration:none;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.superscript {
	font-size:xx-small; vertical-align:top;
}
.scroll {
	width: 793px;
	height: 480px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer div.panel {
	height: 480px;
	width: 793px;
}
.scroll211 {
	width: 793px;
	height: 190px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer211 div.panel {
	height: 190px;
	width: 793px;
}
.scroll211sec {
	width: 793px;
	height: 201px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer211sec div.panel {
	height: 201px;
	width: 793px;
	padding-top: 20px;
}
.scroll311 {
	width: 793px;
	height: 311px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer280 div.panel {
	height: 210px;
	width: 793px;
}
.scroll280 {
	width: 793px;
	height: 210px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer311 div.panel {
	height: 311px;
	width: 793px;
}
.scroll481 {
	width: 792px;
	height: 481px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollContainer481 div.panel {
	height: 481px;
	width: 792px;
}
.link {
	font-size:10px;
	font-weight:bold;
	margin-bottom: 3px !important; 
}
/* ABOUT US */
.scrollabout {
	width: 793px;
	height: 211px;
	overflow: auto;
	position: relative;
	clear: left;
}
.scrollabouttab div.panel {
	height: 211px;
	width: 793px;
}

/* MENU */

#about .about, #services .services, #different .different , #like .like, #clients .clients, #whistler-blackcomb .whistler-blackcomb,
#salomon .salomon, #tourism-whistler .tourism-whistler, #jay-peak-resort .jay-peak-resort, #kombi-sports .kombi-sports, #telluride-tourism .telluride-tourism, #whistler-bike-park .whistler-bike-park, #tourism-fernie .tourism-fernie, #c4-distribution .c4-distribution, #mssi .mssi,
#labatt-breweries .labatt-breweries, #atomic-canada .atomic-canada, #riot-kayaks .riot-kayaks, #adsvmq .adsvmq, #liquid-broadwear .liquid-broadwear, #ahlivv .ahlivv, #whistler-legacy-society .whistler-legacy-society,
#jobs .jobs, #contact .contact, #login .login, #newsletter .newsletter, #blog .blog, #municipality-whistler .municipality-whistler, #protect-our-winters .protect-our-winters
{
	color: #f36f21;
	display: block;
	width: 137px;
	background-image: url(../images/bar.gif);
	background-repeat: repeat-x;
	background-position: center center;
	background: #EDEDED;
}


.drop {
	list-style: none;
	margin: 0;
	text-align: left;
	width: 135px;
}
.drop li {
	margin-bottom: 5px;
}
.drop div { 
	padding: 0px 5px 5px 0px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}
.off { 
	width:137px;
	display:block; 
}
.on { 
	width:137px;
	display:block; 
}
.zoff {  
}
.zon {  
}
.yoff {  
}
.yon {  
}
.in { 
	width:137px;
	display:block; 
}
#submenu .zon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#submenu .zoff { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#portfoliomenu .yon {
	color: #f36f21;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#portfoliomenu .yoff { 
color: #282527;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

#infotow {
	text-align: right;
	padding-top: 80px;
	background-image: url(../images/bg-richmedia.jpg);
	background-position: right top;
	height: 391px;
	width: 782px;
	padding-right: 10px;
}
#b_tab1 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab1 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab1 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#b_tab2 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab2 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab2 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#b_tab3 .on, #b_tab4 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab3 .off, #b_tab4 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab3 a, #i_tab4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab3 a:hover, #i_tab4 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab3 .off, #i_tab4 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}

/* DISPLAY VALUES
=========================================================================================================*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }
.texte-delet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.floatLeft 			{ float: left; }

/* STRUCTURE
=========================================================================================================*/
#content {
	height: 800px;
	width: 970px;
}
#header {
	height: 55px;
	width: 970px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
	padding-top: 40px;
	padding-bottom 3px;
	margin-bottom: 30px;
}
#language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width: 250px;
	float: left;
	height: 40px;
	text-align: left;
}
#iconbox {
	width: 720px;
	float: left;
	text-align: right;
	height: 40px;
}
#leftbox {
	min-height: 525px;
	width: 793px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #999999;
	text-align: justify;
	line-height: 32px;
}
.highlight {
	color: #282527;
}
#datebox {
	background-image: url(../images/dash.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
	width: 970px;
	float: left;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #393939;
	padding-top: 35px;
	margin-bottom: 10px;
}
#rightbox {
	height: 525px;
	width: 177px;
	float: left;
	text-align: right;
}
#menujobs {
	height: 113px;
	width: 643px;
	padding-left: 150px;
	margin: 30px 0 0 0;
}
#submenu {
	height: 214px;
	width: 643px;
	padding-left: 150px;
	padding-top: 30px;
}
#submenu-client {
	height: 214px;
	width: 743px;
	padding-left: 50px;
	padding-top: 10px;
}
#submenuleft {
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	line-height: 24px;
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #282527;
	font-family: Arial, Helvetica, sans-serif;
}
#submenuleft a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #282527;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
#submenuleft a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
#submenuleft a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
#submenuright {
	line-height: 24px;
	margin-top: 10px;
		font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #282527;
	font-family: Arial, Helvetica, sans-serif;
}
#submenuright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #282527;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
#submenuright a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
#submenuright a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
}
.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #282527;
	display: block;
}
#contactinfo {
	height: 139px;
	width: 753px;
	padding-left: 150px;
}
#contactform {
	/*height: 135px;*/
	width: 753px;
	border: 1px solid #ededed;
	background-color: #ededed;
	padding: 20px;
	margin : 20px 0 30px 0;
}
#portfoliobox {
	height: 64px;
	width: 792px;
}
#jobsform {
	height: 161px;
	width: 753px;
	border: 1px solid #ededed;
	background-color: #ededed;
	padding: 20px;
}
#loginform {
	height: 141px;
	width: 370px;
	border: 1px solid #ededed;
	background-color: #ededed;
	padding: 20px;
}
.portfoliotext {
	font-size: 11px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: 672px;
	float: left;
	padding-right: 10px;
	padding-top: 20px;
}
.portfoliotext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #282527;
	font-weight: normal;
}
.portfoliotext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
.floatright {
	float: right;
	text-align: right;
	width: 28px;
	padding-top: 5px;
}


#newsletterform {
	height: 105px;
	width: 753px;
	border: 1px solid #ededed;
	background-color: #ededed;
	padding: 20px;
}
#formleft {
	width: 366px;
	padding-right: 20px;
	float:left;
	line-height: normal;
}
#formright {
	width: 363px;
	line-height: normal;
	float: left;
}
#blocbtn {
	height: 25px;
	float: right;
	text-align: left;

}

#blocbtn .submit {
	font-size: 11px;
	color: #999999;
	font-family: arial, sans-serif;
}
.dynchek {
	display: inline;

}
.dynupload {
	width: 256px;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	color: #999999;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
.dyninput {
	width: 356px;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	color: #999999;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.error_form{
	font-size: 11px;
	color: #F36F21;
	font-family: Arial, Helvetica, sans-serif;
}
.submit{
	float:right;
	width:22px;
	height:22px;
	border:none;
	background: transparent url(../images/arrow.gif) no-repeat center center;
	cursor:pointer;
}
#blocform1 {
	float: left;
	height: 25px;
	display: inline;
	text-align: left;
	width: 20px;
	padding-top: 7px;
}
#blocform4 {
	float: left;
	height: 25px;
	display: inline;
	text-align: left;
	width: 20px;
	padding-top: 9px;
}
#id_enews, #btn1 {
	float: left;
}
#-hyjljj-hyjljj{
	margin-top:34px;
}
#formright label {
	float: left;
	display: inline;
	padding-top: 3px;
	width: 180px;
	text-align: left;
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
#blocform3 {
	float: left;
	height: 25px;
	display: inline;
	padding-top: 12px;
	width: 50px;
	text-align: left;
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
#blocform5 {
	float: left;
	height: 25px;
	display: inline;
	padding-top: 2px;
	width: 20px;
	/*width: 120px;*/
	text-align: left;
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.dyntextarea {
	width: 356px;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	color: #999999;
	padding: 5px;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.dyntextareaxl {
	width: 356px;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	color: #999999;
	padding: 5px;
	height: 110px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.smalltext {
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.smalltext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}
.smalltext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#contactleft {
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	line-height: 14px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contactright {
	padding-right: 30px;
	line-height: 14px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.formlink {
	float: left;
	height: 25px;
	padding-top: 3px;
	display: inline;
	text-align: left;

}
.formlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #282527;
	font-weight: normal;
}
.formlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#info a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #282527;
	
	}
#info a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #f36f21;
}
.btnupload {
	width: 87px;
}
#portfoliomenu {
	width: 100px;
	text-align: left;
	font-size: 11px;
	float: left;
	padding-left: 10px;
	padding-top: 12px;
}
#portfoliomenu a {
	color: #282527;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#portfoliomenu a:hover {
	color: #f36f21;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#portfoliomenu a:active {
	color: #f36f21;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }
.menu-off {
	color: #f36f21;
	display: block;
	width: 137px;
	background-image: url(../images/bar.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#portfoliomenu-empty {
	color: #999999;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
.privacy {
	font-size: 11px;
	color: #666666;
	text-align: justify;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.visit-link{
	margin: 5px 0 0 0;
}

.clearer{
	display: block;
	clear: both;
}

/* SPECIFIC
=========================================================================================================*/
.mlid-15{
	background-color: #000;
}

.mlid-15 .floatLeft{
	float: none;
	margin: 0 auto;
	width: 652px;
}