/* body */
body
{ 
background-color: #3A3E30;
overflow: hidden;
margin: 20px;

SCROLLBAR-FACE-COLOR: #fff;
SCROLLBAR-HIGHLIGHT-COLOR: #000;
SCROLLBAR-SHADOW-COLOR: #333;
SCROLLBAR-3DLIGHT-COLOR: #777;
SCROLLBAR-ARROW-COLOR: #000;
SCROLLBAR-TRACK-COLOR: #777;
SCROLLBAR-DARKSHADOW-COLOR: #000; 
}


/* box1 */
#wrapper 
{
margin: 0 auto;
width: 1000px;
}

/* main content */

#maincontent
{
width: 100%;
height: 100%;
}


/* bg */

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -100;
}


/*LOADER*/

/*this is what we want the div to look like when it is not showing*/
div.loading-invisible{
/*make invisible*/
display:none;
}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
/*make visible*/
display: block;


/*positionr*/
position: fixed;
text-align: center;
overflow:  hidden;
z-index: 5000;
top: 275px;
height: 100%;
width: 100%;

/*in supporting browsers, make it a little transparent*/
background: none;
_background: none; /*this line removes the background in IE*/
opacity:1.0;
}

/* logos */

#logos {
width:920px;
border-top:none;
border-bottom:none;
overflow:hidden;
padding:40px;
background:none;
}

 
/* menu links */
a.menu:link 
{
text-decoration: none;
color: #777;
}
a.menu:visited 
{
text-decoration: none;
color: #777;
}
a.menu:active 
{
text-decoration: none;
color: #fff;
}
a.menu:hover 
{
text-decoration: none;
color: #fff;
}
a.menu:current
{
color: #fff;
}


/* title links */
a.title:link 
{
text-decoration: none;
color: #000;
}
a.title:visited 
{
text-decoration: none;
color: #000;
}
a.title:active 
{
text-decoration: none;
color: #999;
}
a.title:hover 
{
text-decoration: none;
color: #999;
}


/* project links */
a.project:link 
{
text-decoration: none;
color: #fff;
}
a.project:visited 
{
text-decoration: none;
color: #fff;
}
a.project:active 
{
text-decoration: none;
color: #555;
}
a.project:hover 
{
text-decoration: none;
color: #555;
}


/* scondary links */
a.secondary:link 
{
text-decoration: none;
color: #fff;
}
a.secondary:visited 
{
text-decoration: none;
color: #fff;
}
a.secondary:active 
{
text-decoration: none;
color: #fff;
}
a.secondary:hover 
{
text-decoration: none;
color: #777;
}

/* scondary2 links */
a.secondary2:link 
{
text-decoration: none;
color: #fff;
}
a.secondary2:visited 
{
text-decoration: none;
color: #fff;
}
a.secondary2:active 
{
text-decoration: none;
color: #fff;
}
a.secondary2:hover 
{
text-decoration: none;
color: #000;
}


/* m1 */

#menu1 {
width:1000px;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 12px;
border-top:1px solid #000;
border-bottom:1pt solid #000;
overflow:hidden;
padding:0;
background:#333;
line-height:auto;
  
}
#menu1 ul 
{
clear:left;
float:left;
list-style:none;
margin:0;
padding:3px;
position:relative;
left:50%;
text-align:center;
vertical-align: center;
}

#menu1 ul li 
{
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}

#menu1 ul li a 
{
display:block;
margin:0;
padding:0;
background:none;
text-decoration:none;
}

#menu1 ul li a:hover 
{

}


/* Dropdown*/

#dropbox
{
background:transparent;
}

#drop
{
position:absolute; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-decoration:none;
color:#000;
z-index:100;
width:auto; 
}
#drop ul .item
{
display:none;
}
#drop ul:hover .item
{
display:block; 
background:#fff; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#000;
text-decoration:none;
width:992px; 
}

#drop ul:hover .item a
{
text-decoration:none;
}

#drop ul:hover .item a:hover 
{
text-decoration:none;
}

#drop ul
{
margin:0; 
background:#777;
list-style:none;}

.clear
{
clear:both; 
height:auto;
}



/* logo header */

#h1
{
width:1000px; 
height:100%; 
color: #000;
font-family: hoefler-text, palatino, times, serif;
text-decoration: none;
font-size: 30px;
padding-right: 5px;
z-index:200;
}

/* content text */

#h2
{
width:990px; 
height:100%; 
color: #000;
background-color:none;
text-align: left;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 11px;
padding: 3px;
z-index:300;
}


/* footer */

#h3 
{
float:left;
width:1000px;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 11px;
color: #777;
background:#333;
position: absolute;
padding-top: 0px;
padding-bottom: 0px;
text-align:center;
line-height: normal;
border-bottom:1pt solid #000;
border-top:1pt solid #000;
z-index:400;
}


/* footerintro */

#hintro
{
float:left;
width:1000px;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 11px;
color: #000;
background:none;
position: absolute;
padding-top: 0px;
padding-bottom: 0px;
text-align:center;
line-height: normal;
border-bottom:1pt solid #000;
border-top:1pt solid #000;
z-index:400;
}


/* project title */

#h4 
{
float:left;
width:995px;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 14px;
color: #fff;
background: #000;
border-bottom:none;
position: absolute;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align: left;
z-index:500;
}


/* PDF Links */

#h5
{
width:998px; 
height:100%; 
color: #000;
background-color:#555;
text-align: center;
display: block;
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 11px;
padding: 1px;
table-layout: inherit;
}

/* pop text */

#p1
{
font-family: arial, helvetica, san-serif;
text-decoration: none;
font-size: 12px;
font-style: italic;
color: #fff;
background: #CC6600;
}


/* text fade slideshow */

.clear 
{
clear:both;
}

#gallery 
{
position:relative;
height:500px;
}
#gallery a 
{
float:left;
position:absolute;
}
	
#gallery a img
{
border:none;
}
	
#gallery a.show 
{
z-index:500;
}

#gallery .caption 
{
z-index:600; 
background-color:#000; 
color:#fff; 
height:auto; 
width:100%; 
margin:0;
position:absolute;
bottom:0;
}

#gallery .caption .content
{
text-transform:uppercase;
font-family: Arial, Helvetica, San-Serif;
font-size:14px;
letter-spacing:3px;
text-align:left;
padding:5px;
margin:0px;
color:#fff;
}


/* side slideshow */

#slideshow {
width: 1000px;
height:100%;
background-color: #3A3E35;
border:none;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* Slideshow Slides */
#slideshow .slides {
overflow: hidden;
width: 1000px;
height: 500px;}

#slideshow .slides ul {
width: 1000px;
height: 500px;}

#slideshow .slides li {
width: 1000px;
height: 500px;
float: left;
padding: 0;
}


/* sideslide slideshow navigation */
#slideshow .slides-nav {
font-family: Arial, Helvetica, San-Serif;
font-size: 12px;
background-color: #000;
border-top:none;
color: #333;
width:1000px;}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding:5px;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #777;}

.js #slideshow .slides-nav li.on a 
{
position: relative;
}

/* sliding text over image */
div.wrapper
{  
position:relative; /* important(so we can absolutely position the description div */  
}
  
div.description
{  
position:absolute; /* absolute position (so we can position it where we want)*/  
bottom:0px; /* position will be on bottom */  
left:0px;  
display:none; /* none to hide it */  
	/* styling below */  
background-color: #000;  
font-family: arial, helvetica, san-serif;  
font-size:12px;  
color: #fff;  
}  

div.description_content
{  
padding:10px;  
}


/* visible sliding text over image */

.ic_container{
    vertical-align: baseline;
    margin:0px;
    position:relative;
    background-color: #000;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.ic_container2{
    vertical-align:baseline;
    margin:0px;
    position:relative;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #000;
    }
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
    
.overlay{
    opacity:.5;
    position:absolute;  
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter:progid:DXImageTransform.Microsoft.Alpha( opacity=50);
}

.ic_caption{
    position:absolute;
    opacity:.70;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha( opacity=70);
}

.ic_category{
    text-transform:uppercase;
    font-family: Arial, Helvetica, San-Serif;
    font-size:14px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:5px;
    margin:0px;
   	font-size:12px;
   	font-style: italic;
}


.ic_text{
    padding:23px;
    margin:0px;
    text-align:left;
    font-family: Arial, Helvetica, San-Serif;
    font-size:12px;
    height: auto;
}

/* END visible sliding text over image */