/* main */
body{margin:auto; margin-top: 0px; padding:0px; background: #fff;overflow:hidden; }

/* Container */
.container{ width:1040px; margin:auto; z-index: 0;}
.container .header{ width:1040px; height: 60px; background: #fff; display: block; margin: 0px;}

.container .header h1{padding:0px; }
.container .header h1 a{background:url('http://www.iceboxstudios.com/imgs/logo/logo-40H.jpg') no-repeat 0px 0px;height:40px; width:178px; display:none;}
.container .header h1 a:hover{background:url('http://www.iceboxstudios.com/imgs/logo/logo-40H.jpg') no-repeat 0px 0px;height:40px; width:178px; display:block;}
.container .header h1 a span{display:none;}

/*  body  */
.header .logo{ width:250px; height: 40px; padding-left:30px; padding-top: 0px; }
.header .navi{ width:200px; padding-left:0px; top: 30px; right: 160px; background: #000; cursor: pointer; position:absolute;  }

.container .page .index{ width:800px; height: 800px; background: #fff; display: block; margin-left: 10px; position:absolute; top: 0px;}

/* footer */
.footer span {position:absolute;bottom:2px;left:10px;font-size:10px;color:#b2b2b2; display:block;}
.footer a{font-size:10px;color:#b2b2b2;}
.footer a:hover{color:black;}


/*  TAB MENU */
.tab-nav {
  	width: 540px;
  	overflow: hidden;  	
	position:absolute;
	top: 10px;
	right: 5px;
	float; right;
	z-index: 3;
}
.tab-nav ul {
  width: 1600px;
  margin-left: 470px; 
  position: relative;
  float: left; 
  padding-left: 0;
  list-style-type: none;
  background-color: #fff;
}
.tab-nav li { 
  float: left;
  clear: left; 
}
.tab-nav a {
  display: block;
  width: 74px;
  border-right: 1px solid #ddd;
  height: 25px;
  line-height: 24px;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #000; 
}
.tab-nav a:hover {
  text-decoration: underline;
}
.tab-nav h2 a:hover {
	color:#ccc;
}
.tab-nav a.expanded {
  background-position: 2px -244px;
}


/* second level */
.tab-nav ul ul { float: left; background-color: #333; width: auto; margin-left: 0;}
.tab-nav li li {clear: none;}
.tab-nav li li a { color: #fff; width: 100px; background-image: none;}

/* */

#secondary {
    color: #FFF;
    padding: 15px 35px;
    
}

#pageslide-slide-wrap {
    background-color: #000;
}

#pageslide-content h2 {
  color: #C60;
}

#pageslide-content a { 
  font-size:12px;
  padding:20px;
}

.pageslide-close {
  font-size: 12px;
  font-weight: bold;
  padding:10px !important; 
  border: 1px solid #C60;
}


/*
	Contact
*/
.contact .contact-form{margin-top:100px;width:280px;}
.contact p{margin:5px; color: #fff;}
.contact p.input{min-height:25px;}
.contact p.input label{display:block;float:left;width:60px;}
.contact input.text, .contact textarea{width:214px;padding:2px;border:solid 1px #ccc;margin-top:3px;}
.contact input.text:focus, .contact textarea:focus{border:solid 1px #999;}
.contact textarea{width:272px;height:72px;resize:none;padding-top:0px;}
.contact input.submit{cursor: pointer;border-width:1px;font-size:12px;padding:2px;background:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#666;}
.contact input.submit:hover{cursor: pointer;border-width:1px;font-size:12px;padding:2px;background:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff; background-color:#000;}
.contact label.error{padding-left:60px;width:214px !important; color: darkred; position:relative; top: 5px; }
.contact .textarea label.error{padding-left:0px;width:272px !important;}
.contact .close-contact{ padding-top: 50px;}


/* transparent class - cross browser */
.transparentclass {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/*
	Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html]
*/

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/*
	Regular clearing
	apply to column that should drop below previous ones.
*/

.clear { clear:both; }