Fbody, html{
  font-family: trebuchet ms;
  font-size: 11px;
  line-height:1.3em;
  margin: 0px auto;
  padding: 0px;
  background-color:  #d9d4d3;
  height: 100%;
  width: 100%;
  color: #000000;
  text-align:center;
}
img{
	border: 0px;
}
p{
line-height: inherit;
}
h2 {
color:#333333;
font-size:16px;
}
#wrapper{
text-align:left;
width:708px;
height:100%;
position:relative;
margin:0px auto;
}
#contentwrapper{
position:relative;
float:left;
width: 708px;
padding-bottom:50px;
background: url('images/bg_content.gif') top repeat-y;
}
#menu{
width:708px;
height:52px;
background: url('images/bg_content.gif') top repeat-y;
clear:both;
margin:0px;
padding:0px;
}
/*Header Styles*/
#header{
width:708px;
height:153px;
clear:both;
}
.contact{
background: url('images/header_contact.gif');
}
.home{
background: url('images/header_home.gif');
}
.work{
background: url('images/header_work.gif');
}
.films{
background: url('images/header_films.gif');
}
.about{
background: url('images/header_about.gif');
}
.links{
background: url('images/header_links.gif');
}
.labs{
background: url('images/header_labs.gif');
}

/*Footer Style*/
#footer{
position:relative;
float:left;
height: 66px;
background: url('images/footer_bg.gif') top no-repeat;
width: 708px;
margin: 0px auto;
padding: 0px;
text-align: right;
overflow: hidden;
font-size:.8em;
}
#footertext{
  position: relative;
  top: 10px;
  right: 30px; 
  padding:0px;
  margin:0px;
}
#adminlink{
float: right;
position: relative;
right:20px;
clear:right;  
}
a{
  color: #3197b5;
  text-decoration: none;
}
a:hover{
  color: #da512c;
}
b.highlight{
  color: #da512c;
}
div.title{
  height: 15px;
  text-align: left;
  font-weight: bold;
  font-size:1.1em;
  background: #ffffff;
  border: 1px solid #c7c7c7;
  padding: 3px;
  margin: 5px 0px 5px 0px;
}
div.clear{
width:708px;
height:1px;
clear:both;
}
#hdr{
width:708px;
clear:both;
text-align:left;
}
#hdr img{
margin-left:50px;
}
/*End of Framework Style*/

/*Start of Page Specific Styles*/

/*home page style*/
#homewrapper{
  width: 708px;
  background: url('images/bg_content.gif') top repeat-y;
  position: relative;
  float:left;
  clear:both;
  text-align:left;
}
#hometop{
width:708px;
height:134px;
margin: 8px 0px 15px 0px;
}
#homeleft{
  float: left;
  width:260px; 
  text-align: left;
}
img#welcome{
}
img#nugget{
}
.hometopimg{
float:left;
}
.hometopspacer{
float:left;
width:50px;
height:134px;
}
#news{
  width: 225px;
  height: 355px;
  text-align: left;
  overflow:auto;
}
#newsitems{
	margin-right:5px;
}
#newstitle{
  height: 17px;
  text-align: left;
  font-weight: bold;
  background: #7f9496;
  padding: 1px 3px 1px 3px;
}
#newstitle b{
  color: #3197b5;
}
div.newsdate{
  font-weight: bold;
  color: #da512c;
}
#homeright{
  float: left;
  width: 350px;
  margin-left:15px;
}

#aboutcoi{
  text-align: right;
  margin: 132px 15px 0px auto;
  width: 320px;
  }
#feature{
  width: 327px;
}
#featuretitle{
  height: 24px;
  font-weight: bold;
  text-align: left;
  background: #695551;
  padding: 7px 0px 0px 10px;
}
#featuredesc{
  text-align: left;
  padding: 5px;
  background-color:#efefef;
}
  
/*Design Section*/
a.designlink{
  color:#da512c;
  text-decoration: none;
}
a.designlink:hover{
  color:#ffffff;
}
a.designlink:visited{
  color:#da512c;
}

#designwrapper{
  width: 708px;
  text-align: left;
  background: url('images/bg_content.gif') top repeat-y;
}
#designleft{
  float: left;    
  width: 230px;
  text-align: left;
}
#designright{
  float: left;
  width: 393px;
  text-align: center;
}
#itemslist{
   text-align: left;
   position: relative;
   float: left;
   left: 50px;
   width: 160px;
   height: auto;
   clear: both;
 }
#items{
  position: relative;
  z-index: 2;
 }

div.group{
  font-size: 1.2em;
  margin: 5px 0px 5px 0px; 
}   

#itemframe{
  background: #eaeaea;
  width: 413px;
  position: relative;
  text-align: center;
}
#itempic{
  width: 413px;
  text-align: center;
  clear:both;
}
#itempic.img{
  display: block;
  position: relative;
}
#iteminfo{
background: #eaeaea;  
width: 413px;
}
#itemtext{
background: #eaeaea;
  text-align: left;
  width: 413px;
}
#itemtext p{
padding: 5px;
margin:0px;
}
#itemviews{
  text-align: right;
  vertical-align: middle;
  background: white;
  height: 20px;
  width: 410px;
  border:1px solid #e8e8e8;
}
#itemviews p {
	margin:2px 5px 0px 0px;
	padding:0px;
}
/*Films Section*/ 
#filmswrapper{
  width: 708px;
  background: url('images/bg_content.gif') top repeat-y;
}
#filmsleft{
  float: left;    
  width: 220px;
  height: 634px;
  text-align: center;
}
#filmsright{
  float: left;
  height: 634px;
  width: 409px;
  text-align: center;
}
#filmitemslist{
   text-align: left;
   position: relative;
   float: left;
   top: 0px;
   left: 50px;
   width: 129px;
   height: 400px;
   clear: both;
   overflow: hidden;
 }
#filminfo{
background: #eaeaea;
width: 380px;
height: auto;
margin: 0px auto;
text-align: left;
padding: 6px;
}
#filmdownload{
  text-align: right;
  }
/* Labs Section*/

#labswrapper{
  width: 708px;
  background: url('images/bg_content.gif') top repeat-y;
}
#lablist{
  /*border: 1px solid white;*/
  width: 531px;
 margin-left:86px;
}
#labitems{
	width: 531px;
	position: relative;
}

div.labitem{
  height: 80px;
  background: #e8e8e8;
  margin: 8px 0px 18px 0px;
  border:1px solid #c7c7c7;
}
div.labthumb{
  float: left;
  width: 112px;
  height: 76px;
  background: #c7c7c7;
  margin: 2px 0px 2px 2px;
}
div.labthumb img{
 margin: 2px; 
  }
div.labinfopanel{
  float: left;
  margin: 2px 0px;
  width: 313px;
  height: 74px;	
  text-align: left;
}
div.labtitle{
  padding: 2px 0px 2px 7px;
}
div.labdesc{
  position: relative;
  top: 6px;
  background: transparent;
  height: 37px;
  width:297px;
  padding: 2px 0px 2px 7px;
}
#linkbox{
  float: right;
  height: 72px;
  width: 94px;
  background: #ffffff;
  margin: 3px 3px;
  overflow: hidden;
  position: relative;
  border:1px solid #c7c7c7;
}
#linkbox[id]{
  display: table; 
  position: static;
}

#linkwrap{
  position: absolute;
  vertical-align:middle;
  width: 94px;
  left: 0;
  text-align: center;
}
#linkwrap[id]{
  display: table-cell; 
  vertical-align: middle; 
  position: static;
}
#linkwrap div{
  position: relative;
  top: 100%;
}
#labssort{
  width: 531px;
  margin: 0px auto;
  text-align: right;
  z-index: 2;
    }  
/*About Us Section*/
#aboutwrapper{
  position: relative;
  float:left;
  width: 708px;
  background: url('images/bg_content.gif') top repeat-y;
}
#aboutpic{
  position: relative;
  float:left;
  width:482px;
  height:280px;
  margin-bottom:5px;
}
#abouttext{
  text-align: left;
  position: relative;
  float:left;
  width:482px;
}
#headerabout{
position:relative;
float:left;
margin-bottom:2px;
}
#leftspacer{
position:relative;
float:left;
height:749px;
width:113px;
}
#abouttopspacer{
position:relative;
float:left;
width:550px;
height:41px;
}
#bottomspacer{
position:relative;
float:left;
width:400px;
height:240px;
}
/*Links Section */
#linkswrapper{
  width: 708px;
  min-height:500px;
  background: url('images/bg_content.gif') top repeat-y;
  text-align: center;
}
#linksframe{
  position: relative;
 margin-left:50px;
 text-align:left;
  }
#links{
  text-align: left;
  }
dd{
margin: 5px 0px 5px 25px;
}
/*Contact Section 2007*/
#contactwrapper{
position:relative;
  width: 708px;
  background: url('images/bg_content.gif') top repeat-y;
}
#contactcontent{
position:relative;
margin: 0px 0px 0px 50px;
clear:both;
}
#contactinfo{
clear:both;
width:300px;
height:68px;
}
.contactitem{
float:left;
width:100px;
}
#contactform{
margin-top: 5px;
}
input, textarea{
font-family:trebuchet ms;
color: #444444;
font-size:1em;
}
#formtitle{
height:20px;
width:77px;
position:relative;
float:left;
clear:none;
display:block;
text-align:left;
}
#contactinput{
padding-top: 3px;
padding-left: 3px;
border:1px solid #c7c7c7;
width:247px;
height:20px;
background-color:white;
margin-bottom:2px;
margin-top:0px;
}
#contactTA{
padding-top: 3px;
padding-left: 4px;
width:247px;
height:158px;
background-color:white;
border:1px solid #c7c7c7;
}
#contactsubmit{
width: 75px;
height:19px;
border:1px solid #c7c7c7;
background-color:white;
display:block;
cursor:pointer;
}

/*Admin Section */
#adminwrapper{
width: 708px;
min-height: 749px;
background: url('images/blank_bg.gif');
margin: 0px auto;
position: relative;
}
#loginpanel{
  position: relative;
  top: 50px;
  background: #695551;
  width: 300px;
  height: 100px;
  margin: 0px auto;
}
#logintitle{
  height: 17px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #7f9496;
  padding: 3px;
}
#pass{
  width: 150px;
  height: 20px;
  border: 0px;
  margin: 10px 0px 0px 0px;
  color: #442b26;
  text-align: center;
}
#login{
  background: #442b26;
  width: 150px;
  height: 20px;
  border: 0px;
  color: #fff;
  border: 1px dotted #da512c;
}
#functionwrapper{
  width: 500px;
  height: auto;
  color: #fff;
  position: absolute;
  top: 40px;
  left: 10px;
}
#adminmenu{
  width: 100px;
  height: 200px;
  position: absolute;
  top: 40px;
  left: 520px;
  background: #695551;
  text-align: left;
  padding: 3px;
}
#adminmenutitle{
  height: 17px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #7f9496;
  padding: 3px;
}
#logout{
  background: #442b26;
  width: 100px;
  height: 20px;
  color: #fff;
  border: 1px dotted #7f9496;
  position: absolute;
  bottom: 3px;
} 
#configwrapper{
  background: #695551;	
  width: 400px;
  height: 350px;
  text-align: left;
  padding: 3px;
  }
#updateconf{
  background: #442b26;
  width: 100px;
  height: 20px;
  color: #fff;
  border: 1px dotted #7f9496;
}
#addcontent{
  background: #695551;	
  width: 400px;
  height: 420px;
  text-align: left;
  padding: 3px;
}

#editcontent{
  background: #695551;	
  width: 400px;
  text-align: left;
  padding: 3px;
}
#addnews{
  background: #695551;	
  width: 400px;
  height: 200px;
  text-align: left;
  padding: 3px;
}
#editnews{
  background: #695551;	
  width: 400px;
  height: 400px;
  text-align: left;
  padding: 3px;
}
#editmask{
	height: 380px;
	overflow: hidden;
}
#edititems{
	position: relative;
	height: auto;
}
#editscroll{
	height: 379px;
	width: 17px;
	background: url(images/labs_scroll.gif) no-repeat;
	float: left;
	position: absolute;
  top: 25px;
  left: 455px;
}
input.admin{
  background: #442b26;
  width: 100px;
  height: 20px;
  color: #fff;
  border: 1px dotted #7f9496;
  }
#purchase{
	border:1px solid #c7c7c7;
	background-color:white;
	display:block;
	cursor:pointer;
	padding:0px;
	margin:0px;
	width:100px;
	height:20px;
}
#purchase input:hover{
	cursor: pointer;
	}
#validators{
	float: left;
}
/* Shop */

#shop{
margin-top:20px;
}
.shopclearleft{
position:relative;
float:left;
width:86px;
height:300px;
}
#shopcontent{
position:relative;
float:left;
width:481px;
height:auto;
}
.shopitem{
width:481px;
height:235px;
float:left;
clear:right;
margin-bottom:30px;
}
.shopitemclear{
float:left;
width:28px;
height:235px;
}
.shopimg{
width:234px;
height:235px;
float:left;
margin-right:28px;
}
.shopinfo{
float:left;
width:219px;
height:235px;
}
.shopinfo p{
margin-top:8px;
margin-bottom:8px;
line-height:1.5em;
}
p.shoptitle{
font-weight:bold;
font-size:12px;
color:#59bddc;
margin-top:30px;
}
.shopEnlarge{
color:#59bddc;
font-size:10px;
}
#purchaseShop{
	border:1px solid #c7c7c7;
	background-color:white;
	display:block;
	cursor:pointer;
	padding:0px;
	margin:0px;
	width:70px;
	height:20px;
}
#purchaseShop input:hover{
	cursor: pointer;
	}
.shopclear{
width:481px;
height:1px;
clear:both;
}