@font-face {
  font-family: MyHelveticaNeue;
  src: local("HelveticaNeue-Md"), 
       local("HelveticaNeue"),
 	   local("Helvetica Neue"),
       url(HelveticaNeue-Md.ttf);
}

@font-face{
	font-family: MyHelveticaBold;
	src: local('HelveticaNeue-Bold'),
		 local("HelveticaNeue"),
		local('Helvetica Neue'),
		url(HelveticaNeue-Bold.ttf);
}

* {
	font-family: MyHelveticaNeue, sans;
	color: #fff;
}   
body{
	background: #2dc6d6;
}    
p{
	margin: 0;
	padding: 0;
}
div.wrapper{
	width: 933px;
	margin: 10px auto;
}
div.head{
	width: 933px;
	height: 94px; 
	background: white url(../images/NOOMA_title.png) no-repeat;
	
}
div.head a{
	height: 94px;
	width: 933px;
	display: block;
}
div.top{
	background: #58595b;
	width: 933px;
	margin: 1px auto 0;
	display: block;
	height:	238px;
}


div.box1,
div.box2,
div.box3{
	width: 294px;
	border: 1px solid white;
	height: 189px;
	display: block; 
	float: left;
}
div.box1{
	margin: 23px 0 23px 23px;
}

div.box2{ 
	margin: 23px 0;
	border-left: none;
	border-right: none;
}

div.box3{
	margin: 23px 23px 23px 0;
}
   
div.video{
	width: 913px;
	height: 513px;
	margin: 0;
	margin-bottom: 0;
}  
  
div.desc{
	padding: 23px 23px 7px;
	margin: 1px 0 0 0;
	float: left;
	background: #58595b;
	width: 887px;
}

div.desc p{
	font-size: 14px;
	float: left;
	margin: 1px 0 0 0;
}

div.desc img{
	margin: 0 10px;
	float: left;
}
  
div.films{
	height: 395px;
	width: 576px;
	margin: 0 23px;
	float: left;
	clear: left;
}    
div.films p.return{
	font-size: 16px;
	margin: 21px 0;
}
div.films a{
	color: #fff;
}      
div.bottom{
	margin: 48px auto 0;
	display: block;
 	background: #58595b;
	width: 933px;
	height: 395px;
	padding: 23px 0 0 0;
}
div.about{
	height: 395px;
	width: 284px;
	float: left;
	font-size: 13.3px;
	line-height: 16px;
	letter-spacing: .1px; 
	margin-top: 0;
}  
div.about p.options{
	font-size: 11px;
	margin: 5px 0;
}
div.about p{
	margin-bottom: 9px	;
}  
div.about p.close{
	letter-spacing: -.25px;
}     
div.about span.flannel{
	float: left;
	display: block;
	width: 119px;
}                  
div.about span.zondervan{
	float: left;
	display: block; 
	width: 134px;
	margin-left: 30px;
} 

div.retail{
	margin: 19px 0 0 0;
}

div.foot{
	height: 51px;
	width: 933px;
	clear: both;
	background: white;
	display: block;
	margin: 1px 0 0 0;
}    
div.foot div.left{
	float: left;
	display: block;
	font-size: 10px;
	color: #a7a9ac; 
	margin: 12px 21px 10px;
}    
div.foot div.right{
	float: right;
	display: block;
	font-size: 10px;
	color: #a7a9ac;
	margin: 12px 21px 10px;
}
span.nooma{
	color: #2dc6d6; 
	font-family: MyHelveticaBold; 
	line-height: 13px;
} 
span.title{
	font-size: 10px;
}          
a, p.subtle{
	color: #a7a9ac;
	text-decoration: none;
	border: none;
}            
a img{
	border: none; 
	float: left;
	clear: left;
}
ul{
	list-style: none;
	text-decoration: none;
	float: left; 
	margin: 0;
	padding: 0;
} 
ul.first{
	display: block;
	height: 86px;
	margin: 0 0 49px 0;
}   
ul.middle{
	display: block;
	height: 86px;
	margin: 0 0 49px 0;
}  

ul li.first{
	margin-left: 0;
}
ul li.last{
	margin-right: 0;
}

img.download:before{
	content:"<img src='../images/download_arrow.png'/>";
}

li{
	float: left;
	margin: 0 5px;
}  
li span{
	text-align: center;
	font-size: 10px;
	width: 100%;
	float: left;
	clear: left; 
	margin: 2px 0 0 0;
}      
span.hilite{
	color:#6d6e71;
}