@charset "utf-8";

/* ---------- About Us ---------- */

#about-satana{width:260px; float:left; }
.custom-text{margin:0 0 10px 0; width:240px;}

#timeline{float:left; width: 650px; height: 510px; position:relative; background: url('../img/timeline-bg.gif') no-repeat center 235px;}

#timeline ol li a{position:absolute; background: #000; overflow:hidden; border: 1px solid #000;background: rgba(0,0,0,0.4); border: 1px solid #242424; cursor:pointer;}

#timeline ol li a span{display:none;}
#timeline ol li a img{width:100px; opacity:0.6;}

#step-selected{position:absolute;bottom:0;left:0; height: 30px; text-align:left; line-height: 20px;}

#step-one{bottom:280px; left:0px;}
#step-two{top:250px; left:63px;}
#step-three{bottom:280px; left:170px;}
#step-four{top:250px; left:273px;}
#step-five{bottom:280px; right:170px;}
#step-six{top:250px; right:65px;}
#step-seven{bottom:280px; right:0px;}


.step-highlighted{z-index:99;}

/* The Team */

#team,#team li{float:left;}
#team li{margin-bottom:14px;}
#jonathan{background: url('../img/jonathan_sm.jpg') no-repeat;}
#heather{background: url('../img/heather_sm.jpg') no-repeat;}
#dave{background: url('../img/dave_sm.jpg') no-repeat;}
#bobby{background: url('../img/bobby_sm.jpg') no-repeat;}

#team li div{
border:3px solid #ede5d0;
display:block;
float:left;
height:85px;
margin-right:14px;
cursor:pointer;
width:85px;
text-indent: -999em;
overflow:hidden;
}

/* Diagram */
.diagram {
background:transparent url(../../../media/img/diagram-bg.png) repeat scroll 0 0;
height:495px;
left:0;
opacity:1;
padding:40px 20px 20px;
position:absolute;
top:0;
width:918px;
z-index:100;
display:none;
}

#loader{
position:relative;
height:435px;
width:650px;
margin:-10px auto 0;
}

#loader img{border:1px solid #78A4A5;}

#loader h4{font-weight:normal; margin-bottom: 5px;}

#close{
background:transparent url(../img/close.png) no-repeat scroll left top;
cursor:pointer;
display:none;
height:50px;
position:absolute;
right:-25px;
top:-20px;
width:50px;
z-index:181;
}

.loading{background:transparent url('../img/loading.gif') no-repeat center;}

#team-info-txt{padding-top: 10px; clear:both; text-align:center;}
#team-info-txt,#step-selected{font-size: 15px; color: #fff;}