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


/* video gallery styles */

body {
background-color:#FFF;
background-image:url(other_images/plastic_bg.jpg);
font: normal 10px Arial, Helvetica, sans-serif;
color: #f9efe0;
}

a {
text-decoration: none;
border: 0;
}

a:hover {
text-decoration: none;
border: 0;
}

#gsc_container {
position: absolute;
top: 0px;
left: 100px;
width: 1000px;
height: 100%;
background-image:url(other_images/giant_system_chicago_HOME_v03.gif);
background-repeat: no-repeat;
}

h1 {
font-size:1.8em; 
text-align:center;
}

h1 span {
color:#aaa;
}

h2 {
font-size:1.4em; 
color:#555; 
margin:20px 0 5px; 
clear:both;
}

h3 {
font-size: 100%;
color: #fcf2e8;
font-weight: normal;
}


#navigation {
position: absolute;
top: 125px;
left: 330px;
width:245px; 
height:22px; 
z-index: 5000px;

}
	
#video-holder {
position: absolute;
width:371px; 
height:122px; 
display:block; 
top:225px;
left:34px;
}

#video-container {
position: absolute;
width:371px; 
height:122px; 
display:block; 
top:225px;
left:50px;
}

#video-title {
position: absolute;
top: 450px;
left:40px;
}

#video-title-image {
position: absolute;
top: 165px;
left: 100px;
width: 350px;
text-align: center;
}

#video-description {
position: absolute;
top: 365px;
left: 50px;
width:371px; 
text-align: left;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #f9efe0;
}

#video-description a {
color: #f9efe0;
text-decoration: underline;
}

#video-description a:visited {
color: #f9efe0;
text-decoration: underline;
}


ul {
float:left;
}

li 
{
list-style-type:none; 
padding:4px; 
margin:0 0 4px 0;
cursor:pointer;
}


#menu ul{
list-style-type: none;
}

#menu li ul li
{
list-style-type:none; 
padding:4px; 
margin:0 0 4px 0;
cursor:pointer;
margin-left: -45px;
}




/* scroller styles */


.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}

.jScrollPaneTrack {
background: url(other_images/scroll_bg.jpg) repeat-y;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}

.jScrollPaneDrag {
background: url(other_images/scrollbar.jpg) no-repeat;
cursor:pointer;
height:150px;
overflow:hidden;
position:absolute;
}

.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}

.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}

a.jScrollArrowUp {
display:block;
height:15px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
}

a {
text-decoration: none;
border: 0;
}

a:hover {
text-decoration: none;
border: 0;
}


a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
bottom:0;
display:block;
height:15px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
z-index:1;
}

a.jScrollArrowDown:hover {
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

a.jScrollArrowUp {
	background: url(other_images/up_arrow.jpg) no-repeat;
}

a.jScrollArrowDown {
	background: url(other_images/down_arrow.jpg) no-repeat;
}

p{
	padding: 0px 0px 10px;
	color: #636363;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.scroll_holder{
	position: absolute;
	top: 240px;
	left: 408px;
	text-align: left;
}

.scroll_pane {
	float: left;
	height:310px;
	overflow:auto;
	width:225px;
}

#pane{
	height: 310px;
}

#pane h2{
	color: #FDCF00;
	font-size: 18px;
	font-weight: 600;
	width: 95%;
}
#pane .post{
	width: 95%;
}


#left_pane{
	float: left;
	width: 320px;
}



/* popup styles */

#contactArea {
background-color: #ffffff;
padding: 15px 10px 15px 10px;
height: 500px;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#222327;
border:1px solid #cecece;
z-index:1;
}

#popupAbout{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:645px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupAbout h1{
text-align:left;
color:#112b75;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}

#popupAboutClose{
font-size:10px;
line-height:14px;
right:12px;
top:1px;
position:absolute;
color:#FFF;
display:block;
}

#popupAboutClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}



#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#112b75;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}

#popupContactClose{
font-size:10px;
line-height:14px;
right:12px;
top:1px;
position:absolute;
color:#FFF;
display:block;
}

#popupContactClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}



#popupAleks{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupAleksClose{
font-size:10px;
line-height:14px;
right:12px;
top:3px;
position:absolute;
color:#FFF;
display:block;
}

#popupAleksClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}



#popupLocks{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupLocksClose{
font-size:10px;
line-height:14px;
right:12px;
top:3px;
position:absolute;
color:#FFF;
display:block;
}

#popupLocksClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}


#popupWhiteLight{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupWhiteLightClose{
font-size:10px;
line-height:14px;
right:12px;
top:3px;
position:absolute;
color:#FFF;
display:block;
}

#popupWhiteLightClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}


#popupBlackMath{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupBlackMathClose{
font-size:10px;
line-height:14px;
right:12px;
top:3px;
position:absolute;
color:#FFF;
display:block;
}

#popupBlackMathClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}


#popupVideo{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:591px;
width:647px;
background-color: none;
z-index:2;
font-size:13px;
}

#popupVideoClose{
font-size:10px;
line-height:14px;
right:12px;
top:3px;
position:absolute;
color:#FFF;
display:block;
}

#popupVideoClose a{
border: 0px;
cursor: hand;
text-decoration: none;
}

#popupVideoClose a: hover{
border: 0px;
cursor: hand;
text-decoration: none;
}



#mc_embed_signup {
position: absolute;
border: 0px;
top: 660px;
left: 150px;
width: 375px;
text-align: left;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #f9efe0;
}

#button {
float: left;
}

#button2 {
float: left;
}


img a {
border: 0px;
cursor: hand;
text-decoration: none;
}

img a:hover {
border: 0px;
cursor: hand;
text-decoration: none;
}