/* LAYOUT
------------------------------------*/

#container{
	width:870px;
	margin:0 auto;
}

/* HEADER
------------------------------------*/

#header{
	padding:215px 0 0 0;
	margin:0 0 15px 0;
	position:relative;
}

	#puff{
		position:absolute;
		z-index:10;
		right:0px;
		top:0px;
		width:500px;
		height:200px;
		background-repeat:no-repeat;
	}
	#puff-text{
		position:absolute;
		z-index:10;
		width:250px;
		bottom:40px;
		right:0px;
	}
	#puff-text h4, #puff-text h4 a{
		font-size:16px;
		padding:0;
		margin:0;
		border:none;
		color:#FFF000;
		font-weight:normal;
	}
	#puff-text h4 a:hover{
		color:white;
	}
	#puff-text p{
		padding:0;
		margin:0;
	}
	#puff-text a{
		color:#FFF000
	}
	#puff-text a:hover{
		color:white;
	}
	#logo-wrapper{
		position:absolute;
		z-index:10;
		height:160px;
		left:0px;
		top:0px;
	}
	#logo{
		position:absolute;
		z-index:10;
		left:0px;
		bottom:0px;	
	}
	#sponsors{
		position:absolute;
		z-index:20;
		right:0px;
		top:0px;		
	}
	#sponsors #date{
		position:absolute;
		z-index:10;
		right:0px;
		bottom:-15px;
		font-size:12px;
	}
	#menu{
		position:absolute;
		z-index:30;
		left:0px;
		top:175px;				
	}
	.menu{
		background-image:url(../images/menu-bg.png);
		height:25px;
		line-height:27px;
		width:100%;		
	}
	.menu ul{
		list-style:none;
		padding:0 3px;
		float:left;
	}
	.menu ul li{
		float:left;
		padding:0 26px 0 5px;
	}
	.menu a{
		color:#e9eaeb;
		font-size:15px;
	}
	.menu li.selected a{
		color:#FFFFFF;
	}
	.menu li.selected a:hover{
		color:white;
	}
	.menu .rss{
		background-image:url(../images/rss.png);
		background-repeat:no-repeat;
		display:block;
		width:16px;
		height:16px;
		float:right;
		font-size:1px;
		text-indent:-10000px;
		margin:6px 3px 0 0;
	}
	
	/* menu colours */
	
		/*.menu li.blue a{	color:#4892CF;}
		.menu li.cyan a{	color:#00A7B6;}
		.menu li.red a{		color:#ED1C24;}
		.menu li.pink a{	color:#EC008C;}
		.menu li.orange a{	color:#FF5436;}
		.menu li.yellow a{	color:#FFF200;}
		.menu li.green a{	color:#41AD49;}
		.menu li.purple a{	color:#754FA0;}
		.menu li.grey a{	color:#999;}*/
		
		.menu li.dark_blue_selected a, .menu li.dark_blue a:hover{			color: #132694;}
		.menu li.blue_selected a, .menu li.blue a:hover{					color: #00aeef;}
		.menu li.turquoise_selected a, .menu li.turquoise a:hover{			color: #00b1b2;}
		.menu li.red_selected a, .menu li.red a:hover{						color: #ED1C24;}
		.menu li.pink_selected a, .menu li.pink a:hover{					color: #EC008C;}
		.menu li.orange_selected a, .menu li.orange a:hover{				color: #ff5400;}
		.menu li.yellow_selected a, .menu li.yellow a:hover{				color: #f8c000;}
		.menu li.bright_yellow_selected a, .menu li.bright_yellow a:hover{	color: #fff200;}
		.menu li.green_selected a, .menu li.green a:hover{					color: #41ad49;}
		.menu li.purple_selected a, .menu li.purple a:hover{				color: #754FA0;}
		.menu li.grey_selected a, .menu li.grey a:hover{					color: #999;}
		.menu li.pink_purple_selected a, .menu li.pink_purple a:hover{		color: #bf50f8;}
		.menu li.dark_purple_selected a, .menu li.dark_purple a:hover{		color: #f171fc;}
		.menu li.blue_purple_selected a, .menu li.blue_purple a:hover{		color: #7195fc;}
		.menu li.light_green_selected a, .menu li.light_green a:hover{		color: #50f8c3;}
		.menu li.dark_green_selected a, .menu li.dark_green a:hover{		color: #c3fc71;}					
	
	#advert-top{
		padding:0 0 15px 0;
		text-align:center;
	}
	#news-flash{
		border:1px solid #959595;
		border-left:none;
		border-right:none;
		overflow:hidden;
		font-size:14px;
		position:relative;
	}
	#news-flash div{
		position:absolute;
		z-index:10;
		top:0px;
		width:780px;
		height:25px;
		left:80px;
		overflow:hidden;
	}
	#news-flash h4{
		padding:0 5px;
		margin:0;
		font-size:14px;
		/*float:left;*/
		background-image:url(../images/menu-bg.png);
		height:25px;
		line-height:25px;
		width:70px;	
		font-weight:normal;	
	}
	#news-flash h4 a:hover{
		color:white;
	}
	#news-flash ul{
		/* float:left; */
		margin:0;
		padding:0;
		list-style:none;
		/* overflow:hidden; */
		/* height:25px; */
	}
	#news-flash li{
		padding:0 15px 0 0;
		float:left;
		height:25px;
		line-height:25px;		
	}
	#news-flash li span{
		color:#FFF000;
		padding:0 5px 0 0;
	}
	#news-flash a{
		color:white;
	}
	#news-flash a:hover{
		color:gray;
	}	
	
	
	
/* CONTENT
------------------------------------*/	

#content{
	margin:0 0 15px 0;
}

/* crumbs */

	#breadcrumbs{
		font-size:16px;
		text-transform:lowercase;
	}
	#breadcrumbs a{
		color:#999;
	}
	#breadcrumbs a.last{
		color:#FFFF00;
	}
	#breadcrumbs a:hover{
		color:white;
	}
	#breadcrumbs.orange a.last{			color:	}
	#breadcrumbs.dark_blue a.last{		color: #132694;}
	#breadcrumbs.blue a.last{			color: #00aeef;}
	#breadcrumbs.turquoise a.last{		color: #00b1b2;}
	#breadcrumbs.red a.last{			color: #ED1C24;}
	#breadcrumbs.pink a.last{			color: #EC008C;}
	#breadcrumbs.orange a.last{			color: #ff5400;}
	#breadcrumbs.yellow a.last{			color: #f8c000;}
	#breadcrumbs.bright_yellow a.last{	color: #fff200;}
	#breadcrumbs.green a.last{			color: #41ad49;}
	#breadcrumbs.purple a.last{			color: #754FA0;}
	#breadcrumbs.grey a.last{			color: #999;}
	#breadcrumbs.pink_purple a.last{	color: #bf50f8;}
	#breadcrumbs.dark_purple a.last{	color: #f171fc;}
	#breadcrumbs.blue_purple a.last{	color: #7195fc;}
	#breadcrumbs.light_green a.last{	color: #50f8c3;}
	#breadcrumbs.dark_green a.last{		color: #c3fc71;}	

/* tag cloud */

	#cloud {
		/*width: 343px;*/
		overflow: hidden;
	}
	#cloud h2{
		margin:0;
		padding:0;
	}
	#cloud_links {
		width: 525px;
		border-top: 1px solid #595959;
		font-weight: bold;
		/*font-size: 1.2em;
		color: #595959;
		letter-spacing: -0.05em;*/
		margin-top: 0em;
		margin-bottom: 3em;
		text-align:center;
	}
	#components.wide #cloud_links {
		width:870px;
	}
	#cloud_links a{
		color:#595959;
	}
	#cloud_links a:hover{
		color:#FF6600;
		color:#FFFF00;
	}
	
	#cloud_empty {
		width: 525px;
		margin-top: 0em;
		margin-bottom: 3em;
	}
	
/* comments */

	.comments{
		margin:0 0 10px 0;
	}
	.comments .comment .name{	
		color:#999999;
		float:left;
	}
	.comments .comment .date{	
		color:#999999;
		float:right;
	}
	.comments .comment .text{	
		clear:both;
		padding:10px 0;
	}
	
/* social */

	.social{
	
	}
	.social .friend{
		float:left;
	}
	.social .friend a{
		display:block;
		padding:3px 0;
		background-color:white;
		color:black;
		text-align:center;
		width:100px;
		/*font-size:11px;
		font-weight:bold;*/
		
		padding:5px 6px;
		background-color:black;
		color:white;
		border:1px solid #999;
		cursor:pointer;		
	}	
	.social .addthis{
		float:right;
	}	

/* COMPONENTS
------------------------------------*/	

#components{
	float:left;
	width:525px;
	margin:0 15px 0 0;
}
#components.wide{
	width:870px;
}
#components h2{
	color:#999;
}
#components h2.summary{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #999;
}

	.slideshow{
		margin:0 0 15px 0;
	}
	.slideshow{}

	/* features */

	.features{
		border-top:1px solid #55514E;
		padding:10px 0 0 0;
		width:520px;
	}
	.features .category{
		float:left;
		width:160px;
		margin:0 20px 20px 0px;
		overflow:hidden;
	}
	.features .end{
		margin:0 0px 10px 0px;
	}
	.features .category .date{
		color:#999;
	}
	.features h3{
		font-size:20px;
		font-weight:normal;
		margin:0px;
		padding:0 0 8px 0;
	}
	
	.features .dark_blue h3 a, .features .dark_blue a:hover{			color: #132694;}
	.features .blue h3 a, .features .blue a:hover{						color: #00aeef;}
	.features .turquoise h3 a, .features .turquoise a:hover{			color: #00b1b2;}
	.features .red h3 a, .features .red a:hover{						color: #ED1C24;}
	.features .pink h3 a, .features .pink a:hover{						color: #EC008C;}
	.features .orange h3 a, .features .orange a:hover{					color: #ff5400;}
	.features .yellow h3 a, .features .yellow a:hover{					color: #f8c000;}
	.features .bright_yellow h3 a, .features .bright_yellow a:hover{	color: #fff200;}
	.features .green h3 a, .features .green a:hover{					color: #41ad49;}
	.features .purple h3 a, .features .purple a:hover{					color: #754FA0;}
	.features .grey h3 a, .features .grey a:hover{						color: #999;}
	.features .pink_purple h3 a, .features .pink_purple a:hover{		color: #bf50f8;}
	.features .dark_purple h3 a, .features .dark_purple a:hover{		color: #f171fc;}
	.features .blue_purple h3 a, .features .blue_purple a:hover{		color: #7195fc;}
	.features .light_green h3 a, .features .light_green a:hover{		color: #50f8c3;}
	.features .dark_green h3 a, .features .dark_green a:hover{			color: #c3fc71;}	
	
	.features h4{
		font-size:15px;
		font-weight:normal;
		margin:0 0 0 0;
		padding:0;
		color:#999999
	}
	.features h4 a{color:#999999;}
	.features h4 a:hover{color:#fff;}
	.features .image{
		width:160px;
		height:124px;
		overflow:hidden;
	}
	.features .text{
		height:90px;
		overflow:hidden;
		border-bottom:1px solid #666666;
		margin:0 0 5px 0;
	}
	.features .summary{
		/*border-bottom:1px solid #666666;*/
		/*padding:0 0 0 0;
		height:155px;*/
		overflow:hidden;
	}
	.features ul{
		margin:0;
		padding:0;
		/*border-top:1px solid #666666;*/
	}
	.features ul li{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	.features ul li a{
		margin:0;
		padding:0 0 0 12px;
		color:#999999;
		background-image: url(../images/arrow.gif);
		background-repeat: no-repeat;
		background-position: left center;
		display:block;
		float:left;
		width:148px;
	}
	.features ul li a:hover{
		color:#FFFFFF;
	}
	.features .divider{
		border-top:1px solid #666;
		padding:0 0 10px 0;
	}
	
	/* top10 */
	
	.top10{
		border-top:1px solid #55514E;
		padding:15px 0 0 0;
		margin:0 0 15px 0;
	}
	.top10 .list{
		float:left;
		width:160px;
		margin:0 20px 0 0;
	}
	.top10 .last{
		margin:0;
	}
	.top10 h3{
		font-weight:normal;
		margin:0;
		padding:0 0 5px 0;
		/*height:50px;*/
	}
	.top10 ul{
		margin:0;
		padding:0;
	}
	.top10 ul li{
		list-style:none;
	}
	.top10 ul li a{
		color:#999999;
	}
	.top10 ul li a:hover{
		color:white;
	}
	.related-links{
		margin:0 0 10px 0;
	}
	.related-links ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	.related-links ul li a{
		color:#999999;
	}
	.related-links ul li a:hover{
		color:white;
	}	
	.related-links .tip-off{
		float:right;
		padding:0 15px 0 0;
		margin:15px 0 0 0;
	}
	.related-links .tip-off a{
		display:block;
		padding:3px 0;
		/*background-color:white;*/
		color:black;
		text-align:center;
		width:120px;
		font-size:11px;
		font-weight:bold		
	}
	
	/* pagination */
	
	.pagination{
		font-size:16px;
		text-align:center;
		clear:both;
	}
	.pagination a{
		color:#999;
	}
	.pagination a:hover, .pagination a.selected{
		color:white;
	}
	
/* ARTICLES
------------------------------------*/

	#articles .article{
		float:left;
		width:160px;
		margin:0 17px 20px 0px;
		overflow:hidden;
		padding:5px 0 0 0;
		border-top:1px solid #666666;
	}
	
	#articles.full .article{
		width:520px;
		margin:0 20px 20px 0px;
		overflow:hidden;
		padding:0 0 10px 0;
		border-top:none;
		/*border-top:1px solid #666666;*/
	}
	#articles .end{
		margin:0 0px 10px 0px;
	}
	#articles .title{
		font-size:1.3em;
	}
	
	#articles.full_image .article{
		width:520px;
		margin:0 0 10px 0px;
		overflow:hidden;
		padding:0;
		border-top:none;
		/*border-top:1px solid #666666;*/
	}	
	#articles.full_image .image{
		float:left;
		width:170px;
	}
	#articles.full_image .text{
		float:left;
		width:350px;
	}
	#articles h3 a{
		font-size:16px;
	}
	#articles h4.gray_yellow a{
		/*color:#808080;*/
		color:#999;
	}
	#articles h4.gray_yellow a:hover{
		color:#f8c000;
	}	
	
	#articles .pink_purple{				border-top:1px solid #bf50f8;}
	#articles .pink_purple .title{		color: #bf50f8;}
	#articles .dark_purple{				border-top:1px solid #f171fc;}
	#articles .dark_purple .title{		color: #f171fc;}
	#articles .blue_purple{				border-top:1px solid #7195fc;}
	#articles .blue_purple .title{		color: #7195fc;}		
	#articles .light_green{				border-top:1px solid #50f8c3;}
	#articles .light_green .title{		color: #50f8c3;}
	#articles .dark_green{				border-top:1px solid #c3fc71;}
	#articles .dark_green .title{		color: #c3fc71;}		
	
	#articles .dark_blue{				border-top:1px solid #132694;}
	#articles .dark_blue .title{		color: #132694;}
	#articles .blue{					border-top:1px solid #00aeef;}
	#articles .blue .title{				color: #00aeef;}
	#articles .red{						border-top:1px solid #ED1C24;}
	#articles .red .title{				color: #ED1C24;}
	#articles .pink{					border-top:1px solid #EC008C;}
	#articles .pink .title{				color: #EC008C;}
	#articles .orange{					border-top:1px solid #ff5400;}
	#articles.full .orange{				border-bottom:1px solid #ff5400;}
	#articles .orange .title{			color: #ff5400;}
	#articles .yellow{					border-top:1px solid #f8c000;}
	#articles.full .yellow{				border-bottom:1px solid #f8c000;}	
	#articles .yellow .title{			color: #f8c000;}
	#articles .bright_yellow{			border-top:1px solid #fff200;}
	#articles.full .bright_yellow{		border-bottom:1px solid #fff200;}
	#articles .bright_yellow .title{	color: #fff200;}
	#articles .green{					border-top:1px solid #41ad49;}
	#articles .green .title{			color: #41ad49;}
	#articles .purple{					border-top:1px solid #754FA0;}
	#articles .purple .title{			color: #754FA0;}
	#articles .turquoise{				border-top:1px solid #00b1b2;}
	#articles .turquoise .title{		color: #00b1b2;}		
	#articles .date{					color:#999;}	
	
	.product-details{
		margin:0 0 10px 0;
		padding:0;
	}
	.product-details dt{
		margin:0 15px 10px 0;
		padding:0;
		float:left;
		width:50px;
	}
	.product-details dd{
		margin:0 0 10px 0;
		padding:0;
		float:left;
		width:410px;
	}	


/* SIDEBAR
------------------------------------*/

#sidebar{
	float:left;
	width:330px;
}
#sidebar h2{
	font-size:20px;
	color:#999999;
}

	/* panel slider */

	.accordion{
		float:left;
		margin:0 0 0 0;
		width:330px;
		overflow:hidden;
	}
	.accordion-panels{
		border-top:1px solid #55514E;
		width:330px;
		margin:0;
		padding:0;
		position:relative;
		overflow:hidden;
		height:740px;
		margin:0 0 20px 0;
	}
	
	.accordion-panels li{
		width:330px;
		height:300px;
		overflow:hidden;
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		background-position:center bottom;
		background-repeat:no-repeat;
	}
	
	.accordion-panels li.slidingPanels_active{
		background-image:url(../images/sub_panel_active.gif);
	}	
	
	.accordion-panels li.slidingPanels_inactive{
		background-image:url(../images/sub_panel_inactive.gif);
	}
	
	/*#panel_1{
		top:0px;
		z-index:100;
	}
	#panel_2{
		top:110px;
		z-index:90;
	}
	#panel_3{
		top:220px;
		z-index:80;
	}
	#panel_4{
		top:330px;
		z-index:70;
	}
	#panel_5{
		top:440px;
		z-index:60;
	}*/
	
	.accordion-panels .image{
		padding:15px 15px 10px 15px;
	}
	.accordion-panels .text{
		padding:0 15px 15px 15px;
	}
	.accordion-panels h2{
		border:none;
		padding:0;
		margin:0 0 5px 0;
		font-size:18px;
		/*font-style:italic;*/
	}
	.accordion-panels h2 a{
		color:#999;
	}
	.accordion-panels h2 a:hover{
		color:#fff;
	}
	.accordion-panels p{
		margin:0;
		padding:0;
		font-style:italic;
		letter-spacing:.04em;
	}
	.poll{
		color:#999;
		padding:15px;
		border:1px solid #999;
		margin:0 0 10px 0;
	}
	.poll-bar{
		padding:0;
		margin:0 0 5px 0;
		background-color:#666666;
		color:white;
		height:5px;
		background-color:#FFFF00;
	}
	.poll-bar-wrapper{
		/*padding:10px;*/
		margin:0 0 10px 0;
		border-bottom:1px solid #444;
	}
	.poll .questions{
		position:relative;
		width:200px;
	}
	.poll .questions p{
		margin:0;
		padding:0 0 5px 0;
	}
	.poll .vote{
		position:absolute;
		z-index:10;
		bottom:-6px;
		right:-100px;
		margin:0;
		padding:0;
	}
	
	.search{
		padding:2px;
		border:1px solid #999;
		margin:0 0 10px 0;
		position:relative;
	}
	.search .input{
		background-color:black;
		border:1px solid black;
		font-size:14px;
		color:white;
		width:310px;
	}
	.search .img{
		position:absolute;
		z-index:10;
		right:3px;
		top:50%;
		margin-top:-8px;
		/*padding-top:2px;*/
	}
	
	.advert{
		padding:15px;
		background-color:#2f2a29;
		font-size:1px;
		margin:0 0 10px 0;
	}
	.advert iframe{
		margin:0;
		padding:0;
	}
	
	.calendar{
		margin:0 0 10px 0;
	}
	
	.calendar .header h4{
		float:left;
		height:22px;
		line-height:21px;
		color:black;
		background-color:#FFFF00;
		width:70px;
		text-align:center;
		margin:0 1px 0 0;
		font-size:12px;
		font-weight:normal;
	}
	
	#sidebar .calendar h4{
		font-size:12px;
		font-weight:bold;
	}
	
	.calendar .header a.toggle{
		float:left;
		height:22px;
		line-height:21px;
		width:20px;
		text-indent:-10000px;
		background-color:#FFFF00;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.calendar .header a.toggle:hover{
		background-color:white;
	}
	.calendar .header a.closed{
		background-image:url(../images/cal-plus.gif);
	}
	.calendar .header a.open{
		background-image:url(../images/cal-minus.gif);
	}	
	
	.calendar .big{
		/*display:none;*/
	}
	.calendar .dates{
		padding:15px;
		border:1px solid #999;
		position:relative;
	}
	.calendar .dates ul{
		list-style:none;
		margin:0 0 10px 0;
		padding:0;
		font-size:11px;
	}
	.calendar .dates ul li .date{
		float:left;
		padding:0;
		width:45px;
	}
	.calendar .dates ul li a{
		color:white;
	}
	.calendar .dates ul li a:hover{
		color:#FFFF00;
	}
	.calendar p.whatson{
		text-align:right;
		margin:0;
		padding:0;
		font-size:11px;
	}
	.calendar .cal{
		border:1px solid #999;
		border-top:none;
		padding:5px 15px 15px 15px;
	}
	.calendar .dates table{
		margin:0;
	}
	.calendar .dates table td{
		padding:0 15px 10px 0;
	}
	.calendar .dates table span{
		color:#FFFF00;
	}
	.calendar .dates table select{
		padding:3px;
	}
	

	.calendar .dates .keyword{
		padding:2px;
		border:1px solid #999;
		margin:0 0 10px 0;
		position:relative;
	}
	.calendar .dates .keyword .input{
		background-color:black;
		border:1px solid black;
		font-size:14px;
		color:white;
		width:280px;
		/*height:20px;*/
	}
	
	
	.calendar .dates .keyword .submit{
		position:absolute;
		z-index:10;
		right:4px;
		/*top:18px;*/
		top:50%;
		margin-top:-8px;
	}
	.calendar .dates .go{
		text-align:right;
		margin:0;
		padding:0;
	}
	.calendar .dates .go input{
		padding:3px 6px;
		background-color:black;
		color:white;
		border:1px solid white;
		cursor:pointer;
	}
	.calendar .cal table{
		width:100%;
	}
	.calendar .cal td{
		font-size:20px;
		color:#999;
		padding:2px 5px;
	}
	.calendar .cal tbody td{
		border:1px solid #999;	
	}
	.calendar .cal td.calendarHeader{
		color:white;
	}
	.calendar .cal td.calendarDate{
		font-size:24px;
		color:white;
	}


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

	#menu-footer{
		margin:0 0 15px 0;
	}
	#footer{
		margin:0 0 15px 0;
		font-size:11px;
		position:relative;
	}
	#footer a{
		color:white;
	}
	#footer a:hover{
		color:gray;
	}
	#footer p{
		margin:0;
		padding:0;
		font-size:11px;
	}
	#advert-bottom{
		padding:0 0 15px 0;
		text-align:center;
	}
	#collections{
		border-top:1px solid #959595;
		padding:10px 0;
	}
	#copyright{
		border-top:1px solid #959595;
		padding:10px 0;
		text-align:right;
	}
	#footer-links{
		border-top:1px solid #959595;	
		padding:10px 0;
	}
	#cyberdesign{
		position:absolute;
		z-index:10;
		bottom:10px;
		right:-10px;
	}

/* FORMS
------------------------------------*/

	.input{
		border:1px solid #999;
		color:black;
		background-color:white;
	}
	.w100{
		width:99%;
	}
	.input-submit{
		color:white;
		background-color:black;
		padding:5px;
		border:1px solid #999;
		font-size:12px;
		cursor:pointer;
	}
	
/* GALLERY
------------------------------------*/

	#gallery_photos{
		margin:0 0 10px 0;
	}
	
	#gallery_photos ul{
		margin:0;
		padding:0;
	}
	#gallery_photos ul li{
		margin:0 5px 5px 0;	
		padding:0;
		list-style:none;
		float:left;
	}
	#gallery_photos ul li a{
		display:block;
		width:75px;
		height:75px;
		float:left;
		padding:5px;
		border:1px solid #595959;
		margin:0;	
	}
	#gallery_photos ul li a:hover{
		border:1px solid #FFF;	
	}