/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}
.clear{ clear:both; height:0; overflow:hidden;}

/* Generic Styling */
a{ color:#d40000; text-decoration:underline;}
a:hover{ color:#ff1d1d;}
h3 { color:#d40000; font-weight:bold; text-align:center; line-height:180%; margin-bottom:16px; margin-top:16px;}
h4 { font-size:14px; color:#939393; font-weight:bold; text-align:center; line-height:180%; margin-bottom:6px;}

body{ color:#0055be; font-size:12px; font-family:Tahoma,Verdana,Arial; background:transparent url(../images/body_bg.jpg) repeat-x top left; padding-bottom:20px;}

.bg{ background:transparent url(../images/bg.jpg) center top no-repeat; }

.wrapper{ width:1035px; margin:0 auto; overflow:hidden;}

/* header */
#header{ width:100%; overflow:hidden; padding-bottom:11px; margin-bottom:8px; background:url(../images/dot_line1.gif) bottom repeat-x;}
	#header img{ float:left; width:516px; display:inline; margin:18px 0 -20px 16px; position:relative; z-index:2;}

	#navigation{ width:100%; height:101px; padding-top:23px; overflow:hidden; background:url(../images/media/nav_bg.gif) no-repeat; clear:both; position:relative;}
	#navigation ul{ width:960px; height:33px; margin-left:125px; font-weight:bold;}
	#navigation li{ float:left; width:auto; height:33px; font-size:14px; line-height:31px; margin-right:6px;}
	#navigation li a{ float:left; height:33px; background:#54a3ee url(../images/nav_right.gif) right no-repeat; color:#fff; text-decoration:none;}
	#navigation li a span{ float:left; height:33px; padding:0 34px 0 32px; background:url(../images/nav_left.gif) left no-repeat; cursor:pointer;}
	#navigation li.on a{ background:#fff url(../images/nav_on_right.gif) right no-repeat; color:#0055be;}
	#navigation li.on a span{ background:url(../images/nav_on_left.gif) left no-repeat;}
	
	#navigation ul li.on ul{ display:block;}
	#navigation ul ul{ display:none; width:1035px; height:auto; position:absolute; top:60px; left:14px; font-weight:normal; margin:0; text-align:center;}
	#navigation ul ul li{ float:none; display:inline; height:30px; line-height:30px; margin-right:0; padding:0 23px 0 16px; background:url(../images/subnav_line.gif) right 3px no-repeat;}
	#navigation ul ul li.first{ background:none; padding-left:0px }
	#navigation ul ul li.last{ background:none; padding-right:0px }
	#navigation ul ul li a,
	#navigation ul li.on ul li a{ float:none; height:auto; background:none; color:#0055be;}
	#navigation ul ul li a:hover{ text-decoration:underline;}





/* content */
#content{ width:100%; overflow:hidden;}
	.sidebar{ float:right; width:305px; left:15px;}
		.box1{ width:305px; background:url(../images/new-back/box1_bottom.gif) bottom no-repeat; margin-bottom:10px;}
		.box1 .box_inside{ width:100%; overflow:hidden; background:url(../images/new-back/box1_top.gif) top no-repeat;}
		.box1 .side_title{ width:270px; margin:4px auto; font-size:18px; font-weight:bold; color:#d40000; text-indent:18px; line-height:160%; padding-bottom:3px;


							  background:url(../images/dot_line2.gif) 0 bottom repeat-x;}
			ul.navi{ width:214px; margin:0 auto 18px; font-size:14px; overflow:hidden;}
			ul.navi li{ line-height:160%; padding-left:15px; background:url(../images/li_dot.gif) 4px 8px no-repeat;}
			ul.navi li a{ color:#0055be; text-decoration:none;}
			ul.navi li a:hover{ color:#0066FF;}


			ul.navir{ width:214px; margin:0 auto 18px; font-size:14px; overflow:hidden;}
			ul.navir li{ line-height:160%; padding-left:15px; background:url(../images/li_dot.gif) 4px 8px no-repeat;}
			ul.navir li a{ color:#0055be; text-decoration:none;}
			ul.navir li a:hover{ color:#0066FF;}



			ul.navig{ width:614px; margin:0 auto 18px; font-size:14px; overflow:hidden;}
			ul.navig li{ line-height:120%; padding-left:15px; padding-bottom:15px; background:url(../images/li_dot.gif) 4px 8px no-repeat;}
			ul.navig li a{ color:#0055be; text-decoration:none;}
			ul.navig li a:hover{ color:#0066FF;}



			ul.topleft{ width:390px; margin:0 auto 18px; font-size:14px; overflow:hidden;}
			ul.topleft li{ line-height:119%; padding-left:15px; padding-bottom:15px; background:url(../images/li_dot.gif) 4px 8px no-repeat;}
			ul.topleft li a{ color:#0055be; text-decoration:underline;}
			ul.topleft li a:hover{ color:#0066FF;}


		


	.main_content{ float:left; width:720px; overflow:hidden;}
	.main_content .row{ width:740px; overflow:hidden; margin-bottom:6px;}
	.main_content .row_with_dot{ width:740px; overflow:hidden; margin-bottom:8px; padding-bottom:10px;
								 background:url(../images/dot_line2.gif) bottom repeat-x;}
	.main_content h1{ margin:4px auto; font-size:18px; font-weight:bold; color:#d40000; text-indent:17px; line-height:160%; padding-bottom:3px;
							  background:url(../images/dot_line2.gif) 0 bottom repeat-x;}


	.main_content h2{ margin:4px auto; font-size:18px; font-weight:bold; color:#d40000; text-indent:8px; line-height:160%; padding-bottom:3px;
							  background:url(../images/dot_line2.gif) 0 bottom repeat-x;}

	.main_content h4{ margin:4px auto; font-size:15px; font-weight:bold; color:#d40000; text-align:left; text-indent:17px; line-height:160%; padding-bottom:3px;}

	.main_content h5{ margin-top:15px; font-size:13px; font-weight:bold; color:#d40000; text-align:center;  line-height:100%; padding-bottom:0px;}



.box2{ float:left; width:456px; background:url(../images/box2_bottom.gif) bottom no-repeat; margin-left:13px; min-height:296px;}
		.box2 .box_inside{ width:100%; overflow:hidden; background:url(../images/box2_top.gif) top no-repeat;}
		.box2 h2{ width:440px;}
			.guide_content{ width:438px; overflow:hidden; margin:8px auto 0; font-size:14px;}
			.guide_content p{ line-height:120%; margin-bottom:15px; margin-left:12px;}
			.guide_content img{ float:left; margin:3px 10px 0 0;}


.box2a{ float:left; width:456px; background:url(../images/box2_bottom.gif) bottom no-repeat; margin-right:13px; min-height:296px;}
		.box2a .box_inside{ width:100%; overflow:hidden; background:url(../images/box2_top.gif) top no-repeat;}
		.box2a h2{ width:440px;}
			.guide_content{ width:438px; overflow:hidden; margin:8px auto 0; font-size:14px;}
			.guide_content p{ line-height:120%; margin-bottom:15px; margin-left:12px;}
			.guide_content img{ float:left; margin:3px 10px 0 0;}
		
		.box3{ float:left; width:251px; background:url(../images/box3_bottom.gif) 0 bottom no-repeat; min-height:296px;}
		.box3 .box_inside{ width:100%; background:url(../images/box3_top.gif) 0 top no-repeat; overflow:hidden;}
		.box3 h2{ width:232px;}
			.top10{ width:232px; margin:0 auto; font-size:14px;}
			.top10 li{ line-height:177%; padding-left:5px;}
			.top10 a {color:#0055be; text-decoration:none;}
			.top10 a:hover{ color:#0066FF; text-decoration:none;}
 		.box3 p { margin-bottom:15px; margin-left:15px; margin-right:10px; font-size:14px;}
		
		.box4{ width:720px; background:url(../images/box4_bottom.gif) 0 bottom no-repeat;}
		.box4 .box_inside{ width:100%; background:url(../images/box4_top.gif) 0 top no-repeat; overflow:hidden;}
		.box4 h2{ width:704px;}
		.box4 p { margin-bottom:15px; margin-left:15px; margin-right:10px; font-size:14px;}
			.note{ width:704px; margin:0 auto; color:#939393; font-weight:bold; text-indent:13px; line-height:180%; margin-right:15px;}
		.box4 p.more{ text-align:right; font-weight:normal;}
			.weather_forecast{ width:720px; overflow:hidden; margin-left:20px;}
			.weather_forecast li{ float:left; width:330px; margin:0 26px 15px 0;}
			.weather_forecast li .place_img{ float:left; width:136px; margin:4px 12px 0 0;}
			.weather_forecast li .place_txt{ float:left; width:179px;}
			.weather_forecast li .place_txt p{ margin-bottom:3px;}
			.weather_forecast li .place_txt p.title{ font-size:14px; margin-bottom:13px;}
			.weather_forecast li .place_txt p.more{ text-align:right;}
		
		.box5{ float:left; width:350px; background:url(../images/box5_bottom.gif) 0 bottom no-repeat; margin-right:20px; min-height:175px;}
		.box5 .box_inside{ width:100%; background:url(../images/box5_top.gif) 0 top no-repeat; overflow:hidden;}
		.box5 h2{ width:330px;}
			.colorado{ width:320px; overflow:hidden; margin:0 auto; position:relative; left:5px;}
			.colorado p{ font-size:14px; margin-bottom:12px;}
			.colorado p.title{ font-size:14px; margin-bottom:13px;}
			.colorado p.more{ text-align:right; margin-top:-6px;}
		
		.detail{ font-size:14px; width:704px; margin:10px auto; padding-bottom:10px;}
		.detail p{ line-height:120%; margin-bottom:12px;}
		.detail img{ float:right; margin:4px 0 0 10px;}
		
	/* for csa3 page*/
	.slider{ width:720px; height:241px; overflow:hidden; position:relative;}
	.slider ul{ width:100%; height:100%; overflow:hidden;}
	.slider ul li{ float:left; width:720px; height:241px; position:relative;}
	.slider ul li a{ position:absolute; text-indent:-9999px; overflow:hidden;}
	.slider ul li.slide1 a{ left:419px; top:172px; width:232px; height:33px;}

	.slider .controller{ position:absolute; right:14px; top:9px; width:65px; height:24px; overflow:hidden; background:url(../images/controller.png) no-repeat;}
	.slider .controller span{ float:left; display:inline; width:20px; height:20px; text-indent:-9999px; overflow:hidden; cursor:pointer;}
	.slider .controller span.btn_prev{ margin:2px 15px 0 6px;}
	.slider .controller span.btn_next{ margin:2px 0 0 0;}
	
	.box6{ float:left; margin-right:14px; width:230px; background:url(../images/box1_bottom.gif) bottom no-repeat; min-height:355px;}
	.box6 .box_inside{ width:100%; overflow:hidden; background:url(../images/box1_top.gif) top no-repeat;}
	.box6 h2{ width:214px; margin:4px auto; font-size:18px; font-weight:bold; color:#d40000; text-indent:12px; line-height:160%; padding:0; background:none;}
		.topic{ width:214px; margin:0 auto;}
		.topic p{ margin-bottom:7px;  font-size:14px;}
		.topic p.title{ font-size:14px; margin-bottom:14px;}
		.topic p.more{ text-align:right;}
	
		.real_estate{ width:704px; margin:15px auto 0; font-size:14px;}
		.real_estate .estate_img{ float:left; width:165px; margin-right:10px; margin-bottom:10px;  margin-left:10px;}
		.real_estate .estate_txt{ float:left; width:515px;}
		.real_estate .estate_txt p{ line-height:120%; margin-bottom:15px;}
		.real_estate .estate_txt p.more{ text-align:right; font-weight:bold;}


/* image positioning - left, right and center */

.left
{ float: left; 
  padding: 12px 12px 12px 12px;
}

.right
{ float: right; 
 padding: 12px 12px 12px 12px;
}

.center
{ display: block;
  padding: 0px 0px 0px 18px;
  float: center; 
  text-align: center;
  margin: 0 auto;
}



/* footer */
#footer{ width:100%; height:73px; overflow:hidden; background:#1b79ed url(../images/new-back/footer_bg.gif) no-repeat; color:#fff;}
#footer p{ margin:14px 0 0 0; text-indent:19px;}
#footer ul{ position:relative; left:-5px; margin-left:19px;}
#footer ul li{ display:inline;}
#footer ul li a{ color:#fff; text-decoration:none; padding:0 5px;}
#footer ul li a:hover{ color:#eaeaea;}



.pikachoose{width:510px;margin:0 auto 50px auto;}


/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}




/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */

.pika_main{width:506px;height:325px;display:block;position:relative;}




/*sine we give it the fake border, you need to position the image a little. */



.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}


div.ski_rates { font-size:14px; font-family:Tahoma,Verdana,Arial; width:700px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
div.ski_rates div.classtop { width:296px; float:left; border-bottom:solid #C9DEFA 1px; padding:2px; font-weight:bold; }
div.ski_rates div.date { width:96px; float:left; border-bottom:solid #C9DEFA 1px; text-align:right; font-weight:bold; padding:2px; }
div.ski_rates div.price { width:96px; float:left; border-bottom:dotted #C9DEFA 2px; text-align:right; padding:2px; }
div.ski_rates div.class { width:296px; float:left; border-bottom:dotted #C9DEFA 2px; padding:2px; }


div.ski_rates1 { font-size:14px; font-family:Tahoma,Verdana,Arial; width:410px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
div.ski_rates1 div.classtop1 { width:296px; float:left; border-bottom:solid #C9DEFA 1px; padding:2px; font-weight:bold; }
div.ski_rates1 div.date1 { width:96px; float:left; border-bottom:solid #C9DEFA 1px; text-align:right; font-weight:bold; padding:2px; }
div.ski_rates1 div.price1 { width:96px; float:left; border-bottom:dotted #C9DEFA 2px; text-align:right; padding:2px; }
div.ski_rates1 div.class1 { width:296px; float:left; border-bottom:dotted #C9DEFA 2px; padding:2px; }

div.ski_rates2 { font-size:14px; font-family:Tahoma,Verdana,Arial; width:505px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
div.ski_rates2 div.classtop2 { width:296px; float:left; border-bottom:solid #C9DEFA 1px; padding:2px; font-weight:bold; }
div.ski_rates2 div.date2 { width:96px; float:left; border-bottom:solid #C9DEFA 1px; text-align:right; font-weight:bold; padding:2px; }
div.ski_rates2 div.price2 { width:96px; float:left; border-bottom:dotted #C9DEFA 2px; text-align:right; padding:2px; }
div.ski_rates2 div.class2 { width:296px; float:left; border-bottom:dotted #C9DEFA 2px; padding:2px; }


blockquote {
	margin: 1em 1em;
	padding: .5em 1em;
	border-left: 5px solid #d9e5f2;
	background-color: #d9e5f2; }
blockquote p {
	margin: 0; }
blockquote ul{ position:relative; left:-5px; margin-left:19px; font-size:13px;}
blockquote ul li{ display:inline;}
blockquote ul li a{ color:#d40000; text-decoration:none; padding:0 5px;}
blockquote ul li a:hover{ color:#ff1d1d;}