#pageDisplay{
    background:transparent url(/managed_files/1282/half_back_blue.png) 0 0 no-repeat;    
  color:#f2f4ff;
    padding-top:18px;
    }

  #pdInner{
  background:transparent url(/managed_files/1282/half_back_blue.png) 0 100% no-repeat;    
  padding:18px;
  padding-top:0px;
  padding-right:0px;
  line-height:1.5em;
  }

  #pageInfo{
  float:left;
  width:284px;
  }
  


  #pageInfo h3{
  margin:0px;
  padding:0px;
  line-height:1.2em;
  padding-bottom:7px;
  }
  
  #pageInfo p{
  margin:0px;
  margin-bottom:20px;
  }

  #pageInfo a{
  color:white;
  }
  
   #pageInfo li{
  line-height:1.1em;
  padding-bottom:8px;
  }


#pageInfo img{
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
}

#clientLogo{
  text-align:center;
}


  #shotArea{
  color:#006ec7;
  width:400px;
  margin-left:38px;
  float:left;
  margin-top:0px;
  margin-bottom:0px;
  }

  #shotArea h3{
  margin-top:0px;
  padding-top:0px;
  }

  #shotArea ul{
  margin-bottom:15px;
  }

.screenShots{
 
  list-style:none;
  margin:0px;
  padding:0px;

  text-align:center;
}

.screenShots li{
  float:left;
  background:transparent url(/managed_files/1290/round_grey_small.png) 0 0 no-repeat;
  width:130px;
  text-align:center;
  padding-top:8px;
  margin:1px;
}

.screenShots li div{
  display:block;
  background:transparent url(/managed_files/1290/round_grey_small.png) 0 100% no-repeat;
  padding-bottom:8px;
}


.screenShots li.first{
  float:left;
  background:transparent url(/managed_files/1289/round_blue_big.png) 0 0 no-repeat;
  width:394px;
  text-align:center;
  padding-top:16px;
}

.screenShots li.first div{
  display:block;
  background:transparent url(/managed_files/1289/round_blue_big.png) 0 100% no-repeat;
padding-bottom:16px;
}

.screenShots li img{
  border:1px solid #777;
}

#galleryLink{
  color:red;
  display:block;
  text-align:right;
  text-transform:capitalize;
  margin-top:10px;
  }

.serviceLink a span{
  font-size:0.9em;
  display:block;
  color:white;
  height:2.4em;
  line-height:1.2em;
  margin-right:8px;
  margin-left:8px;
}


.serviceLink a:hover span{
  display:block;
  text-decoration:underline;

}


.serviceList{
  width:43%;
  float:left;
margin:0px;
padding-left:15px;
margin-bottom:15px;
}

#service2{
margin-left:5px;
}


  
  
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
    
    
    
}

.hoverbox a
{
    display:block;
    display:inline;
    position:relative;
    
}

.hoverbox a .preview
{
    display: none;
    position:absolute;
}

.hoverbox a:hover{
    font-size: 99.99%; 
    z-index: 10;
}

.hoverbox a:hover .preview
{
    
    position: absolute;
    
    top:0px;
    left:0px;
    z-index: 1;
}

body.safari .hoverbox a:hover .preview{
    width:165px;
    height:105px;
    display:block;
    top:-17px;
    left:-27px;
    opacity:0.99;
}

body.safari .hoverbox .first a:hover .preview{
    width:450px;
    height:300px;
    display:block;
    top:-30px;
    left:-45px;
    opacity:0.99;
}

.hoverbox img
{
    background: white;
    background:white url(/managed_files/1343/pin_stripe.png) 50% 50% repeat;
    border-color: #222 #555 #666 #444;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 1px;
    vertical-align: top;
    width: 110px;
    height: 70px;
    }

.hoverbox .first img{
    width: 360px;
    height: 240px;
}
    
    
    
    .hoverbox li
    {
    color: inherit;
    display: inline;
    float: left;
    position: relative;
    }
    
    .hoverbox .preview
    {
    border-color: #000;
    width: 110px;
    height: 70px;
    opacity:0;
    }
    
    .hoverbox .first .preview{
    width: 360px;
    height: 240px;
    }
    

    .hoverbox li a span.imgText,body.safari .hoverbox li a:hover span.hidden{
    display:block;
    width:165px;
    position:absolute;
    top:-15px;
    left:-25px;
    background:#006ec7 url(/managed_files/1344/pin_stripe_dark.png) 50% 50% repeat;
    color:white;
    opacity:0.8;
    filter:alpha(opacity=80);
    z-index:100;
    font-size:1em;
    font-weight:bold;
    padding:2px 0px;;
    }    
    
    .hoverbox li.first a span.imgText,.safari .hoverbox li.first a:hover span.hidden{
    width:450px;
    top:-28px;
    left:-43px;
    font-size:2em;
    padding:5px 0px;;
    }


  .bg_green #pageDisplay{
  background:transparent url(/managed_files/1372/half_back_green.png) 0 0 no-repeat;
  }

  .bg_green #pdInner{
  background:transparent url(/managed_files/1372/half_back_green.png) 0 100% no-repeat;
  }

  .bg_blue #pageDisplay{
  background:transparent url(/managed_files/1282/half_back_blue.png) 0 0 no-repeat;
  }

  .bg_blue #pdInner{
  background:transparent url(/managed_files/1282/half_back_blue.png) 0 100% no-repeat;
  }

  .bg_tan #pageDisplay{
  background:transparent url(/managed_files/1381/half_back_tan.png) 0 0 no-repeat;
  }

  .bg_tan #pdInner{
  background:transparent url(/managed_files/1381/half_back_tan.png) 0 100% no-repeat;
  }

  .bg_black #pageDisplay{
  background:transparent url(/managed_files/1383/half_back_black.png) 0 0 no-repeat;
  }

  .bg_black #pdInner{
  background:transparent url(/managed_files/1383/half_back_black.png) 0 100% no-repeat;
  }

  .bg_light_blue #pageDisplay{
  background:transparent url(/managed_files/1382/half_back_light_blue.png) 0 0 no-repeat;
  }

  .bg_light_blue #pdInner{
  background:transparent url(/managed_files/1382/half_back_light_blue.png) 0 100% no-repeat;
  }

  .bg_light_blue #pageDisplay,.bg_tan #pageDisplay{
  color:black;
  }

  .bg_light_blue #pageInfo a ,.bg_tan #pageInfo a {
  color:#006ec7;
  }





  #shotArea{
  position:relative;
  padding-top:355px;
  }

  #mainHomePic{

  position:absolute;
  top:0px;  
  z-index:10;
  }
  
  #screens{
  margin-top:355px;
  }