@CHARSET "UTF-8";

/* Reset styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, 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-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
ol, ul { list-style: none;}table {	border-collapse: separate;	border-spacing: 0;}caption, th, td { text-align: left;	font-weight: normal;}


/* Global styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	
	html,body {	width: 100%;	height: 100%;}
	body {
		font-family: "courier new";
		color: #fefefe;
		background-color: #000;
		font-size: 12px;
	}
	
	
	
	h1 {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 45px;
	}
	
	h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 38px 0;
	}
	
	h3 {
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 18px;
	}
	h3.section {
		padding-top: 16px;
	}

	h4 {
		font-weight: bold;
		font-size: 12px;
		background: transparent url("img/h4_bg.png") no-repeat left 4px;
		padding: 0 0 0 18px;
	}
	
	h5 {
		font-weight: bold;
		font-size: 13px;
	}

	p {
		margin-bottom: 16px;
		font-weight: normal;
	}
	
	a, a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;	
	}
	h2 a { font-weight: bold;}
	h2 a.next { padding-left: 20px;}
	
	ul.linklist { margin-bottom: 16px;}
	ul.linklist li {
		background: transparent url("img/bullet1.png") no-repeat left 4px;
		padding: 0 0 0 15px;
	}

	div.column {
		width: 202px;
		float: left;
		overflow: hidden;
		margin: 0 38px 0 0;
	}
	
	.columnlast { 
		margin-right: 0;
	}
	
	div.pagecontrol { }
	span.pageinfo {
		color: #a8a8a8;
		font-weight: bold;
		font-size: 12px;
	}
	
	ul.formlist label {
		font-weight: bold;
		display: block;
		margin-bottom: 4px;
	}
	
	input { 
		width: 240px;
		color: #000;
		float: left;
		overflow: hidden;
		margin-right: 4px;
		border: 0;
		height: 18px;
	}
	
	form a.formaction {
		background: transparent url("img/tmp_button.png") no-repeat left top;
		color: #000;
		font-weight: bold;
		text-align: center;
		float: left;
		width: 52px;
		height: 18px;
		padding: 1px 0 0 0;
	}
	
	
	.transp {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
	
	a.abutton {
		width: 52px;
		height: 19px;
		background: transparent url("img/button_buynow.png") no-repeat left top;
		float: left;
	}
	a.abutton span{
		display: none;
	}
	
	a.abutton_submit {
		background: transparent url("img/button_submit.gif") no-repeat left top;
	}
	
	#backround-source { display: none;}

	.sep {
		background: transparent url("img/sep.png") repeat-x left bottom;
	}
	
	div.spacer {
		padding: 5px 0 0 0;
		margin: 0 0 16px 0;
		width: 180px;
	}
	
	strong {
		font-weight: bold;
	}

/* Main content ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	
	#maincontent {
		z-index: 4;
		left: 0;
		top: 0;
		position: absolute;
		padding: 45px 0 0 60px;
	}



/* Footer ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	#footer {
		z-index: 3;
		color: #ffffff;
		font-size: 12px;
		left: 0;
		top: 800px;
		position: absolute;
		padding: 0 0 25px 60px;
	}
	#footer span { display: block;}
	#footer a{ font-size: 12px;}




/* Visor :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	#visor {
		display: none;
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		background: transparent url("img/visor_bg.png") repeat left top;
	}
	
	#visor div.loading {
		padding: 45px 0 0 60px;
		display: none;
	}
	
	

/* Wallpaper :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	#wallpaper {
		z-index: 	1;
		left: 		0;
		top: 		0;
		position: 	absolute;
		overflow: 	hidden;
	}
	
	#wallpaper img {
		display: 	block; margin:0; padding: 0;
		position: 	absolute;
		left: 0; 	top: 0;
		z-index: 100;
	}
	
	#wallpaper div.loading {
		position: 	absolute;
		left: 0; 	top: 0;
		z-index: 999;
		text-align: right;
		display: none;
		width: 32px;
		height: 32px;
	}
	
	
	

/* Home section ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#home 	.sep {
		background: transparent url("img/sep2.png") repeat-x left bottom;
	}


	
	#home h2 {
		background: transparent url("img/dot.png") repeat-x left bottom;
		padding: 0 0 12px 0;
		width: 180px;
		margin: 0 0 24px 0;
	}
	
	#umericlogo {
		width: 180px;
		display: block;
		margin: 0 0 12px 0;
		height: 72px;
	}
	
	#umericlogo img { 
		display: block; 
		border: 0;
		width: 31px;
		height: 32px;
	}
	
	#spotlights {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	#navigation {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	#contact { 
		font-size: 14px;
		color: #fff6f6;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	#connect {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	#contact span { display: block; line-height: 12px;}

	#spotlights a, #navigation a {
		font-weight: bold;
		font-size: 16px;	
	}
	#spotlights span { 
		display: none;
	}
	


/* Archive section ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	
	ul.projectlist {
		width: 921px;
		overflow: hidden;
	}
	
	ul.projectlist li {

		width: 201px;
		height: 176px;
		margin-right: 38px;
		overflow: hidden;
		float: left;
background: transparent url("img/sep.png") repeat-x left bottom;
margin-bottom: 15px;
<br>
	}
	ul.projectlist li.last {
		margin-right: 0;
	}
	
	ul.projectlist a.thumb img {
		display: block;
		margin-bottom: 12px;
	}
	
	ul.projectlist a.title {
		font-size: 12px;
		font-weight: bold;
	}
	
	ul.projectlist a.category {
		font-size: 12px;
		font-weight: normal;

	}	


/* Press section ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	#press p {
		background: transparent url("img/sep.png") no-repeat left bottom;
		padding-bottom: 13px;	
	}

/* Shop section ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	
	#shopitem a.abutton {
		float: none;
		display: block;
	}
	
	ul.shoplist {
		width: 921px;
		overflow: hidden;
	}
	
	ul.shoplist li {
		width: 201px;
		margin-right: 38px;
		margin-bottom: 18px;
		padding-bottom: 28px;
		overflow: hidden;
		float: left;
	}
	
	ul.shoplist li p {
		height: 130px;
	}
	
	ul.shoplist li.last {
		margin-right: 0;
		clear: right;
	}
	
	ul.shoplist a.thumb img {
		display: block;
	}
	
	ul.shoplist a.thumb { 
		display:block;
		margin-bottom: 13px;
	}
	
	ul.shoplist a.title {
		font-size: 12px;
		font-weight: bold;
		display: block;
		margin-bottom: 18px;
	}
	
	ul.shoplist div.price {
		color: #fff;
		font-weight: bold;
	}
	
	#shopitem div.price {
		font-weight: bold;
		margin-bottom: 27px;
	}
	
	#shopitem div.info {
		width: 200px;
		margin-right: 39px;
		float: left;
		overflow:hidden;
	}
	
	#shopitem div.listTitle {
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	#shopitem div.preview {
		width: 683px;
		overflow: hidden;
		float: left;
	}
	
	
	#shopitem div.pagecontrol {
		clear: both;
		padding-top: 78px;
		overflow: hidden;
	}

/* Project section  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	#project .spacer {
		width: 681px;
	}

	#viewport {
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	#viewport img, #viewport div.videoEntry {
		display: block;
		margin-bottom: 10px;
	}
		
	#videoSources { 
		display: none;
	}
	span.source {
		display: none;
	}
	
	div.credits { margin-top: 18px;}
		div.credits div.name { font-weight: bold;}
		div.credits div.type { color: #7c7c7c;}

	#project h2 { margin: 0 0 16px 0;}
	
	#project div.info {
		width: 681px;
		margin-bottom: 10px;
	}
	
		#project div.info div.title {	font-weight: bold; text-transform:uppercase;	}
		#project div.info div.client { 	font-weight: bold; text-transform:uppercase; color: #7c7c7c; margin-bottom: 10px;}
		#project div.info div.director { font-weight: bold;}
		#project div.info div.director label { color: #7c7c7c; font-weight: bold; display: block;}
		
	#project div.description {		width: 681px; margin-bottom: 20px;	}
	#project div.quote { width: 681px;  margin-bottom: 10px;}
	
	#project div.links { margin-bottom: 24px;}
	
	#project div.credits {
		clear: both;
		margin-bottom: 24px;
	}
	
	#project ul.creditlist {
		width: 980px;
		overflow: hidden;
	}
	
	#project ul.creditlist li {
		overflow: hidden;
		margin-bottom: 10px;		
	}
	#project ul.creditlist li label { display: block; }
	
	div.projectbrowsing {
		height: 50px;
		margin-top: 30px;
		overflow: hidden;
		width: 930px;  
	}
	div.projectbrowsing a {
		width: 50%;
		display: block;
		float: left;
	}
	
	div.projectbrowsing a.next {
		text-align: right;
	}