/* CSS Document */
body {
	margin: 0px 0 0 0;
	padding: 0px;
	background: #333333 url('/graphics/body_bg.gif') repeat;
	text-align: center;
	font-family: Arial;
}
* {
   padding:0;
   margin:0;
}

#p2p {
	background-position: center;
	margin: 0px auto;
	padding: 0px 0px;
	width: 900px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#logo {
	background-position: center;
	width: 950px;
	margin: 0px auto;
	padding: 0px 0px; 
	text-align: right;
	voice-family: "\"}\"";   
	voice-family: inherit;
	z-index: 100;
}

#logo h1 {
	color: #FFFFFF;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	width:260px;	
	height:41px;
	background:transparent url('/graphics/p2p_logo.gif') no-repeat;
	text-transform: uppercase;
	float: left;
}

#logo h1 span {
	display:none
}

#logo .opening
{
	float: left;
	text-transform: uppercase;
	padding: 20px 0px 0px 50px;
	color: #ffffff;
	font-size: 12px;
}

#menu {
	z-index: 100;
  	width: 906px;
  	margin: 10px 0px 0px 0px;
  	padding: 0px;
}

#menu a
{
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	text-transform: uppercase;
}


/*** navigation tabs ***/
ul.tabs li 
{
	display: inline;
	list-style-type: none;
	margin:0 5px 5px 0px;
	float: left;
	text-align: right;
	filter:alpha(opacity=88);
	-moz-opacity: 0.88;
	opacity: 0.88;
}

ul.tabs li a 
{
	width:139px;
	display:block;
	background:#666666;	
	padding:5px 7px 9px 0px;
	margin:0;
}

ul.tabs li a:hover 
{
	background:#888888;
	color: #ffffff;
}
ul.tabs li a.on, ul.tabs li a:hover.on 
{
	background:#bf2c37;
	color: #ffffff;
}
	

#main 
{
	position:relative;
	width:647px;
	margin:0px auto;
	padding: 10px;
	background-color: #ffffff;
	border:5px solid #C3CCD4;
	float: left;
}
#right
{
	float: left;
	margin: 0px 0px 0px 6px;
}

/*** Did you know promotion ***/

.dyk
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 2px;
	background: #ffffff;
	border: solid 1px #c3ccd4;
	width: 213px;
	height: 210px;
	clear: both;
}

.dyk h3
{
	background: none;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}

.dyk p
{
	/*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family: Arial;
	text-decoration: none;
	color: #111;
    font-size: 12px;
	padding: 5px;
}
.dyk img
{
	border: solid 1px #c3ccd4;
}

a.info
{
color: #000099;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
	background-image: url('/graphics/info_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	float: right;
}

a.info:hover
{
text-decoration: underline;
}

/*** promo tabs ***/

.promotab a
{
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	text-decoration:none;
	text-transform: uppercase;
}

ul.promotab li 
{
	display: inline;
	list-style-type: none;
	margin:0px 0px 5px 0px;
	float: left;
	text-align: left;
}

ul.promotab li a 
{
	width:217px;
    height: 160px;
	display:block;
	background: #c3ccd4 url('/graphics/promo.jpg') no-repeat;
	padding:0;
	margin:0;
}

ul.promotab li a h2
{
    color: #333333;
	font-family: Arial;
	font-size: 15px;
	padding: 34px 0px 0px 5px;
	margin:0;
}

ul.promotab li a img
{
	padding: 5px 0px 0px 5px;
	margin:0;
}

ul.promotab li a:hover 
{
	background: #71777c url('/graphics/promo_over.jpg') no-repeat;
	color: #ffffff;
}

ul.promotab li a:hover h2
{
	color: #ffffff;
}


ul.promotab li a h2.arrow
{
	background-image: url('/graphics/arrow_off.gif');
	background-repeat: no-repeat;
	background-position: 5px 35px;
	padding-left: 25px;
}
ul.promotab li a:hover h2.arrow
{
	background-image: url('/graphics/arrow_on.gif');
}


#footer 
{
	width: 920px;	
	text-align: center;
	padding:17px;
	_padding-top: 0px;
	font-size: 11px;
    color: #ffffff;
	line-height:9px;
margin: 0px 0px 20px 0px;
_margin: 20px 0px 20px 0px;
}
#footer img.intrawest
{
	margin: 20px -101px 0px -15px;
	padding: 0px;
	float: left;
}
#footer img.wb
{
	margin: -20px 0px 0px -15px;
	_margin: 0px 0px 0px -15px;
	padding: 0px;
	float: right;
}
#footer a 
{
	font-size:9pt;
  	text-decoration:none;
	color:#ffffff;
	padding: 0px 20px 0px 20px;
}
#footer a:hover 
{
	text-decoration:underline;
	color:#ffffff;
}

#address 
{
	width: 920px;	
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	_margin: 0px;
	font-size: 11px;
    color: #666666;
	line-height:9px;
}

#clear 
{
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.clear 
{
	clear: both;
}

img 
{
	border: none;
}
#main p
{
	/*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family: Arial;
	text-decoration: none;
	color: #111;
    font-size: 12px;
	padding-left: 10px;
}

#main ul
{
padding: 0px 0px 20px 20px;
}

#main li
{
	/*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family: Arial;
	text-decoration: none;
	color: #111;
    font-size: 12px;
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 0 0 5px 0;
}
h3
{
	font-size: 14px;
	margin-top: 10px;
	font-family: Arial;
	text-transform:uppercase;
	padding: 4px 10px;
	background: #f1f1f1;
}
h1, h2
{
	font-family: Arial Narrow, Arial;
	text-transform:uppercase;
}

#main p.date
{
text-align: right;
color: #333333;
font-size: 10px;
font-weight: bold;
background: #f1f1f1;
padding: 2px 10px;
}

.intro
{

}

/*** Webcam img style ***/

.webcam a{
	padding: 5px 2px 25px 2px;
	background-color: #333333;
	border: 1px solid #666666;
	float: right;
	margin: 0px 0px 10px 0px;
}		
	
.webcam a img{
	border: 0;
}

.webcam a:hover{
	background-color: #666666;
	border: 1px solid #333333;
}

.webcam2 img{
	padding: 5px 2px 25px 2px;
	background-color: #333333;
	border: 1px solid #666666;
	float: right;
	margin: 0px 0px 10px 0px;
}

/*** Lightbox img style ***/

.thumbnail a{
	padding: 3px 3px 8px 3px;
	background-color: #333333;
	border: 1px solid #666666;
	float: right;
	margin: 0px 0px 10px 10px;
}	
	
.thumbnail a img{
	border: 0;
}

.thumbnail a:hover{
	background-color: #f1f1f1;
	border: 1px solid #666666;
}

#videos h3
{
clear: both;
}

#videos .thumbnail
{
margin-top: -25px
}

.images
{
float: right;
width: 220px;
}