body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  background-color:#fff;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  color: #000;
  background:#f7f3e7 url(i/topbg.png) repeat-x;
}


/*=============== Links ===============*/

A:link, A:active, A:visited {
  color: #1b6dd3;
  text-decoration: none;
  outline: none;
}

A:hover {
  color: #a50101;
  text-decoration: none;
}


.topholder A:link, .topholder A:active, .topholder A:visited {
  color: #000;
  text-decoration: none;
}

.topholder A:hover {
  color: #000;
  text-decoration: none;
}

table.zebra A:link, table.zebra A:active, table.zebra A:visited {
  color: #1b6dd3;
  text-decoration: none;
}

table.zebra A:hover {
  color: #a50101;
  text-decoration: none;
}

/*=============== Image Replacement ===============*/

.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

h1.mir {
  width:990px;
  height: 90px;
  background:url(i/sphereing-logo.gif) no-repeat;
  margin:0;
  padding:0;
}

#harness h2.mir, #aqua h2.mir, #air h2.mir, #eclipse h2.mir, #sphereing h2.mir {
  width:579px;
  height: 78px;
  margin:0;
  padding:0;
}
#harness h2.mir {
  background:url(i/harness-sphereing-title.gif) no-repeat;
}
#aqua h2.mir {
  background:url(i/aqua-sphereing-title.gif) no-repeat;
}
#air h2.mir {
  background:url(i/air-sphereing-title.gif) no-repeat;
}
#eclipse h2.mir {
  background:url(i/eclipse-sphereing-title.gif) no-repeat;
}
#sphereing h2.mir {
  background:url(i/lets-go-sphereing-title.gif) no-repeat;
}


h3.mir, h4.mir, h5.mir {
  height: 50px;
  margin:40px 0 0 0;
  padding:0;
}

h3.mir {
  background:url(i/tell-me-more.gif) no-repeat;
  width:560px;
}
h4.mir {
  background:url(i/locations.gif) no-repeat;
  width:560px;
}
h5.mir {
  background:url(i/videos.gif) no-repeat;
  width:210px;
}

/*=============== Links ===============*/

#wrapper {
  margin:0px auto;
  text-align:center;
  width:990px;
}

#top {
  height:390px;
  position:relative;
}

#top-link { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 990px; 
  height: 90px; 
  background-color: transparent; 
}

.logo {
  height:90px;
}

.header {
  background:url(i/midbg.jpg) no-repeat;
  height:295px;
  margin: 0 9px;
}

#content {
  padding-top:10px;
  text-align:left;
  margin:0 15px;
}

.leftbox {
  float:left;
  width:630px;
} 

.rightbox {
  float:left;
  width:270px;
  margin-left:60px;
} 

#base {
  background-image:url(i/base-bg.gif);
  height:377px;
  margin:0px auto;
}

#nav {
  width:990px;
  margin:0px auto;
  height:38px;
  text-align:left;
  padding:27px 0 0 0;
}

#nav p {
  padding:0;
  margin:0;
}

p.righttext {
  float: right;
}

p.lefttext {
  float: left;
}

p.righttext, p.lefttext {
  font-size: 110%;
  padding: 10px 15px 0 15px;
  margin:0;
}

.imagetop {
  margin:23px 48px 0 0;
  float:left;
}

.white {
  color: #fff;
}

.topholder {
  float:left;
  background-image:url(i/holder.png);
  height:295px;
  width:227px;
}

.topholdermid {
  margin:0 18px 0 0;
}

.topholderleft {
  margin:0 18px 0 5px;
}

.topholder p { 
  padding:16px;
}

.clear {
  content: "."; 
  display: block; 
  height: 10px; 
  clear: both; 
  visibility: hidden;
}

.imagemargin {
  margin: 15px 0 10px 0;
}

.header h2,.header h3, .header h4, .header h5 {
  font-family: “Trebuchet MS”, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
  margin:0;
  padding:0;
}

.header p {
  margin:10px 0 12px 0;
  padding:0;
  font-size:110%;
  line-height:140%;
}

.leftbox h6 {
  font-family: “Trebuchet MS”, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -1px;
  color:#52504d;
  margin:0 0 16px 0;
  padding:0;
}

.tableholder h6 {
  font-family: “Trebuchet MS”, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -1px;
  color:#52504d;
  margin:30px 0 16px 0;
  padding:0;
}

.leftbox p {
  margin:10px 0 12px 0;
  padding:0;
  font-size:120%;
  line-height:180%;
}

.small {
  font-size: 80%;
  color: #a50101;
}

span.reg{
font-size:9px;
vertical-align:top;
} 

.red {
  color: #a50101;
}

.blue {
  color: #56a4b8;
}

.black {
  color: #000;
}

img {
  border:0
}

.horizontitle {
  font-size:110%;
  margin: 0;
  padding: 4px 0;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
}

.imagetitle {
  font-size:110%;
  margin: 0 0 35px 0;
  padding: 4px 0 10px 0;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
}

p.rightp {
  font-size:110%;
  line-height:150%;
  margin:10px 0 15px 0;
}
  


ul.mir {
  width:205px;
  padding:0;
  list-style-type:none;
  margin:0 0 35px 0;
}
ul.mir li {
  display: inline;
}
ul.mir li a {
  float:left;
  display:block;
  width:205px;
  height:35px;
  padding:5px 0;
}
a#mir-a1 {background:url(i/nav-prices.gif) no-repeat;}
a#mir-a2 {background:url(i/nav-locations.gif) no-repeat;}
a#mir-a3 {background:url(i/nav-about.gif) no-repeat;}
a#mir-a4 {background:url(i/nav-videos.gif) no-repeat;} 
 
  
.smalltitle {
  color:#35930a;
}


.floatleft {
  float: left;
  padding: 0 14px 8px 0;
  margin: 0;
}

.floatright {
  float: right;
  padding: 0 0 0 5px;
  margin: 0;
}

.price, .priceone {
  position: relative;
  font-family:Arial, Helvetica, sans-serif;
  font-size:430%;
  font-weight:bold;
  padding:40px 0 0 24px;
  margin:20px 27px 40px 15px;
  clear:both;
  height:78px;
  width:210px;
} 

.price {
  background:url(i/pricebg.gif) no-repeat;
} 

.priceone {
  background:url(i/priceonebg.gif) no-repeat;
} 


#price-link { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 234px; 
  height: 118px; 
  background-color: transparent; 
}


.price A:link, .price A:active, .price A:visited, .price A:hover, .priceone A:link, .priceone A:active, .priceone A:visited, .priceone A:hover {
  color: #000;
  text-decoration: none;
}

p.bigp {
  font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:0 0 50px 0;
padding:0;
}

h2.bigone {
  font-family: Georgia, serif;
font-size: 36px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:15px 0 5px 0;
padding:0;
}

ul.ticklist, ul.clocklist {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size:120%;
}

ul.ticklist li, ul.clocklist li {
  margin:16px 25px 16px 0;
  line-height: 120%;
  padding-left: 24px;
  background-image: url(i/in.gif);
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist li {
  background-image: url(i/in.gif);
}

ul.clocklist li {
  background-image: url(i/clock.gif);
}

.clear {
	content: "."; 
    display: block; 
    height: 10px; 
    clear: both; 
    visibility: hidden;
    }


	
/*=============== Footer ===============*/

#footer {
  height: 55px;
  clear: both;
  margin: 15px 0 0 0;
  padding:15px 10px 5px 10px;
  color:#c3bfb1;
  border-top:#ddd9cc 1px solid;
}

/*=============== Price Table ===============*/

.tableholder {
  margin:0 0 40px 0;
}

caption {
  padding: 0 0 5px 0;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #333;
}

table.zebra {
	border-spacing: 0;
	border: 1px solid #dbdbdb;
	border-collapse: collapse;
	font-size:110%;
	width:100%;
}
table.zebra th, table.zebra td {
	text-align: left;
	padding: 6px 6px 6px 12px;
	border-style: solid;
	border-color: #dbdbdb;
}
table.zebra th {
	border-width: 0px 1px 1px 1px;
	background: #CAE8EA url(i/bg_header.jpg) no-repeat;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.zebra td {
	border-width: 0px 1px 0px 1px;
	color: #4f6b72;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.odd td {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.even td {
	background-color: #f5f5f5;
	color: #797268;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

.midalign img, span.midalign {
  vertical-align: middle;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}