@font-face {
	font-family: 'ChunkFive';
	src: url('fonts/Chunkfive-webfont.eot');
	src: local('?'), url('fonts/Chunkfive-webfont.woff') format('woff'), 
		 url('fonts/Chunkfive-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




.alpha {
behavior: url("/library/backend/iepngfix.htc");
}

.preload #header img,
.preload #portfolio img{
opacity:0;
filter:alpha(opacity=0);
}

.preload #portfolio .custom-view img{
opacity:1;
filter:alpha(opacity=100);
}


body{
margin:0;
padding:0;
background:#322516;
_text-align:center;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#page{
width:950px;
margin:auto;
_text-align:left;
background:url(../images/page-shadow.gif) repeat-y top right #1d1100;
}


#header{
height:375px;
}

#intro{
text-align:center;
width:450px;
position:relative;
text-transform:uppercase;
margin:auto;
_margin-left:242px;
margin-top:-100px;
}

#logo{
display:block;
margin:auto;
margin-bottom:20px;
}

h1{
font-family:"ChunkFive", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight:normal;
letter-spacing:6px;
font-size:24px;
margin:0;
text-align:left;
margin-bottom:7px;
position:relative;
}

#cs{
font-size:14px;
letter-spacing:4px;
position:absolute;
display:block;
right:0;
bottom:3px;;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
zoom:1;
_position:relative;
_display:inline;
}

#services{
color:#9e8b7a;
clear:both;
font-size:15px;
letter-spacing:4px;
border: 1px solid #716150;
border-left:0;
border-right:0;
padding:5px 0;
zoom:1;
}


#contact{
padding:10px 0;
border-bottom: 1px solid #716150;
height:20px;
}


#email{
float:left;
border:0;
}

#phone{
float:right;
font-size:16px;
letter-spacing:3px;
}

#intro a{
text-decoration:none;
color:#5d4c3d;
font-family:"ChunkFive", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display:block;
}


#secret-id-link{
background:url(../images/arrow-right.gif) no-repeat left center;
padding-left: 20px;
font-size:27px;
letter-spacing:6px;
text-align:right;
margin:10px 0;
padding-top:2px;
}

.preload #secret-id{
height:0px;
opacity:0;
filter:alpha(opacity=0)
}

#secret-id{
width:936px;
height:330px;
margin-left:-250px;	
overflow:hidden;	
position:relative;
background:url(../images/secret-id-bg.png) no-repeat;
text-transform:none;
text-align:left;
}



#secret-id p,
#secret-id h2{
margin:0;
background:none;
}

#secret-id ul{
margin:0;
padding:0;
}

#secret-id li{
list-style-type:none;
margin:0;
padding:0;
}

#close-secret-id{
width:22px;
height:22px;
position:absolute;
right:0;
top:18px;
overflow:hidden;
background:url(../images/close-secret-id.png) no-repeat top right;
opacity:0.5;
filter:alpha(opacity=50);
cursor:pointer;
display:none;
}

.preload #close-secret-id{
display:block;	
}


#portfolio-link{
font-size:55px;
letter-spacing:15px;
}

#portfolio{
position:relative;
width:880px;
padding-left:55px;
margin-top:30px;
}

#vertical-watermark{
position:absolute;
top:12px;
left:-34px;
}

.fixed{
position:fixed!important;
top:10px!important;
_position:absolute!important;
_top:12px!important;
}


/*:::::: Portfolio :::::::*/
#portfolio h2{
background:url(../images/rule.gif) repeat-x left center;
font-family:"ChunkFive", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#7C6D5C;
font-size:20px;
letter-spacing:10px;
font-weight:normal;
text-align:center;
text-transform:uppercase;
margin:60px 0 5px;
padding-right:35px;
}


#portfolio a{
display:block;
}

#portfolio h2 span{
padding: 0 20px 0 40px;
position:relative;
background:#1d1100;
}

.thumb{
display:block;
position:relative;
width:880px;
height:100px;
}


.thumb img{
border:0;
}

.viewport{
height:560px;
position:relative;
}


/*Fixes iframe white background showing during load */
.preload .viewport iframe{
visibility:hidden;	
}

/*:::::: Gallery :::::::*/

.viewport .gallery{
position:relative;
}

.viewport .gallery img{
display:block;
width:880px;
height:540px;
position:absolute;
top:0;
left:0;
filter:inherit;
}

.gallery .nav{
position:absolute;
top:550px;
height:30px;
width:100%;
}

.close-button{
width:30px;
height:30px;
cursor:pointer;
position:absolute;
display:block;
right:10px;
background:url(../images/close-button.gif) no-repeat center center;
opacity:0.5;
filter:alpha(opacity=50);
}

.nav-item-box{
float:left;
}

.nav-item{
width:30px;
height:30px;
cursor:pointer;
float:left;
background:url(../images/nav-item.gif) no-repeat center center;
display:block;
position:relative;
}

.viewport div{
position:relative;
zoom:1;
}

.launch{
color:white;
display:block;
float:left;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
padding-left:15px;
text-decoration:none;
color:#675647;
padding-top:6px;
background:#1D1100;
}

.loading{
background:url(../images/loading.gif) no-repeat 432px 263px;	
}

#superpowers ul span{
font-family:"Times New Roman", Times, serif;
font-size:20px;
}


#custom-view{
position:relative;	
}