@charset "utf-8";

body, html{
	color:#fff;
	font-family:Arial ,Helvetica,sans-serif;
	font-size:13px;
	/*font-size-adjust:none;*/
	/*font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	/*overflow:hidden;*/
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, img, q, s, small, strike, strong, sub, sup, 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;
	vertical-align: baseline;
	list-style-type:none;
}

.cl{clear:both; height:0; line-height:0; font-size:0;}
a{text-decoration:none; color:#212121;}


#stars, #star-3d, .roll, #logo, #menu, #menu2, #foot, #to-top, #line, #line2, #pic, #mail, #tel, #home{position:fixed;}
#line{
	top:0;
	left:0;
	z-index:5;
	width:100%;
	line-height:30px;
	font-size:0.9em;
}
#line a{
	color:#fff;
	background:#212121;
	font-weight:bold;
	padding:0 7px;
	display:block;
	float:left;
}
#line a:hover{background:none;}
#line2{
	top:0;
	left:993px;
	z-index:4;
	width:100%;
	height:30px;
	background:#212121;
	float:left;
}
.mini-head{
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	background-color:#212121;
	color:#FFF;
	padding-left:5px;
}
#preview{
	position:absolute;
	background:#212121;
	border:5px solid #212121;
	display:none;
	color:#fff;
	font-size:0.9em;
	max-width:500px;
	line-height:1.5em;
}
#preview img{width:500px;}
#more{clear:left;}
#more a{color:#fff; font-size:0.9em; background:url(../images/more.png) no-repeat center right; padding:0 10px 0 0;}
#more a:hover{text-decoration:underline;}
#stars{
	top:0;
	left:0;
	z-index:1;
}		
#star-3d{
	left:140px;
	bottom:894px;
	z-index:4;
}
.roll{
	bottom:-400px;
	background:url(../images/rolls.png) no-repeat top;
	width:198px;
	height:467px;
}
	.roll1{
		z-index:4;
		left:30px;
		height:330px;
	}
	.roll2{
		z-index:3;
		left:130px;
		height:400px;
	}
	.roll3{
		z-index:2;
		left:230px;
		height:310px;
	}
#menu{
	left:228px;
	bottom:-300px;
	z-index:3;
}
	#menu a{
		height:57px;
		display:block;
		margin:3px 0; left:-50px; position:relative;
		}
	#menu #info{background:url(../images/menu/info.png) no-repeat; width:157px;}
	#menu #services{background:url(../images/menu/services.png) no-repeat; width:347px;}
	#menu #referencies{background:url(../images/menu/referencies.png) no-repeat; width:281px;}
	#menu #contact{background:url(../images/menu/contact.png) no-repeat; width:311px;}
	
#menu2{
	left:328px;
	bottom:-300px;
	z-index:2;
}
	#menu2 a{
		height:47px;
		display:block;
		margin:3px 0; left:-50px; position:relative;
		}
	#menu2 #career{background:url(../images/menu/career.png) no-repeat; width:168px;}
	#menu2 #tutorials{background:url(../images/menu/tutorials.png) no-repeat; width:209px;}
	
#content{padding:0 5px;}
#content h2, #content h3{margin:10px 0;font-size:1.5em; background:#212121; display:inline-block; padding:0 5px;}
#content h2 strong, #content h3 strong{color:#fff;}
#content a:hover{color:#fff; background:#212121;}
#content ul{margin:10px 0 0 0;}
#content ul li{background:url(../images/arrow.gif) no-repeat left center; padding:0 0 0 20px; margin:0 0 5px 0;}
#content p{margin:0 0 15px 0;}

#right h1{font-size:1em; color:#fff;}
#right{
  border:0;
  padding:0;
	position:absolute;
	margin:0 40px 0 0;
	left:580px;
	top:200px;
	/*width:640px;*/
	z-index:3;
	color:#212121;
}

#right #to-services a{
	font-size:1em;
	font-weight:normal;
	background:url(../images/arrow.gif) no-repeat center right;
	display:block;
	max-width:175px;
}
#right #to-services a:hover{background:#212121 url(../images/arrow.gif) no-repeat center right; color:#fff;}
#right .head{
	font-size:2.7em;
	line-height:1.1em;
	letter-spacing:-3px;
	font-weight:bold;
	background:#212121;
	margin:10px 0;
	padding:0 0 0 5px;
	color:#fff;
}
#right p{line-height:1.3em;}
#to-referencies ul{
	float:left;
	width:50%;
	margin:0 0 10px 0;
}
#to-referencies .mini-ref{float:left; margin:3px;}
#new, #to-info, #to-services, #to-referencies, #to-contact{margin-bottom:1000px;}

#logo{
	background:url(../images/digitalmalmo_logo.png) no-repeat;
	width:416px;
	height:95px;
	z-index:4;
	top:90px;
	right:40px;
}	
  #logo	a{
		display:block;
		width:319px;
		height:72px;
	}

#content .tuts h3{
  background:none;
	font-size:1em;
}
#content .tuts h3 a{
  padding:0 0 0 15px;
	background:url(../images/arrow.gif) no-repeat center left;
}
#content .tuts h3 a:hover{color:#fff;}

.ref{
	float:left;
	position:relative;
	width:309px;
	height:75px;
	margin:1.5px;
	border:4px solid #212121;
}
.ref:hover{
	border:4px solid #fff;
	color:#212121;
}
.ref:hover span{
  background:#fff;
  color:#212121;
}
.ref span{
  position:absolute;
  bottom:0px;
  right:10px;
  background:#212121;
  color:#fff;
  font-size:0.9em;
  font-weight:bold;
  padding:0 3px;
}
#to-referencies div a img{border:5px solid #212121;}
#to-referencies div a img:hover{border:5px solid #fff;}		
#home{
	background:url(../images/home.png) right no-repeat;
	top:50px;
	left:-44px;
	height:47px;
	width:44px;
	z-index:4;
}
#home a{
  display:block;
	height:47px;
	width:44px;
}
#tel{
	background:url(../images/tel.png) right no-repeat;
	cursor:pointer;
	left:-301px;
	top:100px;
	height:47px;
	width:301px;
	z-index:4;
	display:none;
}
#mail{	
	background:url(../images/email.png) right no-repeat;
	cursor:pointer;
	left:-321px;
	top:150px;
	height:47px;
	width:321px;
	z-index:4;
}
#to-contact a{color:#212121;}
#to-top{
	background:url(../images/to-top.png) no-repeat;
	width:24px;
	height:10px;
	bottom:5px;
	right:40px;
	z-index:4;
}	
#to-top:hover{background-position:0 -10px;}
#foot{
	font-size:0.9em;
	line-height:1.2em;
	bottom:5px;
	left:440px;
	z-index:1;
	color:#212121;
}
#foot a{color:#212121;}
#foot a:hover{text-decoration:underline;}