@charset "UTF-8";
/* CSS Document */

a:link {color:#35B8E3;}      /* unvisited link */
a:visited {color:#35B8E3;}  /* visited link */
a:hover {color:#46C9F4;}  /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */


#header{
	background-image:url(../images/title.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:150px;
	margin:auto;
	width:100%;
}

.wrapper{
	overflow:hidden;
	width:99%;
	top:0px;
	height:700px;
	position:absolute;
}

.closeTrigger{
	background-image:url(../images/spacer.gif);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	z-index:0;
}



/* BLACK "UNDER" DIVS */

.underdiv{
	background-color:#000;
	background-image:url(../images/dark_mosaic.png);
	background-repeat:repeat;
	width:100%;
	height:124px;
	text-align:center;
}


#intunder{
	position:absolute;
	top:190px;
	
}


#printunder{
	position:absolute;
	top:314px;
}


#motionunder{
	position:absolute;
	top:438px;
	
}

.primary{
	z-index:200;
}

/* WHITE "OVER" (SLIDING) DIVS */
.deactivate{
	pointer-events:none;
	display:none;
}


.slideTrigger{
	background-image:url(../images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
	background:none !important;
	width:100%;
	height:124px;
	position:absolute;
	top:190px;
	z-index:3;
}



#int-over{
	background-image:url(../images/interactive_clear.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:124px;
	position:absolute;
	top:190px;
	z-index:2;
	pointer-events:none;

}


#print-over{
	background-image:url(../images/print_clear.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:124px;
	position:absolute;
	top:314px;
	z-index:2;
	pointer-events:none;

}


#motion-over{
	background-image:url(../images/motion_clear.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:124px;
	position:absolute;
	z-index:2;
	pointer-events:none;

}

.overdiv{
}


.int{
	top:190px;
}


.print{
	top:314px;
}

.motion{
	top:438px;
}

.selected{
}

/* THUMBNAIL CSS */

.thumb{
	border:2px;
	border-color:#666666;
	border-style:solid;
	margin-top:20px;
	margin-right:10px;
}

.thumbHidden{
	display:none;
}

.thumb:hover{
-moz-box-shadow: 0 0 14px #35B8E3;
-webkit-box-shadow: 0 0 14px #35B8E3;
box-shadow: 0px 0px 14px #35B8E3;
border-color:#35B8E3;
}


.thumb:active{
-moz-box-shadow: 0 0 17px #68EBF6;
-webkit-box-shadow: 0 0 17px #68EBF6;
box-shadow: 0px 0px 17px #68EBF6;
border-color:#57DAF5;
}

.active{
}


/* TEXT */

.captionTitle{
	font-weight:bold;
	color:#35B8E3;
	margin-bottom:9px;
	margin-top:2px;
}

.credits {
	position:fixed;
	bottom:15px;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#AAAAAA;
	font-weight:normal;
	float:left;
	font-size:9px;
}

/* CONTACT CSS */

#contactinfo{
	position:absolute;
	height:52px;
	width:100%;
	top:675px;
	text-align:center;
	left: 50%;
    margin-left: -40px;
}

#twitter{
	float:left;
	height:40px;
	width:40px;
	background-image:url(../images/twitter.gif);
	cursor:pointer

}

#about{
	float:left;
	height:40px;
	width:40px;
	background-image:url(../images/about.gif);
	cursor:pointer

}


#about:hover{
	background-position: 0 -40px;
}

#twitter:hover{
	background-position: 0 -40px;
}

#emailLink{
	float:left;
	height:40px;
	width:40px;
	background-image:url(../images/email.gif);
	cursor:pointer

}

#emailLink:hover{
	background-position: 0 -40px;
}