html, body {
	background-image: url("/images/main-bkg-new.jpg");
	background-color: #000000;
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p, h1, h2, h3, h4, h5, span {
	padding: 0px;
	margin: 0px;
}
p, li, td, th, textarea, input, select, option, label {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
p, td, th, li, textarea, input, select, option, label {
	font-size: 11px;
}
h4, h5 {
	margin: 0px 0px 10px 0px;
}
p {
	clear: both;
	margin: 0px 0px 10px 0px;
	color: #c3c0cf;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a {
	text-decoration: none;
}
hr {
	display: none;
}

/**site main structure/*-----------------------------------------------------------------------------*/

#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 62px;
	width: 710px;
	height: auto;
}

/* nav *//*--------------------------------------------------------------------------------------*/
ul {
	height: 10px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_margin: 0px 0px -5px 0px;
	_padding: 0px 0px -5px 0px;
}
li {
	float: left;
	margin: 0px 18px 15px 0px;
	_margin: 0px 18px 0px 0px;
	padding: 0px;
	_padding: 0px 0px 0px 0px;
}
#nav {
	padding: 152px 0px 0px 0px;
	_padding: 149px 0px 0px 0px;
}
#nav a {
	color: #6d6884;
	font-size: 12px;
	text-decoration: none;
}
#nav li {
	color: #9b99a1;
	margin: 0px 7px 10px 0px;
	padding-right: 10px;
}
#nav li.on a {
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
#nav a:hover {
	color: #9b99a1;
}

/* subnav *//*-----------------------------------------------------------------------------*/


#subnav {
	float: left;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	width: 205px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#subnav_events {
	float: left;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	width: 145px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#subnav a,
#subnav_events a {
	color: #9b99a1;
	font-size: 11px;
	text-decoration: none;
}
#subnav li,
#subnav_events li {
	clear: both;
	margin: 0px 0px 5px 0px;
	_margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 205px;
}
#subnav li.on a,
#subnav_events li.on a {
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0px;
	font-weight: normal;
}
#subnav a:hover,
#subnav_events a:hover {
	color: #6d6884;
}
#subnav_menu {
	padding: 5px 0px 0px 0px;
	_padding: 5px 0px 0px 0px;
	min-height: 110px;
}
#subnav_menu li.creative{
	width: 120px;
	}



/* main-content *//*-----------------------------------------------------------------------------*/

img {
	margin-bottom: 10px;
	border: #3d3853 1px solid;
}
h1 span {
	display: none;
}
h2 span {
	display: none;
}
h3 {
	clear: both;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-color: #322e43;
	padding: 1px 1px 1px 5px;
	font-weight: normal;
}	
h3.body {
	width: 415px;
	margin-bottom: 10px;
}
h3.body_events {
	width: 475px;
	margin-bottom: 10px;
}
h3.bodysub {
	width: 415px;
	margin-bottom: 10px;
	background-color: #1f1c2f;
}
h3.subnav {
	width: 180px;
	margin-bottom: 5px;
	background-color: #1f1c2f;
}
h3.subnav_events {
	width: 120px;
	margin-bottom: 5px;
	background-color: #1f1c2f;
}
h3.lnj {
	width: 134px;
	_width: 140px;
	margin-top: 15px;
	margin-bottom: 5px;
}	
h3.about {
	width: 620px;
	margin-bottom: 20px;
	margin-top: 40px;
}	
h3.column {
	width: 296px;
	margin-bottom: 10px;
	margin-top: 0px;
}	
h3.welcome {
	width: 620px;
	margin-bottom: 20px;
	margin-top: 0px;
}	
h3.events {
	width: 620px;
	margin-bottom: 10px;
	_margin-bottom: 10px;
	margin-top: 20px;
	_margin-top: 5px;
}	
h3.news {
	width: 300px;
	margin-bottom: 10px;
}
h3.newslhs {
	width: 297px;
	margin-bottom: 10px;
}
h4.darker {
	width: 296px;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #76728c;
	padding: 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#main-wrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#main-content {
	clear: both;
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
}
#main-content a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #76728c;
	padding: 0px;
	text-decoration: none;
}
#main-content a:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #a09bb3;
	margin: 0px;
	padding: 0px;
}
#main-content-about {
	clear: both;
	margin-top: 20px;
	_margin-top: 10px;
	padding: 0px 0px 0px 0px;
}


#item {
	clear: both;
	margin: 0px 0px 20px 0px;
	_margin: 0px 0px 10px 0px;
	height: 84px;
}
#column {
	float: left;
	margin: 0px 20px 10px 0px;
	_margin: 0px 20px 0px 0px;
	width: 301px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#column a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #76728c;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}
#column span {
	color: #ffffff;
	background-color: #322e43;
}
#column02 {
	float: left;
	margin: 0px 20px 10px 0px;
	_margin: 0px 20px 10px 0px;
	width: 305px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#column02 a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #a09bb3;
	margin: 0px;
	padding: 0px;
}
#column02 a:hover {
	color: #76728c;
}
.darker {
	color: #76728c;
}
#body {
	float: left;
	margin: 0px 20px 15px 0px;
	_margin: 0px 20px 0px 0px;
	width: 420px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#body_events {
	float: left;
	margin: 0px 20px 15px 0px;
	_margin: 0px 20px 0px 0px;
	width: 480px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#body_csshowcase {
	float: left;
	margin: 0px 20px 0px 0px;
	_margin: 0px 20px 0px 0px;
	padding: 0px;
	text-align: left;
	width: 630px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#body_csshowcase a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #76728c;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}
#showcase_column {
	float: left;
	margin: 0px 20px 10px 0px;
	_margin: 0px 20px 0px 0px;
	width: 301px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#showcase_column02 {
	float: left;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
	width: 305px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#body a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #76728c;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}
#body span {
	color: #ffffff;
	background-color: #322e43;
}



/* feature *//*-----------------------------------------------------------------------------*/

#feature {
	clear: both;
	margin: 16px 0px 5px 0px;
	_margin: -5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	_padding: -5px 0px 0px 0px;
	width: 624px;
	border: #3d3853 1px solid;
	_display: inline;
}
#feature_borderless {
	clear: both;
	margin: 16px 0px 5px 0px;
	_margin: 5px 0px -5px 0px;
	height: 230px;
	width: 624px;
	_display: inline;
}
#feature img {
	margin-bottom: 0px;
	border: none;
	_display: inline;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}
#flyer {
	clear: both;
	margin: 0px 0px 5px 40px;
	_margin: 0px 0px 5px 40px;
	padding: 0px 0px 0px 0px;
	width: 541px;
	border: #3d3853 1px solid;
	_display: inline;
}
#flyer img {
	margin-bottom: 0px;
	border: none;
}

/* news *//*-----------------------------------------------------------------------------*/


#news_content {
	float: left;
	margin: 0px 20px 0px 0px;
	_margin: 0px 20px 0px 0px;
	width: 301px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#news_content a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #76728c;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}
#news_content span {
	color: #ffffff;
	background-color: #322e43;
}


/* launch *//*-----------------------------------------------------------------------------*/

#launch {
	clear: both;
	background-image: url("/images/img_launch.jpg");
	margin: 16px 0px 5px 0px;
	_margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 624px;
	height: 351px;
	border: #3d3853 1px solid;
	_display: inline;
}
#launch a {
	display: block;
	background-position: 0px 0px;	
	background-repeat: no-repeat;
}
#launch ul {
	padding: 219px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 299px;
	height: 95px;
	}
#launch li {
	list-style-type: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#launch li span {
	display: none;
}
#launch li.interactive a {
	height: 37px;
	width: 299px;
	background-image: url("/images/button_launch_interactive.jpg");
	background-position: 0px -37px;
	background-repeat: no-repeat;
}
#launch li.interactive a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#launch li.getflash a {
	height: 24px;
	width: 299px;
	background-image: url("/images/button_launch_flash.jpg");
	background-position: 0px -24px;
	background-repeat: no-repeat;
}
#launch li.getflash a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#launch li.pdf a {
	height: 35px;
	width: 299px;
	background-image: url("/images/button_launch_pdf.jpg");
	background-position: 0px -35px;
	background-repeat: no-repeat;
}
#launch li.pdf a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



/* event *//*-----------------------------------------------------------------------------*/


#event_images_im {
	clear: both;
	margin-bottom: 10px;
	_margin-bottom: 0px;
	margin-top: 5px;
}
#event_images_remixuk {
	margin-top: 5px;
	_margin-bottom: 5px;
}
/* Download *//*---------------------------------------------------------------------------*/

#download_mixes p {
	color: #76728c;
	margin-top: 10px;
}
#download_mixes a.large {
	font-size:14px; 
	color:#c3c0cf;
}
#download_mixes a {
	color:#c3c0cf;
}
#download_mixes a.sublink {
	color: #76728c;
	text-decoration: underline;
}
#download_mixes a.sublink:hover {
	color:#c3c0cf;
	text-decoration: underline;
}
#download_mixes a:hover {
	color: #76728c;
}
#download_desktops img {
	float: left;
	margin-right: 15px;
	_margin-bottom: -2px;
}
#download_desktops p {
	float: left;
}
#download_desktops h4 {
	font-size:12px; 
	color:#c3c0cf;
	font-weight: normal;
	margin-top: 5px;
}
#desktop {
	float: left;
	width: 205px;
}
#screensaver {
	float: left;
	width: 305px;
}


	
/* presentation *//*-----------------------------------------------------------------------------*/

#presentation {
	clear: both;
	background-image: url("/images/img_launch.jpg");
	margin: 16px 0px 5px 0px;
	_margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 624px;
	height: 351px;
	border: #3d3853 1px solid;
	_display: inline;
}
#presentation a {
	display: block;
	background-position: 0px 0px;	
	background-repeat: no-repeat;
}
#presentation ul {
	padding: 219px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 299px;
	height: 95px;
	}
#presentation li {
	list-style-type: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#presentation li span {
	display: none;
}
#presentation li.interactive a {
	height: 37px;
	width: 299px;
	background-image: url("/images/button_launch_interactive.jpg");
	background-position: 0px -37px;
	background-repeat: no-repeat;
}
#presentation li.interactive a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#presentation li.getflash a {
	height: 24px;
	width: 299px;
	background-image: url("/images/button_launch_flash.jpg");
	background-position: 0px -24px;
	background-repeat: no-repeat;
}
#presentation li.getflash a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#presentation li.pdf a {
	height: 35px;
	width: 299px;
	background-image: url("/images/button_launch_pdf.jpg");
	background-position: 0px -35px;
	background-repeat: no-repeat;
}
#presentation li.pdf a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/* footer *//*-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3d3853;
	width: 624px;
	border-top: 1px solid #3d3853;
}
#footer p {
	text-align: left;
	color: #3d3853;
	margin-top: 13px;
}
#footer a {
	color: #3d3853;
}
#footer a:hover {
	color: #b4b4b4;
}


/**
 * tags used the strecth page/*------------------------------------------------------------*/

html {
 	 height: 100%;
}
body {
 	 height: 100%;
}
#container {
  	height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}