*{
  margin:0;
  padding:0;   
  outline-style:none;
}  
body{ 
  background:#000;
  color:#DDD; 
  font-family:Arial,Helvetica, Verdana;
  text-align:center;
  font-size:9pt;
}
a:link, a:visited{
  color:#CCC;
  text-decoration:none;
}
a:hover{
  color:#FFF;
}

ul li{
list-style:none;
}

#page{
  position:relative;
  width:978px;
  margin:0 auto;
  text-align:left;
} 
#top{
  position:relative;
  height:20%;
  background:url(images/bg_top.gif) repeat-x bottom; 
}
#bottom{
  margin-top:0;
  position:relative;
  height:30%;
  background:url(images/bg_bottom.gif) repeat-x top; 
}
#immix_logo{
  position:absolute;
  top:-65px;
  display:block;
  width:193px;
  height:56px;
  background:url(images/immix_logo.gif) no-repeat;
}
#immix_logo span{
  display:none;
}

#main_menu{
  margin-top:7px; 
  background: url(images/bg_content_top.gif) no-repeat top;
  width:978px;
  height:52px;
  position:relative;
}
#loading{
  position:absolute;
  right:12px;
  top:12px;
  width:20px;
  height:20px;
  background:url(images/bg_loading.gif) no-repeat;
}
#loading span{
  display:none;
}
/* HEADING */
h2 span{
  display:none;
}

h2{
  height:24px;
  display:block; 
  margin-bottom:5px;
}
h2.t_featured_projects{
  background: url(images/sprite_titles.png) no-repeat;
  _background: url(images/sprite_titles.gif) no-repeat; 
  
}

.top_menu{
  position:absolute;
  top:13px;
  left:50%;
  margin-left:-150px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
}
.top_menu li{
  display:block;
  float:left;
  margin-right:30px;
}

.top_menu li a.selected{
  color:#FFF;
}


/* CONTENT */

#content{
  background:url(images/bg_content_repeat.gif) repeat-y;
}
#content .content_pad{

  _height:360px; 
  min-height:360px;

  margin:0 8px;
  
  background:url(images/bg_content.gif) no-repeat right;

} 
#content_left{
  float:left;
  margin-left:25px;
  _margin-left:12px;
  padding:0;
  margin-top:10px;
  width:449px;
  position:relative;
}
#content_right{
  padding-top:20px;
  width:440px;
  float:right; 
  margin-right:25px;
  _margin-right:12px;
}

#content_bar{
  background:#333;
  position:relative;
  height:50px;
  margin-bottom:6px;
}

#content_screen{
  min-height:283px;
  _height:283px;
  margin-bottom:4px;
  overflow:hidden;
}
#content_desc{
  color:#FFF;
  height:20px;
  line-height:20px;
  padding-left:10px;
  letter-spacing:2px;
  font-size:7pt;
  text-transform:uppercase;
}
.content_menu{
  padding-left:10px;
  padding-right:4px;
  padding-top:4px;
  padding-bottom:4px;
}
.content_menu li{
  display:block;
  float:left;
}
.content_menu li a{
  display:block;
  text-align:center;
  line-height:20px;
  height:20px;
  width:20px;
}
.content_menu li a.selected:link,
.content_menu li a.selected:visited{
  background:url(images/bg_num_on.png) no-repeat;
  color:#777;
  font-weight:bold;
  _background:none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.immixproductions.com/2008/template/immix/images/bg_num_on.png', sizingMethod='crop');
  
}
.ornament_left, .ornament_right{
	width:22px;
	height:172px;
	display:block;
	position:absolute;
	top:30%;
}
.ornament_left{
	left:-15px;
	background:url(images/bg_content_left.gif) no-repeat;
}
.ornament_right{
	right:-15px;
	background:url(images/bg_content_right.gif) no-repeat;
}

.corner1, .corner2,.corner3,.corner4{
  background:url(images/bg_corner.png) no-repeat;
  _background:url(images/bg_corner.gif) no-repeat; /* IE6 */
  width:9px;
  height:9px;
  font-size:1px;
  position:absolute;
}
.corner2{
  background-position:-9px 0;
  right:0;
  _right:-1px;
  top:0;
}
.corner3{
  background-position:-9px -9px;
  right:0;
  _right:-1px;  
  bottom:0;
}
.corner4{
  background-position:0 -9px;
  left:0;
  bottom:0;
}


#content p{
  padding: 5px 0;
}

#footer{
  background:url(images/bg_footer.gif) no-repeat;
  width:978px;
  height:78px;
  position:relative;
  margin:0 auto;
  text-align:center;
}
#footer .footer_pad{
  padding:50px 0 0 0;
  letter-spacing:2px;
  color:#FFF;
  font-size:10px;
}
.spacer{
  font-size:150%;
  padding:0 10px;
  color:#DDD;
}

#bottom_ornament{
  margin:0 auto;
  background:url(images/bg_footer.gif) no-repeat 0 -78px;
  height:100px;
  width:978px;
  
}

/* PORTFOLIO */

.portfolio_items{ 
  margin-top:5px;
  display:block;
}
.portfolio_items li{
  display:block;
  width:50%;
  font-size:9pt;
  float:left;
}
.portfolio_items li a{
  font-style:italic;
  line-height:20px;
  height:20px; 
  padding:0 4px; 
  text-transform:uppercase;
  display:block;
}
.portfolio_items li a.selected:link,
.portfolio_items li a.selected:visited{
  background:url(images/bg_portfolio_on.png) no-repeat;
  _background:url(images/bg_portfolio_on.gif) no-repeat;
  color:#444;
  font-weight:bold;
}



.portfolio_box{
  clear:both;
  padding-bottom:10px;
}

.portfolio_box h2{
  font-size:12pt;
  border-bottom:1px solid #CCC;
  background:url(images/sprite_titles.png) no-repeat;  
  _background:url(images/sprite_titles.gif) no-repeat;  

  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sprite_titles.png');
  display:block;
  height:18px;
  color:#FFF;
}

.portfolio_box h2 span{
  display:none;
}

.portfolio_box h2.t_animation{
  background-position:0 -150px;
  
}
.portfolio_box h2.t_identity{
  background-position:0 -175px;
}

.portfolio_box h2.t_website{
  background-position:0 -200px;
}

.portfolio_box h2.t_graphicdesign{
  background-position:0 -225px;
}


#nav_more{
  float:right;
  font-size:8pt;
  margin-right:5px;
  padding-top:2px;
}

#content_nav span{
  display:none;
}
#content_nav{
  float:right;
  clear:both;
}
#go_url{
  float:left;
  display:block;
  height:27px;
  width:116px;
  text-indent:-10000px;
  background:url(images/bg_launch.gif) no-repeat;
}
#go_url:hover{
  background-position:0 -27px;
}
#nav_prev, #nav_next{
  float:left;
  display:block;
  width:31px;
  height:27px;
  background:url(images/bg_prevnext.gif) no-repeat;
}
#nav_prev:link, #nav_prev:visited{
  background-position:0 0;
}
#nav_prev:hover{
  background-position:0 -27px;
}
#nav_next:link, #nav_next:visited{
  background-position:-31px 0;
}
#nav_next:hover{
  background-position:-31px -27px;
}

#content_longdesc{
  position:absolute;
  top:0;
  width:460px;
  left:460px;
  overflow:hidden;
  display:none;
}
#content_longdesc h3{
  text-transform:uppercase;
  font-size:10pt;
  letter-spacing:2px;
}
#content_longdesc_pan{
  color:#FFF;
  background:#000;
  width:460px;
  position:relative;
  left:-460px;
  min-height:360px;
  _height:360px;

}
#longdesc_close{
  position:absolute;
  top:0;
  right:0;
  font-size:8pt;
}
.pad_30{
  padding: 0 20px;
  
}


/* Magic Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;zoom:1}