/*	
	Surrey 2010 Celebration Site all styles
	Site by Sofresh [info@sofresh.ca]
	----------------------------------------
	CSS framework: This is the css style for reset, font, layout, layout module, common elements.
  	Do not edit these parts.   	
*/

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;}
input,textarea{margin:0;padding:0 0 0 1px;font-weight:inherit;font-style:inherit;font-size:11px;font-family:tahoma;}
textarea{width:117px;padding-left:1px}
caption,th,td{font-weight:normal;}
table{/*border-collapse:collapse;border-spacing:0;*/}
table,td,th{/*border-style:solid;border-width:1px;border-color:#a5acb2*/}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
q:before,q:after{content:'';}
img{border:none;}
:focus,a,*{outline:0;}
ul,li{list-style-type:none}

/* Font */
body{font-size:62.5%;font-family:Arial/*, Tahoma, Verdana*/;} /* 1em 10px */

/* Layout */
.wrapper1000,
.wrapper974,
.wrapper780,
.wrapper776	{margin:auto;text-align:left;width:974px;} /* 974 center */
.wrapper1000{width:1000px}
.wrapper780	{width:780px;}
.wrapper776	{width:776px} /* 776 center */
.wrapper100	{width:auto;margin:auto 10px;} /* 100% marginleft&right is prevent the content from "bleeding" into the browser's chrome */
#hd,#ft{clear:both}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*#bd{zoom:1;}*/ /* validation */

/* Layout module */
body.center{text-align:center;}
body .fixed-776{width:776px;}
body .fixed-974{width:974px;}
body .zoom-776{	width:77.6em;}
body .zoom-974{	width:97.4em;}
body .full-100{	width:100%;}
.section, .standard, .classic, .layout{clear:both;width:100%;}
.section, .gr{position:relative;} 
.layout .gr{float:left;}
.a-b .b, 	.a-c .c,	.b-c .c 	{float:right;}
.a-b .gr .b,.b-c .gr .c,.a-c .gr .c {float:left;}
.classic .a-b-c .gr,.standard .classic .a-b-c .gr,
.classic .a-b .gr,	.standard .classic .a-b .gr,
.classic .b-c .gr,	.standard .classic .b-c .gr {width:25%;} 
.classic .a-b-c .b, .standard .classic .a-b-c .b{width:50%;}
.classic .a-b .b,  	.standard .classic .a-b .b,
.classic .b-c .b,	.standard .classic .b-c .b 	{width:75%;}
.a-b-c-d .gr, 		.standard .a-b-c-d .gr, .standard .layout .a-b-c-d .gr	{width:25%;}
.a-b-c .gr, 		.standard .a-b-c .gr, 	.standard .layout .a-b-c .gr 	{width:33.3%;}
.a-c .gr, 			.standard .a-c .g, 		.classic .a-c .gr 				{width:50%;} 
.a-b .b, .b-c .b, 	.standard .a-b .b, 		.standard .b-c .b,	.standard .layout .a-b .b,	.standard .layout .b-c .b {width:67%;}
.a-b .a, .b-c .a, 	.standard .a-b .a, 		.standard .b-c .c, 	.standard .layout .a-b .a, 	.standard .layout .b-c .c {width:33%;}
	/* Optional 
	.tidy .layout{overflow:hidden;}
	.tidy .gr{margin-bottom:-1000em ! important; padding-bottom:1000em ! important;}
		@media all and (min-width: 0px){
		.tidy .gr {margin-bottom:0;padding:0;}
		.tidy gr:after{background:inherit;content:' ';display:block;margin-bottom:-1000px;padding-bottom:1000px;}}
	.untidy .layout{overflow:visible;}
	.untidy .gr	{margin-bottom:0 ! important;padding-bottom:0 ! important;}
		@media all and (min-width: 0px){
		.tidy gr:after{display:inline;margin-bottom:0;padding-bottom:0;}}*/
		
/* Common elements */
.l{float:left}
.r{float:right}
.o{overflow:hidden}
.h{display:none}
.m0{ margin:0}
.p0{ padding:0}
.last{ margin-right:0; padding-right:0}
.cl,.clf{clear:both}
.clf{float:left}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility: hidden;} /* easy clearing */
.clearfix{display: inline-block;position: relative;}
/*\*/
.clearfix{display: block;}
hr{border:none;border-top:1px solid #ccc;height:1px;clear:both}
a{text-decoration:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:700;} /* 62.5% standard size */
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:0.9em;}
ul.ul-h{clear:both;}
ul.ul-h li{float:left}
ol li{list-style:decimal inside;}




/***************************************************************************************** 
 *
 * Main CSS for site
 *
 *****************************************************************************************/ 
html{
	background:url(../images/body_bg.gif) repeat-x;
}
body{
	background:url(../images/body_vector.gif) no-repeat center 0;
	padding-top:72px;
	font-size:11px;
	color:#717171;
}
.wrapper{
	width:998px;
	margin:0 auto;
	clear:both;
}

a		{ color:#589faa;}
a:hover	{ color:#007a84;}

/*
 * Common elements
 */
h4{
	font:700 24px Arial;
	color:#007a84;
	margin:20px 0 16px;
}
h6{
	margin-bottom:12px;
}


/*
 * Header
 */
#hd{
	padding-bottom:10px;
	overflow:hidden;
	clear:both;
}
.logo{
	width:452px;
	height:154px;
	background:url(../images/logo_surrey2010.png) no-repeat;
	float:left;
}
.txt_where{
	float:left;
	margin:65px 0 0 40px;
}
.logo_banner{
	float:right;
	margin:30px 4px 0 0;
}


/*
 * Navigation
 */ 
#nav{
	width:988px;
	height:50px;
	clear:both;
	background:url(../images/nav_bg.gif) repeat-x;
	/*overflow:hidden;*/
	margin-bottom:12px;
	font-size:0;
}
.nav{
	height:50px;
	background:url(../images/nav_corner.gif) no-repeat 0 0;
	padding-left:9px;	
}
.nav ul{
	height:50px;
	background:url(../images/nav_corner.gif) no-repeat right bottom;
	padding-right:9px;
	}
	.nav li{
		float:left;
		margin-top:2px;
		height:48px;
		background:url(../images/nav_divider.gif) no-repeat right 0;
		padding:0 23px 0 21px;
		position:relative;
		z-index:9999;
	}
	.nav li.last{
		background:none;
		padding-right:0;
	}
	.nav li img{
		background-position:0 0;
		background-repeat:no-repeat;
		height:48px;
	}
		.nav_home{
			width:36px;
			background-image:url(../images/nav_home.gif);
		}
		.nav_news{
			width:34px;
			background-image:url(../images/nav_news.gif);
		}
		.nav_info{
			width:29px;
			background-image:url(../images/nav_info.gif);
		}
		.nav_lineup{
			width:47px;
			background-image:url(../images/nav_lineup.gif);
		}
		.nav_activities{
			width:164px;
			background-image:url(../images/nav_activities.gif);
		}
		.nav_partners{
			width:64px;
			background-image:url(../images/nav_partners.gif);
		}
		/*.nav_getinvolved{
			width:86px;
			background-image:url(../images/nav_getinvolved.gif);
		}*/
		.nav_bepartofit{
			width:85px;
			background-image:url(../images/nav_bepartofit.gif);
		}		
		.nav_green{
			width:40px;
			background-image:url(../images/nav_green.gif);
		}
		.nav_contactus{
			width:73px;
			background-image:url(../images/nav_contactus.gif);
		}
	.nav li a:hover img,
	.nav li a.active img{
		background-position:0 bottom;
	}
	
	
	/* Sub menu */	
	.nav li ul{	
		position: absolute;
		visibility: hidden;
		z-index: 50;
		background: none;
		width: 100px;
		height:auto;
		margin:48px 0 0 -2px;
		padding:0 0 10px 0;
		left:0;
		top:0;
		background: #023b6b;
	}
	
	#jsddm li ul li{	
		float: none;
		display: inline;
		margin: 0;
		padding:0;
	}
	
	#jsddm li ul li a{	
		display: block;
		color: #fff;
		background: #023b6b;
		padding: 5px 5px 5px 15px;
		font-size:12px;
		font-weight: bold;
		white-space: nowrap;
		text-transform:capitalize;
	}
	
	#jsddm li ul li a:hover{
		color: #7cb21f
	
	}
 
 
/*
 * Bottom - About the Surrey 2010 Celebration Site
 */
.bt{
	background:#eff9fc url(../images/bt_bg.gif) repeat-x 0 bottom;
	font-size:12px;
	padding:24px 0 20px;
	line-height:1.7;
	overflow:hidden;
	clear:both;
}
.bt .banner{
	float:right;
	margin-left:60px;
}
	.bt h6,
	.bt p{ padding-left:5px}


/*
 * Footer
 */
.ft{
	height:50px;
	clear:both;
	background:#1e7fba url(../images/ft_bg.gif) repeat-x;
	color:#fff;
	line-height:45px;
	padding-left:5px;
	}
	.ft a{
		color:#73ccd5;
	}
	.ft a:hover{
		color:#fff;
	}
	
	
	
/*********************************************************************
 *
 * Home Content section page
 *
 */	
.btns{
	clear:both;
	margin-bottom:10px;
}
#ct{
	clear:both;
	overflow:hidden;
	padding-bottom:12px;
}


/*	Slide banner **************************/
.slideBanner{
	width:988px;
	height:265px;
	clear:both;	
	margin:0 0 18px 6px;
	overflow:hidden;
	position:relative;
	}
	.slideBanner .loading{
		width:32px;
		height:32px;
		background:url(../images/icon_loading.gif) no-repeat center center;		
		width:988px;
		height:265px;
	}	
	.slideBanner .roundcorner{
		width:988px;
		height:265px;
		background:url(../images/slidebanner_frame.png) no-repeat;
		position:absolute;
		left:0;
		top:0;
		z-index:9;
		display:none;
	}
	.slideBanner .desBg{
		width:988px;
		height:54px;
		position:absolute;
		left:0;
		bottom:0;
		background:url(../images/slidebanner_des.png) repeat-x;
		z-index:2;
		display:none;
	}
	.slideBanner .slideDes{
		width:945px;
		height:54px;
		position:absolute;
		left:0;
		bottom:1px;
		color:#fff;
		font-size:18px;
		line-height:54px;
		padding:0 23px 0 20px;
		z-index:10;
		}
		.slideBanner .slideDes div{
			display:none;
		}
		.slideBanner .slideDes h2{
			float:left;
			font-size:27px;
			font-weight:700;
			font-family:arial;
			padding-right:25px;
		}
		.slideBanner .slideDes img{
			width:177px;
			height:33px;
			background:url(../images/slidebanner_viewartist.png) no-repeat;
			float:right;
			margin:9px 0 0 0;
		}
		.slideBanner .slidePhotos{
			position:relative;
			}
			.slideBanner .slidePhotos img{
				position:absolute;
				visibility:hidden;
			}
		
		

	.slideDes_copy{ display:none}
		
		

/*	Left column content **************************/
.left{
	width:310px;
	float:left;
	}
	
	.b_follow{
		text-align:right;		
		background:url(../images/txt_followus.gif) no-repeat 15px 4px;
		overflow:hidden;
		padding-right:10px;
		margin-bottom:20px;
		}
		.b_follow img{
			margin-left:6px;
		}
		
	.b_getInvolved{
		width:250px;
		height:105px;
		background:url(../images/banner_getinvolved.gif) no-repeat;
		padding:50px 31px 0 26px;
		margin-bottom:9px;
		font-size:12px;
		line-height:1.4;
		position:relative;
		}
		.b_getInvolved a{ color:#97a1a7}
		.b_getInvolved img{
			width:305px;
			height:152px;
			position:absolute;
			left:0;
			top:0;
			cursor:pointer;
		}
	
	.b_artist_lineup{
		width:275px;
		height:104px;
		background:url(../images/banner_artist_lineup.gif) no-repeat;
		padding:46px 0 0 26px;
		margin:0 0 0 3px;		
		line-height:1.5;
		position:relative;
		}
		.b_artist_lineup a{ color:#fff; }
		.b_artist_lineup img{
			width:305px;
			height:152px;
			position:absolute;
			left:0;
			top:0;
			cursor:pointer;
		}


/*	Center column content **************************/
.center{
	width:352px;
	float:left;
	padding:0 0 0 15px;
	}
	
	.b_eventNews{
		margin-bottom:35px;		
		}
		.b_eventNews .content{
			padding:0 20px 0 12px;
			font-size:12px;
			line-height:1.6;
		}
		.b_eventNews .content a{
			color:#589faa;
		}
		.b_eventNews .content a:hover{
			color:#007a84;
		}
		
	.b_otherNews{
		padding-left:13px;		
		}
		.b_otherNews h5{
			margin-bottom:10px;
		}
		.b_otherNews a{
			color:#72a53b;
			font-size:12px;			
		}
		.b_otherNews a:hover{
			color:#007a85;	
		}
		.b_otherNews ul{
			background:url(../images/othernews_divider.jpg) no-repeat center 0;
		}
		.b_otherNews ul li{
			padding:7px 0;
			background:url(../images/othernews_divider.jpg) no-repeat center bottom;
			clear:both;
			overflow:hidden;
		}


/*	Right column content **************************/
.right{
	width:300px;
	float:right;
	}
	
	a.btn_download_event_schedule img{
		background:url(../images/btn_download_event_schedule.gif) no-repeat 0 0;
		}
		a.btn_download_event_schedule:hover img{
			background-position:0 bottom;
		}
	
	a.btn_download_sitemap img{
		background:url(../images/btn_download_sitemap.gif) no-repeat 0 0;
		}
		a.btn_download_sitemap:hover img{
			background-position:0 bottom;
		}
	
	
	.b_kidszone{
		width:286px;
		height:105px;
		background:url(../images/banner_kidszone.gif) no-repeat;
		padding:45px 14px 0 0;
		text-align:right;	
		position:relative;	
		}
		.b_kidszone a{
			color:#fff;	
		}
		.b_kidszone a:hover{
			text-decoration:none;
		}
		.b_kidszone img{
			width:305px;
			height:152px;
			position:absolute;
			left:0;
			top:0;
			cursor:pointer;
		}
		
.articleImg{
	border:1px solid #b9b9b9;
	background-color:#dfdfdf;
	padding:1px 0;
}



/*********************************************************************
 *
 * Aritist section page
 *
 */	
.e_bt_info{
	width:988px;
	height:90px;
	clear:both;
	background:url(../images/tem_bt_corner.gif) repeat-x 0 bottom;
	margin-left:5px;
	}
	.e_bt_info ul{
		height:90px;
		background:url(../images/tem_bt_corner.gif) no-repeat 0 0;
		padding-left:4px;
		overflow:hidden;
		}
		.e_bt_info ul li{
			background:url(../images/tem_bt_divider.gif) no-repeat right 0;
			padding:0 2px 0 0;
			float:left;
			height:90px;
		}
		.e_bt_info ul li.e_date{
			width:195px;
			font-size:18px;
			padding:21px 0 0 24px;
		}
			.e_date strong{				
				color:#007a84;
				display:block;
			}
		.e_bt_info ul li.e_time{
			width:217px;
			font-size:36px;
			font-weight:700;
			text-align:center;
			color:#868686;
			line-height:90px;
		}
		.e_bt_info ul li.e_links{
			width:520px;
			background:url(../images/tem_bt_corner.gif) no-repeat right -90px;
			padding-left:24px;
			font-size:14px;
		}
			.e_links p{
				width:170px;
				padding:28px 20px 0 0;
				float:left;
			}
			.e_links img{
				margin:26px 6px 0 0;
			}	
			

	.article_list{
		padding:12px 0 30px 5px;
		clear:both;
		overflow:hidden;
		width:988px;
		}
		.article_list h5{
			margin:10px 0 18px;			
			font-size:18px;
			font-weight:400;			
			color:#004b8d;
			line-height:1;
			}
			.article_list h5 em{
				display:block;
				color:#007a84;
				font-size:37px;
				font-style:normal;
			}
		.article_copy{
			width:610px;
			float:left;
		}
		.article_copy p{
	font-size:14px;
	line-height:22px;
	text-align: left;
		}
		
	.article_photo{
		float:right;
		width:330px;
		overflow:hidden;
		}
		/*.article_photo p{
			width:326px;
			height:289px;
			background:url(../images/frame_photo.gif) no-repeat;
			padding:2px 1px;
			overflow:hidden;
		}*/
		.article_photo img{
			background-position:center center;
			background-repeat:no-repeat;
			
		}
		.article_photo img.addRestrict{
			width:330px;
			height:291px;
		}
	
		
/*********************************************************************
 *
 * Line Up section page
 *
 */
.lineup_bt_info{
	width:988px;
	height:90px;
	clear:both;
	background:url(../images/lineup_bt_corner.gif) repeat-x 0 bottom;
	margin-left:5px;
	}
	.lineup_bt_info ul{
		height:90px;
		background:url(../images/lineup_bt_corner.gif) no-repeat 0 0;
		padding-left:10px;
		overflow:hidden;
		}
		.lineup_bt_info ul li{
			background:url(../images/tem_bt_divider.gif) no-repeat right 0;
			padding:0 2px 0 0;
			float:left;
			height:90px;
		}
	.lineup_bt_info ul li.e_choose{
		width:274px;
		text-align:center;
		padding-top:33px;
	}
	.lineup_bt_info ul li.e_days{
		width:700px;
		background:url(../images/lineup_bt_corner.gif) no-repeat right -90px;
		font-size:19px;
		color:#cfd9dc;
		}
		.e_days ul,
		.e_days ul li{
			background-image:none;
		}
		.e_days a{
			color:#007a84;
		}
		.e_days a:hover,
		.e_days a.active{
			color:#72a53b;
		}
		.e_days span{
			padding:19px 1px;
			display:block;
			text-align:center;
			line-height:1;
		}
		
		 .e_days_lavaLamp {
            position: relative;
            overflow: hidden;
			padding:11px 0 0 0;
			margin:0;
        }
                .lineup_bt_info ul li.e_days .e_days_lavaLamp li {
                    float: left;
					height:auto;
					padding:0 7px;
                }
                    .e_days_lavaLamp li.back {
						/*background: url("../images/lava.gif") no-repeat right 0;*/
						height: 90px;
						z-index: 8;
						position: absolute;
                    }
                        .e_days_lavaLamp li.back .left {
                            background: url("../images/lava.gif") no-repeat top left;
                            height: 90px;
                        }
                    .e_days_lavaLamp li a {
                        outline: none;
                        text-align: center;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden; 
						padding:19px 1px;
						line-height:1;
						text-align:center;
                    }
						.e_days_lavaLamp li:hover a,
                        .e_days_lavaLamp li a:hover, 
						.e_days_lavaLamp li a:active, 
						.e_days_lavaLamp li.current a,
						.e_days_lavaLamp li.e_days_active a{
						 	color:#72a53b;
						}
						
						.e_days_lavaLamp li span strong,
						.e_days_lavaLamp li a strong{
							display:block;
							font-size:12px;							
							font-weight:700;
						}
			
	.lineup_description{
		width:244px;
		float:left;
		margin:0 0 0 18px;
		padding:37px 0 0 0;
		font-size:12px;
		display:inline;
		}
		.event_date{
			border-bottom:1px solid #efefef;
			padding:0 0 14px 8px;
			margin-bottom:29px;
		}
		.event_date img{
			margin-bottom:7px;
		}
		
		.lineup_description p{
			line-height:1.6;
			padding:0 4px 22px 8px;
		}
		
	.lineup_schedule{
		width:380px;
		float:left;
		padding-left:65px;
		}
		.lineup_schedule h5{
			margin:40px 0 10px;
			clear:both;
			float:left;
		}
		.lineup_schedule p{		
			display:block;
			font-size:12px;
			font-weight:700;
			float:left;
			clear:both;
			margin:6px 0;
			width:372px;
		}
		.lineup_schedule p a{			
			color:#75a43a;	
			font-size:12px;
			font-weight:700;
			margin:6px 0;
			width:372px;
			cursor:pointer;
			}
			.lineup_schedule p strong,
			.lineup_schedule p a strong{
				float:left;
				cursor:pointer;
				width:100px;
				color:#717171;
			}
			.lineup_schedule p span,
			.lineup_schedule p a span{
				display:block;
				float:left;
				width:260px;
				cursor:pointer;
				font-weight:700;
			}
			.lineup_schedule p strong{
				cursor:default;
			}
			.lineup_schedule p span{
				font-weight:400;
				cursor:default;
			}
			/*.lineup_schedule a:visited span{
				color:#75a43a;
				font-weight:700;
			}*/
			.lineup_schedule a:hover span{
				color:#004b8d;
			}		
			.lineup_schedule a:active span{
				color:#75a43a;
				/*font-weight:700;*/
			}		
			.lineup_schedule a.active{
				color:#72a53b;
				font-weight:700;
			}
	
	.lineup_photo{
		width:270px;
		float:right;
		text-align:right;
		padding-right:5px;
		padding-top:35px;
		}
		.lineup_photo img{
			background-position: center center;
			background-repeat:no-repeat;
			width:270px;
			height:239px;
			margin-bottom:12px;
		}
		
		.lineup_photo .placeholder{
			width:268px;
			height:235px;
			overflow:hidden;
			background:url(../images/frame_photo_small.gif) no-repeat;
			padding:2px 1px;
			margin-bottom:10px;
		}	

	.lineup_ct_overal{
		clear:both;
		min-height:400px;
		height:auto !important;
		height:400px;
	}
	
	.loading_page{
		background:url(../images/icon_loading.gif) no-repeat center 0;
		width:100%;
		height:50px;
		float:left;
		clear:both;
		margin-top:200px;
	}#LineUp_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #C30;
}
#LineUp_Top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	color: #60F;
}


/* COMING SOON */
.comingsoon{
	padding:50px 0 100px;
	font-size:18px;
}