body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  background-color: #F2F2F2; 
}

h3 {
   margin-left : 2px;
}



#global {
  width:600px;
  margin:0 auto;
  padding:50px;
}

#header {
  position:relative;
  padding:0 0 0px;
}

#header h1 a {
  background:url(../images/logo.png) no-repeat;
  display:block;
  width:500px;
  height:80px;
}

#header h1 a span {
  display:none;
}

#description {
  position:absolute;
  right:0;
  top:0;
  width:200px;
  text-align:right;
  color:#666;
  font-size:12px;
  font-weight:bold;
  line-height:14px;
}


#internalsearch {
  font-size:8px;
  line-height:10px;
}

#applications {
  height:217px;
}

.bubbleInfo {
  width:200px;
  height:217px;
  float:left;
  position:relative;
}

.popup {
  display: none; /* keeps the popup hidden if no JS available */
  position: absolute;
  width:135px;
  height:104px;
  padding:22px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  line-height:14px;
  background:url(../images/tooltip.png) no-repeat;
  z-index:2;
  overflow:hidden;
}

#main {
  padding:20px 0 0;
}

#content {
  width:370px;
  padding:0 30px 0 0;
  float:left;
}


#main h3 {
  font-family:Georgia, "Times New Roman", serif;
  color:#999;
  font-style:italic;
  font-weight:normal;
  font-size:13px;
  padding:0 0 10px;
}

#footer {
  font-size:11px;
  color:#999;
  padding:55px 0 0;
  text-align:center;
}

.spacer {
  clear:both;
}

a {
  color:#7e0000;
  text-decoration:underlined;
  font-weight:bold;
}

img {
  border:none;
}


div.wrapper { background: transparent url(../images/offers_main_bg.gif) top left repeat-y; color: inherit; margin: 0 auto; padding: 0 6px; width: 772px; }
    
    
div.benefitsbox {
    width: 325px;
    height: 225px;
    background: #F2F2FF;
    border: 0px;
}   
div.screenshotbox {
    width: 325px;
    height: 225px;
    background: #FFFFFF;
    border: 0px;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.downloadbox {
    margin: 0 auto; /* center for now */
    width: 550px; /* ems so it will grow */
    background: url(../images/sbbody-r.png) no-repeat bottom right;
    font-size: 100%;
}
.downloadboxbody {
    background: url(../images/sbbody-l.png) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}
.featurebox {
    margin: 0 auto; /* center for now */
    width: 95%; /* ems so it will grow */
    background: url(../images/sbbody-r.png) no-repeat bottom right;
    font-size: 100%;
}
.sidebox {
    margin: 0 auto; /* center for now */
    width: 350px; /* ems so it will grow */
    background: url(../images/sbbody-r.png) no-repeat bottom right;
    font-size: 100%;
}
.boxhead {
    background: url(../images/sbhead-r.png) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxhead h2 {
    background: url(../images/sbhead-l.png) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxhead h2 a {
  color:#dddddd;
}
.boxbody {
    background: url(../images/sbbody-l.png) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}

#billboard { font-size: 12px; width: 652px; margin: 0 auto 18px;  position: relative; }
#billboard {  height: 350px; }
#billboard h1 { color: #444444; left: 0px; top: -5px; width: 580px; height: 180px; }
#billboard h3 { color: #444444; left: -180px; top: 80px; width: 580px; height: 12px;  }
#billboard h1, #billboard h3 { font-family: verdana, arial; position: relative;   }
	
.imageTitle {
   position: relative;
   width: 100%; /* for IE 6 */
}

h6 {
   position: absolute;
   top: -10px;
   left: 0;
   width: 100%;
}
h6 span {
   color: black;
   font: bold 22px/38px Helvetica, Sans-Serif;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 10px;
}
h6 span.spacer {
   padding:0 5px;
}

#stylized{
border:solid 2px #DDDDDD;
background:#DFDFFF;
}

.smallletters
{
font-size:80%;
}

.bigletters
{
   font: Verdana;
font-size:400%;
}

#slider {
    position:relative;
    width:640px; /* Change this to your images width */
    height:250px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.centered { display: none; }
.nivo-controlNav {
    position:absolute;
    left:260px;
    bottom:-42px;   
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(../images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

.clear {
    clear:both;
}

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */

.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    opacity:0.8;
    z-index:89;
    width:100%;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption p {
    padding:5px;
    margin:0;
}


.nivo-caption a { 
    display:inline !important;
}

.nivo-html-caption {
    display:none;
}


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}