/*Copyright Can Studios 2009 - www.the-can.co.uk
 * Authored by david.trindade[at]the-can.com - May/09
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* CSS Reset (above) from Eric Meyer */



/*------------------------------------------------------------------------------------------*/
/* Structural styles - careful when amending it */
/*------------------------------------------------------------------------------------------*/	

	html {
		height: 100%;
		}

	body {
		background: #000 url(images/abstract_body_bg.jpg) no-repeat 50% 0;	
		font: 90%/150% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		height: 100%;
		background-attachment: fixed;
		text-align: center;
	}
	
	div {
		/*border: 1px solid red;*/
		}
	
	#outer_wrapper {
		width: 990px;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		/*border: 1px solid yellow;*/
		}
		
	#top_part {
		margin: 0 auto 40px auto;
/*		border: 1px solid green;*/
		}
	
			
	.hidden_header {
		text-indent: -4000px;
		}
		
	.logo_header {
		text-indent: -4000px;
		float: left;
		margin: 0;
		}
		
	.logo_header img {
		display: none;
		}	
		
	.logo_header a {
		display: block;
		background: transparent url(images/can09logo.png) no-repeat top left;
		width: 151px;
		height: 103px;
	}

	.welcome_notice	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/welcome_header.png) no-repeat top left;
		width: 410px;
		height: 35px;
		margin: 20px 0 10px 20px;
		}
	
	.main_image	{
		background: transparent url(images/main_img_chatsworth.jpg) no-repeat bottom left;
		width: 972px;
		margin: 0 auto;
		height: 300px;
		text-align: right;
		display: block;
		/*border: 1px dashed red; */
		}
		
	.main_image h2 {
		}
		
	.message_holder {
		display: block;
		float: right;
		width: 550px;
		height: 210px;
		background: transparent url(images/message_block_bg_2.png) no-repeat top left;
		margin-top: 45px;
		margin-right: 25px;
		}	
		
	.main_image h3 {
		font-size: 125%;
		color: #fbf9e3;
		text-indent: -10000px;
		background: transparent url(images/homemessage_july09_quote.png) no-repeat top left;
		width: 516px;
		float: right;
		height: 129px;
		margin: 10px 15px 0 0;
		text-align: left;
		}
		
	.quote_credit {
		text-indent: -4000px;
		float: right;
		text-align: left;
		background: transparent url(images/homemessage_july09_quotecredits.png) no-repeat top left;
		width: 306px;
		height: 38px;
		margin: 0px 15px 0 0;
		}
	
	
	
		
	.homemore_btn {
		text-indent: -4000px;
		margin-right: 15px;
		margin-top: 5px;
		float: right;
		text-align: left;
		}
		

		
	.homemore_btn a {
		display: block;
		background: transparent url(images/more_button.gif) no-repeat top left;
		width: 64px;
		height: 17px;
		/*margin-left: 3px;*/
	}	
	
	.homemore_btn a:hover {
		background: transparent url(images/more_button.gif) no-repeat bottom left;
	}	
		
		
		
		
		
		
		
	.clear {
		clear: both;
		display: block;
		height: 1px;
		font-size: 1px;
		border: none;
		margin:0; padding:0;
		background: transparent;
		}
	
	.skip_to_content {
		display: none;
		}
		
	.content_wrap {
		width: 972px;
		/*padding: 0 0 10px 0;*/
		margin: 10px 5px;
		text-align: left;
		background: transparent url(images/contentblock_top_bg.png) no-repeat top left;
		padding-top: 10px;
		}

	
	.content_bottom {
		background: transparent url(images/home_block_bottom_bg.png) no-repeat bottom left;
		padding-bottom: 20px;
		width: 972px;
		}
	

	
	.content_middle {
		padding: 0 10px;
		/*margin-top: 15px;*/
		width: 972px;
		background: transparent url(images/content_block_bg.png) repeat-y top left;
		}


/*====================================HOME PAGE BLOCK============================================*/


	#homepage_block_wrap {
		width: 972px;
		/*padding: 0 0 10px 0;*/
		margin: 10px auto;
		text-align: left;
		
		}
		
	#homepage_block_middle {
		width: 972px;
		padding-top: 15px;
		}
		
	.homepage_canvas {
		background: transparent url(images/canvasblock_top_bg.png) no-repeat top left;
		}

	.homepage_willow {
		background: transparent url(images/willowblock_top_bg.png) no-repeat top left;
		}
		
	.home_block_bottom {
		display: block;
		background: transparent url(images/home_block_bottom_bg.png) no-repeat bottom left;
		height: 10px;
		}

/* 3 home page blocks */
		
		
	.home_block {
		width: 320px;
		float: left;
		}	
		
	.home_block h4 {
		margin-bottom: 15px;
		}
		
	.block_left	{
		background: transparent url(images/vertical_double_line.gif) repeat-y top right;
		
		}
	
	.elearning_header	{
		background: transparent url(images/elearning_home_header.gif) no-repeat top left;
		display: block;
		width: 98px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}
		
	.applications_header	{
		background: transparent url(images/applications_home_header.gif) no-repeat top left;
		display: block;
		width: 122px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}
		
	/*This one is spare	
	.web2_dev_header	{
		background: transparent url(images/web2_dev_home_header.gif) no-repeat top left;
		display: block;
		width: 218px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}	
		*/

	/*This one is spare	
	.e_learningtools_header	{
		background: transparent url(images/elearning_home_header.gif) no-repeat top left;
		display: block;
		width: 277px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}
	*/

	/*This one is spare	
	.lms_cms_header {
		background: transparent url(images/cmsdev_home_header.gif) no-repeat top left;
		display: block;
		width: 230px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}
	*/
	
	.canvashome_header {
		background: transparent url(images/canvas_home_header.gif) no-repeat top left;
		display: block;
		width: 174px;
		height: 24px;
		text-indent: -4000px;
		margin-left: 15px;
		}
		
	.willowhome_header {
		background: transparent url(images/willow_home_header2.gif) no-repeat top left;
		display: block;
		width: 152px;
		height: 23px;
		text-indent: -4000px;
		margin-left: 15px;
		}	
		
	.block_left img {
		float: left;
		margin: 0 5px 5px 15px;
		}
		
	.simple_para {		
		padding: 0px 15px 10px 15px; 
		}
		
	.lms_para {
		background: transparent url(images/lms_home_icon.jpg) no-repeat 0 0%;
		padding-left: 45px;
		padding-right: 10px;
		margin-left: 15px;
	}	
	
	.cms_para {
		background: transparent url(images/cms_home_icon.jpg) no-repeat 0 0%;
		padding-left: 45px;
		padding-right: 10px;
		margin-left: 15px;
	}	
	
	.web20_para {
		background: transparent url(images/web20_icon_canstudios.png) no-repeat 100% 0;
		padding-right: 100px;
		padding-left: 15px;
		margin-right: 10px;
		}
	
	.lms_para strong, .cms_para strong {
		color: #fff;
		}
		
	.more_btn {
		background: transparent url(images/blue_triangle_bullet.png) no-repeat 100% 50%;
		padding-right: 12px;
		}
	
	.home_block .blue_bullet_list, .home_block .green_tick_list {
		margin-left: 20px;
		}
	
	.blue_bullet_list, .green_tick_list, .simple_sublist {
		list-style-type: none;
		margin-bottom: 10px;
		}
		
	.blue_bullet_list li {
		*display: inline-block;
		background: transparent url(images/blue_bullet_home.png) no-repeat 0% 50%;
		padding-left: 25px;
		margin-bottom: 5px;
		}
		
	.simple_sublist li {
		background: transparent url(images/blue_triangle_bullet.png) no-repeat 0% 50%;
		margin-left: 25px;
		padding-left: 25px;
		}
	
	.single_project	.blue_bullet_list li {
		margin-bottom: 15px;
		}
	
	.green_tick_list li {
		background: transparent url(images/green_tick_home_icon.png) no-repeat 0% 50%;
		padding-left: 25px;
		margin-bottom: 10px;
		}
		
	.left_column .blue_bullet_list {
		margin-left: 10px;
		}
		
	.blue_bullet_list small {
		font-size: 85%;
		}

/*====================================HOME PAGE BLOCK ENDS============================================*/

	
	.content_wrap p {
		font-size: 90%;
		padding: 10px 0;
	}
	
	.content_middle div {
	/*	padding: 0 20px;*/
	}
	
	
	#workdemofooter {
		text-align: left;
		width: 800px;
		margin: 0px auto 0px auto;
		padding: 0 10px 20px 10px;
		}
	
	#footer {
	text-align: left;
	width: 972px;
	margin: 10px auto;
	padding: 0 0 20px 20px;
	}
	
	#footer p, #workdemofooter p {
		color: #53627e;
		font-size: 70%;
		}
	
	#workdemofooter .copy {
		width: 40%;
		float: right;
		text-align: right;
		}
	
	#workdemofooter .back_btn a {
		width: 40%;
		float: left;
		padding-left: 10px;
	}
		
	#workdemofooter .back_btn a {	
		color: #469af0;
		text-decoration: none;
		}

	#workdemofooter .back_btn a:hover {
		color: #fcfcb7;
		text-decoration: underline;
		}
	
/*------------------------------------------------------------------------------------------*/
/* Menu styles */
/* PLEASE DO NOT MESS WITH THIS */
/*------------------------------------------------------------------------------------------*/		
		
	#menu {
		width: 490px;
		display: block;
		float: right;	
		margin-top: 40px;
		/*border: 1px dashed white;*/
		}
		
	#menu ul {
		list-style-type: none;
		width: 490px;
		/*float: right;*/
		margin:0; 
		padding:0;
		}
	
	#menu li {
		display: block;
		float: left;
		color: #fff;
		width:112px;
		}
		
	#menu a {
		display: block;
		width:112px;
		padding-top:50px;
		height:0;
		color:#fff; 
		text-decoration:none; 
		overflow:hidden;
		}
	
	#menu li.front1 {
		background: transparent url(images/menu_btn_about.png);
		margin-right: 10px;
	}


	#menu li.front2 {
		background: transparent url(images/menu_btn_portfolio.png);
		margin-right: 10px;
	}
	

	#menu li.front3 {
		background: transparent url(images/menu_btn_contact.png);
	}
	
	#menu li.front4 {
		background: transparent url(images/menu_btn_news.png);
		margin-right: 10px;
	}
		
	
	#menu a#front_about {
		background:transparent url(images/menu_btn_about.png) -112px -50px no-repeat;
	}

	#menu a#front_portfolio {
		background:transparent url(images/menu_btn_portfolio.png) -112px -50px no-repeat;
	}

	
	#menu a#front_contact {
		background:transparent url(images/menu_btn_contact.png) -112px -50px no-repeat;
	}
	
	#menu a#front_news {
		background:transparent url(images/menu_btn_news.png) -112px -50px no-repeat;
	}


	#menu a#front_about:hover {
		background-position: 0% 50%;
		z-index:50;
		}
	
	#menu a#front_portfolio:hover {
		background-position: 0% 50%; 
		z-index:50;
		}

	#menu a#front_contact:hover {
		background-position: 0% 50%;
		z-index:50;
		}
		
	#menu a#front_news:hover {
		background-position: 0% 50%;
		z-index:50;
		}	
		

		
/* On page states */		
		
	#menu li.about_on {
		background: transparent url(images/menu_btn_about.png) no-repeat 0% 100%; 
	}	


	#menu li.portfolio_on {
		background: transparent url(images/menu_btn_portfolio.png) no-repeat 0% 100%; 
	}	


	
	#menu li.contact_on {
		background: transparent url(images/menu_btn_contact.png) no-repeat 0% 100%; 
	}

	
	#menu li.news_on {
		background: transparent url(images/menu_btn_news.png) no-repeat 0% 100%; 
	}

		
/*Hack for Internet Explorer 6 - adapted from  http://www.cssplay.co.uk/menus/flickerfree_mk3.html */


	* html #menu a:link, * html #menu a:visited {
		height:50px; 
		he\ight:0;
		padding-top:27px;
		text-indent: -4000px;

		} 	
	
	* html #menu a:hover {
		height:50px; 
		he\ight:0;
		padding-top:27px;
	}

/* This hack sets values for IE7 - Which was offsetting the hover strangely, no idea why this happens or why the 510%  */
		
	* +html #menu a#front_about:hover, * +html #menu a#front_portfolio:hover, * +html #menu a#front_contact:hover, , * +html #menu a#front_news:hover {			background-position: 0px -50px;
		}





/*  end of menus  */
/*------------------------------------------------------------------------------------------*/



		
/*------------------------------------------------------------------------------------------*/
/* General text formatting */
/*------------------------------------------------------------------------------------------*/

	h1, .content h2, h3, h4, h5, h6 {
		font-family: Century Gothic, Helvetica, Verdana, Arial, Sans, Sans-serif;
		text-align: left;
		}
	
	h1	 {
		font-size: 170%;
			}
		
	h2 {
		font-size: 150%;
		color: #1884cf;
	
		}
		
	h2 span {
		color: #fff;
	
		}
	
	h3 {
		font-size: 135%;
		color: #fff;
		/*color: #9ac1e8;*/
		}
		
	.left_column h3 {
		padding: 0px 0 15px 0;
		}
	
	.main_column h3 {
		padding: 0px 0px 20px 0px;
	}
	
		
	h4 {
		font-size: 120%;
		color: #ccc;
		/*color: #9ac1e8;*/
		/*padding: 0px 0px 10px 15px;*/
	}
	
	.left_column h4 {
		padding: 0px 0px 20px 0px;
	}
	
	.main_column h4 {
		font-size: 120%;
		color: #1b7cdb;
		padding: 0px 0px 20px 0px;
	}



	
	h5 {
		font-size: 105%;
		color: #fff;
		}

	h6 {
		font-size: 95%;
		color: #9ac1e8;
		}

	.home_block p, .home_block ul {
		font-size: 75%;
		line-height: 140%;
		color: #d0eafd;
		}
		
	.home_block a, .main_column a, .left_column a {	
		color: #469af0;
	}
	
	.home_block a:hover, .main_column a:hover, .left_column a:hover {	
		color: #fcfcb7;
		text-decoration: none;
	}
	
	
	
	.main_column ul, .left_column ul, .main_column p, .left_column p, .main_column ol {
		font-size: 85%;
		color: #d0eafd;
	}
		
	.left_column p {	
		line-height: 140%;
		}
		
		
	.main_column p strong, .left_column p strong {
		color: #fff;
		}	
		
	.main_column ol {
		margin: 10px 0 20px 40px;
		}


		
/*------------------------------------------------------------------------------------------*/
/* Internal pages structure */
/*------------------------------------------------------------------------------------------*/		
	
	
	.about_header	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/about_header.png) no-repeat top left;
		width: 167px;
		height: 50px;
		margin: 20px 0 10px 20px;
		}
	
	.contact_header	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/contact_header.png) no-repeat top left;
		width: 220px;
		height: 49px;
		margin: 20px 0 10px 20px;
		}
		
	.portfolio_header	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/portfolio_header.png) no-repeat top left;
		width: 223px;
		height: 61px;
		margin: 20px 0 10px 20px;
		}
		
	.news_header	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/news_header.png) no-repeat top left;
		width: 143px;
		height: 50px;
		margin: 20px 0 10px 20px;
		}	
		

	.error_header	{
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/error_header.png) no-repeat top left;
		width: 132px;
		height: 61px;
		margin: 20px 0 10px 20px;
		}

	.workdemo_header	{
		display: none;
		text-indent: -4000px;
		float: left;
		margin: 0;
		background: transparent url(images/unhcr_demos_header.png) no-repeat top left;
		width: 479px;
		height: 36px;
		margin: 20px 0 20px 20px;
		}
	
	.whatcanwedo_header {
		
		}	
		
		
	.google_map	{
		width: 615px;
		margin: 0;
		background: transparent url(images/map_bg_top.png) no-repeat top left;
		display: block;
		height: 10px;

		}
		


	.google_map_bottom {
		width: 615px;
		background: transparent url(images/map_bg_bottom.png) no-repeat bottom left;
		padding-bottom: 10px;
		text-align: center;
		}

		
	.left_column {
		display: block;
		float: left;
		width: 280px;
		padding: 10px;
		margin: 20px 0;
		}
	
	.main_column {
		float: left;
		width: 610px;
		background: transparent url(images/vertical_double_line.gif) repeat-y top left;
		padding: 10px 5px 10px 25px;
		margin: 20px 0;
		/*border: 1px solid white;*/
		}
	
	.single_project {
		/*border: 1px solid blue;*/

		}
	
	
	.clients_logos {
		list-style-type: none;
		text-indent: -4000px;
		display: block;
		margin: 0;
		background: transparent url(images/client_logos_new.png) no-repeat top left;
		width: 280px;
		height: 381px;
		margin: 20px 0 0 0;
		}
	
	.quote_block {
		/*width: 500px;*/
		background: transparent url(images/block_quote_open.gif) no-repeat 0 0;
		padding: 12px 25px 0 20px;
		/*border: 1px solid #031229;*/
		/*margin: 10px auto;*/
	}
	

	.quote_block blockquote {
		background: transparent url(images/block_quote_close.gif) no-repeat 100% 100%;
		padding-bottom: 12px;
		font-size: 85%;
	}
	
	.quote_block blockquote span {	
		display: none;
	}
		
	.ie_6_warning {
		display: block;
		padding: 5px;
		font-size: 85%;
		text-align: left;
		line-height: 145%;
		/*font-weight: bold;*/
		color: #000;
		border-bottom: 2px dashed black;
		background: #ff0;
		}
		
	.ie_6_warning a {
		color: #021267;
		font-weight: bold;
	}	
	
	.warning_message {
		float: left;
		width: 95%;
		background: #ff0 url(images/ie_warning_sign.gif) no-repeat 10px 10px;
		padding: 10px 0 0px 65px;
		}	
		
	.close_warning {
		text-indent: -4000px;
		margin: 0;
		float: right;
		}
	
	.close_warning a {
		display: block;
		background: transparent url(images/close_warning_btn.jpg) no-repeat top left;
		width: 18px;
		height: 18px;
		margin: 0 10px 0 0;
	}	
	
	
	
	
	
	
		
		
	.no_show {
		display: none;
		height: 1px;
		}
		
		
		
	.portfolio_block {
		display: block;
		float: left;
		width: 159px;
		text-align: center;
		background: transparent url(images/portfolio_block_bg.png) no-repeat bottom left;
		/*padding: 0 3px;*/
		margin: 0 0 60px 40px;
		}
		
	.portfolio_block p {
		font-size: 85%;	
		text-align: left;
		line-height: 140%;
		padding: 8px 5px 15px 10px;	
	}
	
	.portfolio_block a {	
		text-decoration: none;
		color: #a3d1f5;
		/*font-weight: bold;*/
		}
		

			
	.block_margin {
		/*margin-left: 30px;*/
		}
		
		
	.visit_microsite {
		text-indent: -4000px;
		margin: 0;
		}
		
	.visit_microsite a {
		display: block;
		background: transparent url(images/visit_microsite_btn.jpg) no-repeat top left;
		width: 111px;
		height: 18px;
		margin-left: 20px;
		margin-bottom: 10px;
	}	

	.visit_microsite a:hover {
		background: transparent url(images/visit_microsite_btn.jpg) no-repeat bottom left;
	}			
		
	.single_project h3 {
		color: #a3d1f5;
		font-size: 140%;
		padding-left: 10px;
		}	
		
	.single_project h4 {
		/*color: #1b7cdb;
		font-size: 180%;
		margin: 20px 0;
		line-height: 120%;
		padding-left: 10px;*/
		}	
		
	.single_project p {
		padding: 5px 10px 15px 10px;
		}
			
		
	.back_to_portfolio_btn {
		text-indent: -4000px;
		margin: 25px 0 0 0;
		}
		
	.back_to_portfolio_btn a {
		display: block;
		background: transparent url(images/back_to_portfolio_btn.gif) no-repeat top left;
		width: 265px;
		height: 49px;
		margin-left: 3px;
	}	
	
	.back_to_portfolio_btn a:hover {
		background: transparent url(images/back_to_portfolio_btn.gif) no-repeat bottom left;
	}
	
	
	
	.portfolio_main_holder {
		width: 600px;
		text-align: center;
		margin: 10px auto 20px auto;
		}
	
	.media_block {
		background: transparent url(images/media_block_bg.png) no-repeat top left;
		padding: 5px 0;
		text-align: center;
		}	
	
		
	.main_column ul {
		margin: 10px 0 10px 40px;
		}
		
	.simple_list li {
		list-style-image: url(images/blue_triangle_bullet.png);
		}	
		
		
	.portfolio_nav_buttons {
		display: block;
		width: 600px;
		height: 49px;
		background: transparent url(images/portfolio_nav_bg.gif) no-repeat top left;
		margin: 40px auto 10px auto;
		}
		
	.previous_btn {
		display: block;
		float: left;
		text-indent: -4000px;
		margin: 6px 0 0 10px;
	}
				
	.previous_btn a {
		display: block;
		background: transparent url(images/portfolio_previous_btn.gif) no-repeat top left;
		width: 95px;
		height: 17px;
		}
		
	.previous_btn a:hover {
		background: transparent url(images/portfolio_previous_btn.gif) no-repeat bottom left;
		}
	
	.next_btn {
		display: block;
		float: right;
		text-indent: -5000px;
		margin: 6px 10px 0 0;
	}
				
	.next_btn a {
		display: block;
		background: transparent url(images/portfolio_next_btn.gif) no-repeat top left;
		width: 95px;
		height: 17px;
		}

		
	.next_btn a:hover {
		background: transparent url(images/portfolio_next_btn.gif) no-repeat bottom left;
		}
		
		
		
		
	.alternate_content {
		border: 1px dashed #fcfcb7;
		padding: 20px;
		margin: 20px auto;
		width: 350px;
		}

	.alternate_content p {	
		color: #fcfcb7;
	}
		
	.external_link {
		background: transparent url(images/external_link_icon.png) no-repeat 100% 50%;
		padding-right: 20px;
	}
	
	.gmnoprint a {
		background: #f00;	
		}
	
	
	.main_column .ea_supplier_para {
		background: transparent url(images/ea_preferred_supplier_badge.gif) no-repeat 10px 0;
		padding-left: 190px;
		padding-bottom: 40px;
		margin-top: 20px;
		}
		
	.main_column .bett_badge_para {
		background: transparent url(images/bettawards_badge.gif) no-repeat 10px 0;
		padding-left: 115px;
		padding-bottom: 40px;
		margin-top: 20px;		
		}
		
	.hr_divide hr {
		display: none;
		}
		
	.hr_divide {
		background: transparent url(images/double_line_horiz.gif) repeat-x top left;
		display: block;
		padding: 2px 0;
		margin: 45px 0 45px 0;
		}
	
			
	.para_right_align {
		text-align: right;
		}
		
	.main_column .back_to_top {
		background: transparent url(images/back_to_top.gif) no-repeat 0 50%;
		padding-left: 25px;
		}
		
	.img_left {
		float: left;
		margin: 10px 10px 10px 0;
		}
		
	.img_right {
		float: right;
		margin: 10px 0 10px 10px;
		}
	
	.img_center {
		display: block;
		margin: 10px auto 10px auto;
		}
		
	.main_column .pdf_download_big {
		background: transparent url(images/pdf_icon_big.gif) no-repeat 10px 50%;
		padding-left:50px;
		padding-top: 10px;
		margin-top: 20px;
		}
		
	.left_column a.pdf_download_small {
		background: transparent url(images/pdf_icon_small.gif) no-repeat 2px 50%;
		*display: inline-block;
		padding-left:25px;
		padding-bottom: 2px;
		}
		
	.affiliate_badge {
		text-indent: -10000px;
		display: block;
		width: 280px;
		float: left;
		height: 50px;
		}

	.editure_logo {
		background: transparent url(images/editure_badge.gif) no-repeat 10px 0;
		}
		
	.cambridge_logo {
		background: transparent url(images/cambridge_badge.gif) no-repeat 10px 0;
		}
	
	
	
	.social_bookmarks {
		float: right;
		width: 70px;
		margin: 20px 0 10px 20px;
		font-size: 80%;
		}	
		
		
	.twitter_btn {
		text-indent: -4000px;
		margin-right: 5px;
		float: left;
		text-align: left;
		}
	
	.twitter_btn_top {
		text-indent: -4000px;
		margin-right: 5px;
		float: right;
		text-align: left;
		}
	
		
	.twitter_btn a, .twitter_btn_top a {
		display: block;
		background: transparent url(images/twitter_icon.gif) no-repeat top left;
		width: 30px;
		height: 23px;
	}
	
	.rss_btn, .rss_btn_top {
		text-indent: -4000px;
		margin-right: 5px;
		float: left;
		text-align: left;
		}
		
	.rss_btn a, .rss_btn_top a {
		display: block;
		background: transparent url(images/rss_icon.gif) no-repeat top left;
		width: 25px;
		height: 24px;
	}
	
	.news_list {
		list-style-type: none;
		margin-bottom: 10px;
		}
		
	.news_list li {
		*display: inline-block;
		background: transparent url(images/news_icon.gif) no-repeat 0% 5px;
		padding-left: 25px;
		margin-bottom: 5px;
		}

	#newmenu {
		width: 490px;
		display: block;
		float: right;	
		margin-top: 40px;
		/*border: 1px dashed white;*/
		}

	#newmenu ul {
		list-style-type: none;
	}
	
	.workdemo a {
		float: right;
		display: block;
		width: 151px;
		height: 44px;
		background: transparent url(images/menu_btn_cansite.gif) no-repeat bottom left;
		text-indent: -4000px;
		}
		
	.workdemo a:hover {
		background: transparent url(images/menu_btn_cansite.gif) no-repeat top left;
		height: 44px;
		}	
		
	.demo_design_header {
		display: block;
		width: 259px;
		height: 30px;
		text-indent: -4000px;
		background: transparent url(images/design_reels_subheader.gif) no-repeat bottom left;
		margin-bottom: 10px;
		}
		
	.demo_interactive_header {
		display: block;
		width: 193px;
		height: 21px;
		text-indent: -4000px;
		background: transparent url(images/question_2_response_header.gif) no-repeat top left;
		margin: 10px 0;		
		}
	
	.annex_sheet_header {
		display: block;
		width: 330px;
		height: 18px;
		text-indent: -4000px;
		background: transparent url(images/annex_2_header.gif) no-repeat top left;
		margin: 10px 0;		
		}
	
	.unhcr_demos_header_small {
		display: block;
		width: 330px;
		height: 18px;
		text-indent: -4000px;
		background: transparent url(images/unhcr_demos_header_small.gif) no-repeat top left;
		margin-bottom: 10px;		
		}	
	
	#demo_wrapper {
		width: 950px;
		margin-bottom: 20px;
		}
		
	#interactive_demo_wrapper {
		width: 950px;
		margin: 30px 0 0 0;
		}
		
	#demo_wrapper p, #interactive_demo_wrapper p {
		color: #d0eafd;
		font-size: 82.5%;
		
		}
	
	.demo_btn_holder {
		display: block;
		float: left;
		width: 180px;
		margin-right: 10px;

		}
		
	.demo_btn_holder h4 {
		font-size: 115%;
		}
		
	.demo_btn_holder_end {
		display: block;
		float: left;
		width: 180px;
		}
	
	#demo_wrapper h4 {
		padding-top:10px;
		padding-left: 2px;
		}
	
		
	.demo_btn a {
		display: block;
		width: 170px;
		height: 126px;
		text-indent: -4000px;
		}
		
	#design_ipr a:hover, #design_wrl a:hover, #design_stim a:hover, #design_acg a:hover, #design_div a:hover {
		background-position: 0 0;	
		height: 126px;
	}
	
	#design_ipr a {
		background: url(images/demo_btn_ipr.png) no-repeat 0 100%;
	}
	
	#design_wrl a {
		background: url(images/demo_btn_wrl.png) no-repeat 0 100%;
	}
	
	#design_stim a {
		background: url(images/demo_btn_stim.png) no-repeat 0 100%;
	}
	
	#design_acg a {
		background: url(images/demo_btn_acg.png) no-repeat 0 100%;
	}
	
	#design_div a {
		background: url(images/demo_btn_div.png) no-repeat 0 100%;
}

.interactive_demo_text {
		display: block;
		width: 580px;
		float: right;
	}

#interactive_demo_wrapper img {
		float: left;
	}
	
.launch_demo_btn a {
	display: block;
	width: 131px;
	height: 38px;
	background: transparent url(images/launch_demo.gif) no-repeat bottom left;
	text-indent: -4000px;
	}
	
.launch_demo_btn a:hover, .launch_demo_btn a:focus {
	background: transparent url(images/launch_demo.gif) no-repeat top left;
	}
	
.interactive_thumb {
	margin-right: 10px;
	}