/* CSS Document */


* {
	outline:none;
}

html {height:100%;}

img{  
	border-style: none;
}




body{
    margin:0; 
    padding:0;
    top:0; 
    left:0;
    overflow:hidden;
	
	/*background:url(images/code_script.jpg);	
	background-repeat:repeat;*/
	
	
	background-color:#CCCCCC;

	
}

p{
	margin:0 0 8px 0;
}

a{
	color:#ffffff;
	text-decoration:underline;
}

a:link{
	color:#ffffff;
	text-decoration:underline;
}

a:visited{
	color:#ffffff;
	text-decoration:underline;
}

a:hover{
	color:#CCCC00;
	text-decoration:underline;
}



h1{
	color:#CCCCCC;
	/*color:#97bc46;*/
	font-size:93%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

h2{
	margin:0;
	padding:0;
	color:#CCCCCC;
	/*color:#CCCC00;*/
	font-size:280%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	letter-spacing:-1px;
}



h3{
	margin:0.5em 0 0.5em 0;
	color:#CCCCCC;

	/*color:#669933;*/
	font-size:120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
}

h4{
	margin:0;
	color:#6699FF;
	font-size:120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
}

h4 a{
	color:#6699FF;
	text-decoration:none;
}

h4 a:link{
	color:#6699FF;
	text-decoration:none;

}

h4 a:visited{
	color:#6699FF;
	text-decoration:none;
}

h4 a:hover{
	color:#CCCC00;
	text-decoration:none;

}


#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#bg2 {position:fixed; top:0; left:0; width:100%; height:100%;} 

#content {
	position:absolute; z-index:1;
    top:0;
    left:0;
	width:100%;
}

#content2 {
	z-index:2;
	position:absolute;
	bottom:20px;
	width:610px;
    left:-700px;
    height:305px;
	background-color:#000000;
   
	opacity: 0.9;

	
	padding:0.7em 1em 1.5em 1em;
}

#content2_fade { 
    opacity:0.0;
    height:305px;
}

#twitter{
	position:absolute;
    bottom: 20px;
	right:-120px;
	background:url('/images/90trans.png');
	border-radius: 15px;
	padding:7px;
	-moz-border-radius : 15px;
}

#email{
	z-index:100;
	color:#6699FF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float:left;
	font-size:90%;
	margin:190px 0 0 60px;
}

#email a{
	color:#FC0356;
	text-decoration:none;
}

#email a:link{
	color:#FC0356;
	text-decoration:none;

}

#email a:visited{
	color:#FC0356;
	text-decoration:none;

}

#email a:hover{
	color:#CCCC00;
	text-decoration:none;

}


.item img{
	float:left;
	margin: 0 0.5em 0.3em 0;
}


.item{
	width:100%;
	color:#ECECEC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
}

.link a{
	color:#999999;
	text-decoration:none;


}

.link a:link{
	color:#999999;
	text-decoration:none;

}

.link a:visited{
	color:#999999;
	text-decoration:none;

}



.link a:hover{
	color:#CCCC00;
	text-decoration:none;

	
}




.next{
position:absolute;
top:285px;
cursor: pointer;  
right:22px; 
}
.prev{
position:absolute;
top:285px;
cursor: pointer; 
left:22px;    
}



	
#title{
	position:absolute;
	top:-200px;
	left:2em;
	width: 242px;
	float:left;
	border:none;
	z-index:4;
}

#intro{
	margin:1em 0 0 1em;
	float:right;
}
	


#type{
	padding:1em;
	margin-right:1em;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
	opacity:0.6;
	float:right;
	width:120px;

	text-align:left;
	background-color:#000000;
	white-space:normal;
	
}

#changeImage{
position:absolute;
    top: -120px;
	right:10px;
    cursor: pointer;
    width:100px;
    height:100px;
}

.scrollable{
width:600px;
height:220px;
position:absolute;
overflow:hidden;
}

div.scrollable div.items {    
    /* this cannot be too large */
    width:20000em;    
    position:absolute;
    clear:both;        
    margin-left:0px;
    margin-top: 0px;
        padding:0;
}

/* single scrollable item */
div.scrollable div.items div {
    float:left;
    width:600px;
    padding:0;
    margin:0;
    
/*    
    border: red;
    border-style: solid;
    border-width:thin;
*/
    
}