/* STRUCTURE */
*{
  margin:0;
  padding:0;
  list-style:none;
  outline-style:none;
  font-size:12px; 
  zoom:1;
}
p{
  zoom:0;
}

body{
  text-align:center;
  background:#FFF;
  font-family:Arial, Helvetica, Sans,  Verdana;
  font-size:12px;
  color:#A1A1A1;

}
img{
  border:0;  
}


a:link, a:visited{
  color:#A1A1A1;  
  text-decoration:none;
}
a:hover{
  color:#afbc3b;  
  
}
.wwidth{
  width: 728px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.content_back{
  background:url(images/horizontal_grey.gif) repeat-x ;
  /* background:url(images/picturenav_sprite.gif) repeat-x ;  */




}

/* Header */

#header{
  position:relative;
  height:140px;  
}

#header .logo{
  position:absolute;
  top:35px;
  left:17px;
}
#header .logo a{
  width:202px;
  height:56px;
  display:block;
  text-indent:-10000px;
  background:url(images/inventure_logo.jpg) no-repeat;

}

/* Content */
#content{
  min-height:430px;
  position:relative;
  _height:430px;
}

h2, h3{
  font-family:"Futura Lt BT", "Century Gothic", Helvetica, Arial;  
  color:#000;
}


h2{
  font-size:14pt;  
  font-weight:bold;
  color:#000;
  margin-bottom:20px;
}
.alignleft{
  float:left;
}
.alignright{
  float:right;
}

.rightpicture{
  position:absolute;
  right:10px;
}

#content_background{
  min-height:430px;
  _height:430px;
}

.back1{
  background:url(images/background_1.jpg) no-repeat;
}


.content_box{
  background:#FFF;
  width:570px;
  min-height:400px;
  position:absolute;
  top:15px;
  left:135px;
  position:relative;

  _height:400px;
  opacity:0;
  filter:alpha(opacity=0); 
  
}

.content_box #footer{
  position:absolute;
  bottom:-80px;
  left:-150px;
}

.content_box ul{
  padding-left:20px;
}
.content_box ul li{
  list-style:disc;
}


#content .content_pad{

}
#content .content_pad,
#content .content_pad p {
  font-size:9pt;  
}
#content .content_pad p {
  line-height:16px;
  margin-bottom:20px;
  
}

.content_box .content_pad{
  padding:30px 180px 20px 30px; 
}
.picture_padding{
  margin-right:160px;
}


/* Scrollbar */
.content_scrollable{
  /* height:310px; */
  width:520px;
}
.full_scrollable{
  min-height:345px; 
  _height:345px;
}


/* Tab Control */
.tab_container{
  position:relative;
}
.tab_content{
 /*  height:300px; */
}
.tab_header{
  margin:0 0 10px 0;
  padding:0 !important;  
}
.tab_header li{
  display:inline;
  line-height:20px;
  height:20px;
  padding:0 10px;
  border-left:1px solid #AFBC3B; 
  list-style:none; 
}
.tab_header li a{
  font-family:"Futura Lt BT","Century Gothic",Helvetica,Arial;
  color:#000;
  font-size:13px;
}
.tab_header li a.selected{
  font-weight:bold;
}

.tab_header li.first{
  padding-left:0;
  border-left:0;  
}
.double{
  line-height:20px;  
}
/* Footer */
#footer{
  padding: 20px;  
}
.footmenu{
  float:right;
}
.footmenu li{
  display:inline;
  margin-left:10px;  
}
.footmenu li a{
  font-size:8pt;
}

#footer p{
  font-size:8pt;
}

/* Form Elements */
fieldset{
  border:0;
}
fieldset p{
  padding:5px 0 ;
  margin:0 0 5px 0;
}
fieldset label{
  float:left;
  display:block;
  width:120px;
}

input{
  font-size:10pt;
}


/* Home Page */
#homepage_showcase{
  width:728px;
  height:430px;
}
#homepage_showcase #prev{
  position:absolute;
  left:-30px;  
  top:200px;
  font-size:14pt;
}
#homepage_showcase #next{
  position:absolute;
  right:-30px;  
  top:200px;
  font-size:14pt;
}


#screen{
  height:430px;
  width:728px;
  overflow: hidden;

}
.screen_item{
  position:absolute;
}
#screen .screen_desc{
  position:absolute;
  width:150px;
  height:150px;
  top:10px;
  right:10px;  
}
#screen .screen_desc .p{
  color:#444;
  position:absolute;
  font-weight:bold;
  top:10px;
  left:10px;
  width:130px;
  height:130px;
  z-index:100;
  font-family: Arial;
}
#screen .screen_desc .p *{
  font-size:12px;
}

#screen .screen_desc .p .detail{
  display:block;
  font-weight:normal;
  margin-top:20px;
  color:#000;
}

#screen .screen_desc .bg{
  width:150px;
  height:150px;
  position:absolute;
  top:0;
  left:0;
  background:#FFF;  
}

/* Project Index */

.thumbnail_index{
  width:145px;
  height:145px;
  float:left;
  position:relative;
}

.thumbnail_index .p{
  position:absolute;
  z-index:100;
}

.thumbnail_index .bg{

}

.thumbnail_index .info_box{
  position:absolute;
  width:124px;
  height:124px;
  top:8px;
  left:8px;
  background:none;
}

.thumbnail_index .info_box .p{
  margin: 5px;
  font-weight:bold;
  color:#444;
  font-family:"Futura Lt BT", "Century Gothic", "Lucida Grande", Arial, Helvetica;
}

.thumbnail_index .info_box .bg{
  position:absolute;
  width:124px;
  height:124px;
  top:0;
  left:0;
  /* background:#FFF; 
    opacity:0.8;
  filter:alpha(opacity=20);  

  */
  background:url(images/transparent.png);
  
  
  _display:none;
}
.thumbnail_index:link .info_box, .thumbnail_index:visited .info_box{
  display:none; 
}

.thumbnail_index:hover .info_box{
  display:block;
  zoom:1;
}

/* Project Page */
.description_box{
  width:150px;
  position:absolute;
  right:-20px;
  top:0;
  font-family:"Futura Lt BT", "Century Gothic", "Lucida Grande", Arial, Helvetica;
  font-size:9pt;
  color:#707070;
}

.description_box h2{
  margin-top:30px;
  margin-bottom:10px;
  font-family:"Futura Lt BT", "Century Gothic", "Lucida Grande", Arial, Helvetica;
  font-size:9pt;
  font-weight:bold;
  color:#000;
}


/* Picturenav / Pagenav*/
.picturenav{
  margin-top:7px;
  position:relative;
}
.picturenav div{
  line-height:13px;
}
#picture_idx, #page_idx{
  display:block;
  float:left;
  margin-left:10px;
  margin-right:5px;
}
#picture_idx li,
#page_idx li{
  display:inline;
}
#picture_idx li{
  border-right:1px solid #DDD;
}
#page_idx li{
  border-left:1px solid #DDD;
}
#picture_idx li,
#page_idx li{
  line-height:11px;
  padding:0 5px;
  font-family:Verdana,"Century Gothic", Arial;
}

#page_idx li.first{
  border-left:0;
}
#picture_idx li a,
#page_idx li a{
  line-height:11px;
  font-size:8pt;
}
#picture_idx li a.selected,
#page_idx li a.selected{
  color:#da4829;
}
.picturenav .prev, .picturenav .next, .picturenav .back{
  background:url(images/picturenav_sprite.gif) no-repeat;
  display:block;
}
.picturenav .prev span,
.picturenav .next span,
.picturenav .back span{
  display:none;
}
.picturenav .prev, .picturenav .next{
  width:13px;
  height:13px;
  float:left;
}

.picturenav .back{
  width:66px;
  height:19px;
  position:absolute;
  top:-4px;
  left:518px;  
}

.picturenav .back{background-position:-29px 0}
.picturenav .prev{background-position: 0 0 }
.picturenav .next{background-position: -12px 0 }
.picturenav .prev:hover{background-position: 0 -14px }
.picturenav .next:hover{background-position: -12px -14px }
.picturenav .back:hover{background-position:-96px 0}

.content_paging{
  padding-top:4px;
}

/* Client Page */


a.clientlink:link,
a.clientlink:visited{
  color:rgb(128, 128, 128);  
  text-decoration:none;
  font-weight:bold;
}

a.clientlink:hover{
  color:#afbc3b; 
  font-weight:bold;
}

/* Main Menu */
#main_menu{
  top:72px;
  left:361px;
  width:400px;
}
#main_menu, #main_menu ul{
  position:absolute;  
}

#main_menu ul{
  display: none;
  left:0;
  top:25px;
  width:500px;
  background:#FFF;  
}

#main_menu .current-page-item ul,
#main_menu .current-page-parent ul,
#main_menu .current-page-ancestor ul{
  display:block !important;
}

#main_menu li{
  display:block;  
  float:left;
  margin-right:35px;  
}

#main_menu #page-item-2 a,
#main_menu #page-item-8 a,
#main_menu #page-item-9 a,
#main_menu #page-item-10 a{
  background: url(images/inventure_mainnav_sprite.gif) no-repeat;
  text-indent: -10000px;
  display:block;
  height:10px; 
}

#main_menu #page-item-2 a { width:65px; background-position:0px 0px }
#main_menu #page-item-8 a { width:62px; background-position:-102px 0px }
#main_menu #page-item-9 a { width:66px; background-position:-200px 0px }
#main_menu #page-item-10 a { width:62px; background-position:-307px 0px}

#main_menu #page-item-2 a:hover,
#main_menu #page-item-2.current-page-item a,
#main_menu #page-item-2.current-page-parent a,
#main_menu #page-item-2.current-page-ancestor a {background-position:0px -18px }

#main_menu #page-item-8 a:hover ,
#main_menu #page-item-8.current-page-item a,
#main_menu #page-item-8.current-page-parent a,
#main_menu #page-item-8.current-page-ancestor a {background-position:-102px -18px }

#main_menu #page-item-9 a:hover ,
#main_menu #page-item-9.current-page-item a,
#main_menu #page-item-9.current-page-parent a, 
#main_menu #page-item-9.current-page-ancestor a {background-position:-200px -18px }

#main_menu #page-item-10 a:hover ,
#main_menu #page-item-10.current-page-item a,
#main_menu #page-item-10.current-page-parent a,
#main_menu #page-item-10.current-page-ancestor a {background-position:-307px -18px}



#main_menu ul li{
  display:block;
  float:left;
  margin-right:0;
}

#main_menu ul li a{
  display:block;
  
  background:none !important;
  text-indent:0 !important;
  color:#a1a1a1;
  font-size:13px;
  line-height:13px;
  height:13px !important;
  padding: 0 8px;
  font-family: "Futura Lt BT", "Century Gothic", Helvetica, Arial;
  border-left: 1px solid #afbc3b;
  width:auto !important;
  _width:0;
  _display:inline-block;
}
#main_menu ul li.first a{
  border-left:0;
  padding:0 8px 0 0;
}
.current-page-parent ul li a,
.current-page-item ul li a
{
  font-weight:normal;  
}
.current-page-parent .current-page-item a,
.current-page-ancestor .current-page-parent a{
  color:#000 !important;
  font-weight:bold;
}
.opacity_0{
  opacity:0;
  filter:alpha(opacity=0);
}


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