body {
  	width: 756px; margin: 0 auto;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	/*background-color: #6e6e6e;*/
	color: #3d3d3d;
	font-size: 11px;
	/*background: url('images/bg.gif') center;*/
}

.vertspcr {
  height:10px; 
  width:20px;
}

.welcomearea {
	margin-top: 50px;
	width: 732px;
	height: 150px;
	position: relative;
	background-color: #bb98b6;
}

.footnote {
	font-weight: bold;
	font-size: 8px;
}

table.prices {
	width:500px;
	margin-bottom: 35px;
}


tr.pricestitle {
	height: 55px;
	font-weight: bold;
	background-color: #f0ebeb;
}


table.prices td {
	padding: 7px;
	height: 50px;
}


table.pricessm td {
	padding: 7px;
	height: 50px;
}

td.pricesleftcol {
	width:174px;
	text-align: center;
	border: 1px solid #d8d8d8;	
}

td.pricesdata {
	width:90px;
	text-align: center;
	border: 1px solid #d8d8d8;
}

table.pricesinfo {
	clear:both;
	margin-bottom: 15px;
}

table.pricesinfo tr.divider {
	height:10px;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a:focus {
    outline: none;
}

a.spec_button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.spec_button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


a.spec_button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.spec_button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.spec_button_grey {
    background: transparent url('images/bg_button_a_grey.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.spec_button_grey span {
    background: transparent url('images/bg_button_span_grey.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.spec_button_grey:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.spec_button_grey:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

   
/* set millions of background images */
.rbroundbox { background: url(images/highlightbox/nt.gif) repeat; }
.rbtop div { background: url(images/highlightbox/tl.gif) no-repeat top left; }
.rbtop { background: url(images/highlightbox/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/highlightbox/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/highlightbox/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }



 
 .bubbleTooltip {
   width: 200px;
   color:#000;
   font: 1em sans-serif;
   text-decoration:none;
   text-align:center;
 }
 .bubbleTooltip span.top {
   padding: 30px 8px 0;
   background: url(bubble.gif) no-repeat top;
 }
 .bubbleTooltip span.bottom {
   padding:3px 8px 15px;
   color: #000;
   background: url(bubble.gif) no-repeat bottom;
 }



#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}



form {
padding: 0px;
margin: 0px;
}
ul {
list-style-type: square;
}
h1 { font-size: 16px; font-weight: bold; color: #666666; }
h2 { font-size: 15px; color: #666666; }
h3 { font-size: 12px; padding: 0px; margin: 0px; color: #3d3d3d; }
#mainBody {
	background-color: white; 
	float: left; 
	padding-left: 5px; 
	border-style: solid;
	border-width: 3px;
	border-color: #fcf2fc;
}

#mainBody img { display: block; }
#navigationMenu a img { border: 0; float: left; }
#navigationMenu img { float: left; }
.leftColumnIndex { float: left; width: 700px; margin-left: 20px; }
.leftColumn { float: left; width: 512px; margin-left: 11px; }
.rightColumn { float: left; }
ol.linkedList { list-style-image: url(images/bullet.gif); padding-top: 0px; margin-top: 5px;padding-left: 5px; margin-left: 10px; margin-bottom: 0; padding-bottom: 0; }
ol.linkedList li a{ text-decoration: none;color: #7f9aaf; font-weight: bold; background-color: white; }
ol.linkedList li a:hover{ text-decoration: underline; }
.servicesInfoBox { width: 495px; margin-top: 10px; padding-right: 5px; background-color: #d0d3d8;}
.demosInfoBox { width: 460px; margin-top: 10px; float: left; padding-left: 5px; padding-right: 5px; background-color: #d0d3d8; }
.demosInfoInternalLeft { width: 300px; float: left; font-size: 11px; margin-right: 5px; padding-bottom: 5px;}
p.servicesParagraph { margin-left: 5px; margin-top: 5px; font-size: 11px; }

A.linko {text-decoration: none;color: Indigo; font-weight: bold;}
A.linko:hover {text-decoration: underline;color: Indigo; font-weight: bold;}

div.contactBox { width: 412px; height: 360px; background-color: #d0d3d8; margin: 0 auto; }
div.contactBox input { border: 1px solid #9a9a9a; }
div.contactBox a { text-decoration: none; color: #8098b0; font-weight: bold; }
div.contactBoxLabel { width : 100px; float: left; text-align: right; } 
#contactName { padding-top: 10px; }
#contactEmail { padding-top: 10px; }
.contactUsAddress { width: 114px; padding-right: 10px; float: left; font-size: 12px; text-align: right; }
.linksBoxLeft { width: 140px; border-right: 1px solid #8098b0; text-align: right; 
			padding-right: 5px; margin-right: 5px; height: 100%; float: left; font-size: 11px; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
.linksBox {  font-size: 11px; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
.linksBox a { color: #8098b0; text-decoration: none; font-weight: bold; }

.jumpContact {padding-right: 15px; padding-left: 15px; vertical-align: top}
.msMarket {border-width: 25px; border-color: white}

#abox {
background-image: url(images/abox.gif);
background-repeat: no-repeat;
float: left;
display: block;
height: 75px;
width: 416px;
color: #000000;
font-size: 11px;
font-family: Arial;
padding-right: 10px;
padding-left: 21px;
padding-top: 2px;
text-align: left;
margin-left: 20px;
}
#bbox {
background-image: url(images/bbox.gif);
background-repeat: no-repeat;
float: left;
display: block;
height: 47px;
width: 416px;
color: #000000;
font-size: 11px;
font-family: Arial;
padding-right: 10px;
padding-left: 21px;
padding-top: 6px;
text-align: left;
margin-left: 20px;
}
#cbox {
background-image: url(images/cbox.gif);
background-repeat: no-repeat;
float: left;
display: block;
height: 74px;
width: 416px;
color: #000000;
font-size: 11px;
font-family: Arial;
padding-right: 10px;
padding-left: 21px;
padding-top: 10px;
text-align: left;
margin-left: 20px;
}