/* CSS Document */


* { padding: 0; margin: 0; border: 0; }

img {display: block; }

body{
 background-position: center top;
 background-repeat: no-repeat;
 background-color: #000;    
}

a{
 color: #fff;
 text-decoration: none;
}

.clear{
 clear: both;
}

.fight {
 top: 17px;
 left: 5px;
 width: 88px;
 height: 39px;
 position: absolute;
 z-index: 500;
 cursor: pointer;
}

.astroids-directions {
 padding: 5px;
}

.ASTEROIDSYEAH {
 color: white;
 font-size: 12px;
 font-weight: bold;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 background-color: #e100e1;
}

#player {
 position: fixed;
 z-index: 1001;
 bottom: 10px;
 left: 10px;
 display: none;	
 width: 100px;
 height: 50px;
}

.title-image{
 position: absolute;
 top: 90px;
 left: 55px;	
}

.return-to-earth {
 position: absolute;
 top: 430px;
 left: 40px;
 width: 232px;
 height: 59px;
}

#container{
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 height: 758px;	
 position: relative;
}

#top_bar{
 background-color: #333333;
 width: 100%;
 height: 14px;
}

#client_login{
 margin-left: 116px;
 width: 111px;
 height: 29px;
 background: transparent url(../images/site-assets/tab_top.png) no-repeat top center;
 color: white;
 font-size: 15px;
 line-height: 29px;
 text-align: center;
}

#client_login a:hover{
 color: #ccc;
}

#social{
 float: right;
 margin-left: 16px;
 width: 34px;
 filter:alpha(opacity=65);
}

#social a:hover{
 opacity: 1.0;
 filter:alpha(opacity=100);
  -moz-opacity:1;
 -khtml-opacity: 1;
}


#twitter{
 float: left;
 margin-top: 8px;
}


#facebook{
 float: left;
 margin-top: 4px;
}

.fade{
 opacity: 0.65;
 filter:alpha(opacity=65);
 -moz-opacity:0.65;
 -khtml-opacity: .65;

}

#nav{
 float: right;
 width: 150px;
}

#nav a:hover{
 color:#FCFEB1;
}

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

#nav li{
 text-align: right;	
 margin-top: 2px;
}

#boxes{
 margin-top: 40px;
 margin-left: 54px;
 position: relative;
}

#tag_line{
 margin-top:150px;
 margin-left: 44px;	
 position: relative;
}

#footer_bg{
 background: #282828 url(../images/site-assets/footer_bg.png) repeat-x top left;
 width: 100%;
 height: 128px;
}

#footer_content{
 width: 960px;
 margin-left: auto;
 margin-right: auto;
}


#logo{
 margin-left: 320px;
 padding-top: 13px;
 float: left;
}


/* About Page Styles */
#about_content{
 margin-top: 200px;
 margin-right: 71px;
 position: relative;
}

#side_nav{
 float: right;
 margin-right: 4px;
 width: 160px;
}

#side_nav img{
 margin-bottom: 4px;
}

#side_nav a{
 float: right;
}

.right_content{
 background: transparent url(../images/about/about_content.png) no-repeat top left;
 float: right;
 width: 694px;
 height: 489px;
 margin-bottom:15px;
}

.right_content_inner{
 margin: 25px 64px 35px 55px;
}

.text{
 color: #666666;
 font-size: .9em;	
 line-height: 25px;
}

.text p{
 margin-top: 25px;
}

.text a {
 color: #BF00BF;
}

#arrow_slider{
 width: 22px;
 height: 39px;
 position: absolute;
 z-index: 10;
 left: 191px;
 top: 23px;
}

#img2{
 opacity: 0.65;
 filter:alpha(opacity=65);
}

.no-show{
 display: none;
}

/* Services Page Styles */
#services_content{
 margin-top: 200px;
 margin-right: 71px;
 position: relative;
}

.services-list {
 padding-left: 45px;
 font-size: .91em;
 line-height: 1.7;
 padding-top: 10px;
}

.services-list ul {
 padding-left: 45px;
 list-style-image: url('../images/site-assets/li.png');
}

.services-list li:first-letter {
   color: #B900B9; 
}

#img3{
 opacity: 0.65;
 filter:alpha(opacity=65);
}

/* Contact Page Styles */
.contact_content_inner{
 margin: 40px 0px 20px 55px;
}

.contact-bg {
 background: white url(../images/contact/content_bg.png) repeat-y top left;
}

.contact-locations {
 width: 105px;
 float: left;
 margin-left: -38px;	
 padding-top: 20px;
}

.location-header{
 color: #B800B8;	
 font-size: 15px;
 text-align: right;
}

.location-data{
 text-align: right;
 color: #666666;
 font-size: 13px;
}

.location-spacer{
 height: 25px;	
}

.contact-form {
 width: 366px;
 margin-left: 37px;
 float: left;
 padding-top: 20px;
}

.contact-form p {
 padding-top: 25px;
 font-size: 14px;
 margin-top: 0 !important;
}

.contact-form > p:first-child {
 padding-top: 0 !important;
}

.form-row {
 padding-bottom: 14px;
}

.no-pad-bottom {
 padding-bottom: 0;
}

.form-label {
 width: 77px;
 height: 22px;
 background: transparent url(../images/contact/contact-label.png) no-repeat left top;
 text-align: right;
 color: #fff;
 float: left;
 font-size: 14px;
 padding-right: 12px;
 padding-top: 2px;
}

.form-label-textarea {
 width: 77px;
 height: 133px;
 background: transparent url(../images/contact/contact-label-textarea.png) no-repeat left top;
 text-align: right;
 color: #fff;
 float: left;
 font-size: 14px;
 padding-right: 12px;
 padding-top: 2px;
}

.form-input {
 float: left;	
 width: 267px;
 height: 24px;
 position: relative;
}

.form-input-error {
 right: 10px;
 top: 10px;   
 width:35px;
 height:5px;
 position:absolute;
 background: transparent url(../images/contact/error_text.png) no-repeat left top;
}

.form-input input {
 background: transparent url(../images/contact/contact-input.png) no-repeat left top;	
 width: 257px;
 height: 18px;
 padding: 3px 5px;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 11px;
}

.form-input-textarea {
 float: left;	
 width: 267px;
 height: 135px;
 
}

.form-input-textarea textarea {
 background: transparent url(../images/contact/contact-input-textarea.png) no-repeat left top;	
 width: 257px;
 height: 125px;
 padding: 5px;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 11px;
}

.form-submit-area {
 margin-left: 45px;
 width: 73px;
 float: left;
}

.fsa-text {
 font-size: 16px;
 text-align:center;
 color: #666666;
 padding-bottom: 10px;
 padding-top: 240px;
}
 
 
/* Case Studies Page*/
 
#case-box {
 width: 914px;
 height: 342px;
}
 
.math {
 padding-left: 50px;
 padding-top:  25px;
}

.case-content {
 width: 546px;
 height: 327px;
 background-color: white;
 float: left;
 padding: 10px 20px 5px;
 position: relative;
}
 
.case-images {
 background: transparent url(../images/portfolio/details-page-right-bg.png) no-repeat left top;
 width: 328px;
 height: 342px;
 float: left;
 position: relative;
}

.case-study-text {
 margin-top: 4px;
 color: #595959;
 font-size: 14px;
 line-height: 28px;
 font-size: 12px;
 padding-left:2px;
 font-family: "Lucida Sans Unicode", Tahoma, Verdana;
}

.technologies {
 bottom: 5px;
 right: 5px;
 position: absolute;	
}

.case-study-like {
 float: right;
 margin-top: 48px;
 margin-right: 46px;
}

.slot {
 position: absolute;
 width: 105px;
 height: 79px;
 left: 0;
}

.ci-slot1 {
 top: 5px;
}

.ci-slot2 {
 top: 89px;
}

.ci-slot3 {
 top: 173px;
}

.ci-slot4 {
 top: 257px;
 height: 80px;
}

.large-slot {
 position: absolute;
 width: 213px;
 height: 163px;
 left: 110px;	
}

.ci-large-slot1 {
 top: 5px;
}

.ci-large-slot2 {
 top: 173px;
}

#formerror {
 width:212px;
 height:82px;
 background: transparent url(../images/contact/errorbox.png) no-repeat left top;
}

.submitstyle {
 width:73px;
 height:30px;
 background-color:transparent;
 border: none;
 cursor: pointer;
 background: transparent url(../images/contact/submit-btn.png) no-repeat left top;
}