html, body, p, ol, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    list-style: none;
}

body {
    background: #2b2e2f url(img/bg-body.png) repeat-x left top;
    color: #fff;
    font: 100%/1.5 "Lucida Grande", "Tahoma", sans-serif;
    font-size: 0.75em;
}

h3 {
    font-size: 1.1em;
}

#container {
    width: 720px;
    margin: 40px auto 20px auto;
    overflow: hidden;
}

#site {
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 1;
    background: #2b2e2f url(img/logo.png) no-repeat left top;
    width: 174px;
    height: 31px;
    text-indent: -9999px;
}

#site span {
    display: none;
}

#site strong {
    font-size: 1.5em;
    display: block;
}

ol#nav {
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    width: 720px; /*For KHTML*/
    list-style: none;
    height: 40px;
    background: #1e2020;
    color: #fff;    
}

ol#nav li {
    margin: 0;
    border: 0;
    padding: 0;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 40px;
    z-index: 1;
}

ol#nav ol {
    z-index: 99;
    margin: 0;
    border-left: 1px solid #cde;
    border-bottom: 1px solid #9ab;
    border-right: 1px solid #9ab;
    padding: 0;
    width: 160px;
    list-style: none;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
}

ol#nav ol:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

ol#nav ol li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ol#nav a {
    margin: 0;
    border-top: 1px solid #1e2020;
    font-size: 1.2em;
    padding: 8px 20px;
    color: #fff;
    text-decoration: none;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;/*
  height: auto !important;
  height: 1%; /*For IE*/
  height: 23px;
}

/* Root Menu Hover Persistence */
ol#nav a:hover,
ol#nav li:hover a,
ol#nav li.iehover a {
  background: #fff;
  color: #333;
  border-color: #fff;
}

/* 2nd Menu */
ol#nav li:hover li a,
ol#nav li#active:hover li a,
ol#nav li.iehover li a,
ol#nav li#active.iehover li a {
  float: none;
  background: #fff;
  color: #333;
  border-color: #def;
}

/* 2nd Menu Hover Persistence */
ol#nav li:hover li a:hover,
ol#nav li#active:hover li a:hover,
ol#nav li:hover li:hover a,
ol#nav li#active:hover li:hover a,
ol#nav li.iehover li a:hover,
ol#nav li#active.iehover li a:hover,
ol#nav li.iehover li.iehover a,
ol#nav li#active.iehover li.iehover a {
  background: #def;
  color: #333;
}

ol#nav li:hover ol,
ol#nav ol li:hover ol,
ol#nav ol ul li:hover ol,
ol#nav li.iehover ol,
ol#nav ol li.iehover ol,
ol#nav ol ol li.iehover ol {
    z-index: 99;
  display: block;
}

ol#nav li#active a {
    border-color: #c2e4f5;
    background: #8fceec url(img/bg-nav-active.jpg) repeat-x left bottom;
    color: #222a2c;
}

#content {
    background: #fff;
    color: #333;
    overflow: hidden;
}

#not-home #content {
    border-top: 5px solid #b1def3;
}

#footer {
    background: #6bbde4 url(img/slogan.png) no-repeat 485px center;
    color: #fff;
    overflow: hidden;
    padding-bottom: 10px;
}

#splash {
    background: #41abdd url(img/bg-splash.jpg) repeat-x left top;
    border-bottom: 5px solid #b1def3;
    overflow: hidden;
    padding: 10px 0;
}

#splash div {
    position: relative;
    float: left;
    padding: 0 20px;
    width: 200px;
    overflow: hidden;
    height: 11.5em;
}

#splash div#portfolio {
    position: relative;
    float: left;
    padding: 0 20px;
    width: 720px;
    overflow: hidden;
    height: 11.5em;
}

#splash .more a {
    position: absolute;
    bottom: 0;
    right: 20px;
    margin: 5px 0 0 0;
    border: 0;
    display: block;
    height: 30px;
    width: 92px;
    background-image: url(img/more-software.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: right;
}

#splash .more a:hover {
    background-position: -92px 0;
}

#splash #hosting .more a {
    background-image: url(img/more-hosting-fs8.png);
}

#splash #education .more a {
    background-image: url(img/more-education-fs8.png);
}

#splash img {
    margin: 0 10px 10px 0;
    float: left;
}

#splash h2 {
    background-image: url(img/label-software.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#splash #hosting h2 {
    background-image: url(img/label-hosting.png);
}

#splash #education h2 {
    background-image: url(img/label-education.png);
}

#splash p {
    font-size: 0.95em;
    line-height: 1.3;
    color: #fff;
}

#splash .first {
    background-image: url(img/splash-bar.png);
    background-repeat: repeat-y;
    background-position: right top;
}

#splash h2 {
    color: #111319;
    font-weight: 200;
    font-style: italic;
}

#call-to-action {
    width: 379px;
    margin: 10px 20px 0 20px;
    padding: 8px 10px 8px 50px;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
    background: #34a4da url(img/blue-mail.png) no-repeat 10px center;
    -webkit-border-radius: 5px;
}

#call-to-action a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

#support-to-action {
    width: 359px;
    margin: 10px 20px 0 20px;
    padding: 8px 10px 8px 70px;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
    background: #34a4da url(img/support.png) no-repeat 10px center;
    -webkit-border-radius: 5px;
}

#main, .col-2-3 {
    width: 479px;
    padding: 20px 0;
    float: left;
    border-right: 1px solid #b1def3;
}

.wrap, .trail {
    padding: 0 20px;
}

.trail {
    border-top: 5px solid #b1def3;
}

.trail h3 {
    margin: 10px 0;
}

#main ul {
    list-style: square;
    margin: 0 25px 25px 25px;
}

#main h2, h2.title {
    margin: 0 0 0.5em 0;
    color: #ff4d00;
}

#slogan {
    font-style: italic;
    text-align: right;
    width: 200px;
    margin: 10px 0;
    padding: 20px;
    float: right;
}

#slogan p {
    display: none;
}

#secondary, .col-1-3 {
    width: 220px;
    padding: 10px 10px;
    float: right;
    font-size: 0.95em;
}

#secondary p {
    margin-bottom: 0.8em;
}

.plain-illu-2 {
    float: right;
    margin: 0 0 10px 10px;
}

.plain-illu-1 {
    float: left;
    margin: 0 10px 10px 0;
}

.illu-1 {
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px;
    background: #f0f6ff;
    border: 1px solid #def;
}

.illu-1-sidebar {
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px;
    background: #f0f6ff;
    border: 1px solid #def;
}

.illu-2 {
    float: right;
    margin: 0 10px 10px 0;
    padding: 2px;
    background: #f0f6ff;
    border: 1px solid #def;
}

#news-bar, .part {
    padding: 5px 0;
}

#news-bar li {
    padding: 5px 0;
    border-bottom: 1px dotted #b1def3;
    overflow: hidden;
}

#news-bar .date {
    font-size: 0.8em;
    float: right;
    color: #888;
}

.hide {
    display: none;
}

#event-bar h3, #news-bar h3, .part h3 {
    margin-top: 5px;
    padding: 5px 0;
    border-bottom: 1px dotted #b1def3;
}

.part h3 {
    border: 0;
}

#event-bar li {
    padding: 5px 0;
    border-bottom: 1px dotted #b1def3;
}

#event-bar a {
    color: #333;
    text-decoration: none;
    border: 0;
}

#event-bar .title {
    color: #111;
}

#event-bar .date {
    line-height: 1;
    font-size: 0.9em;
    font-weight: 700;
    display: block;
    padding: 3px;
    margin-right: 5px;
    background: #123;
    color: #fff;
    float: left;
    -webkit-border-radius: 2px;
}

#event-bar .title {
    font-size: 1.05em;
}

#event-bar .location {
    display: block;
    color: #666;
}

#main p {
    margin: 0 0 1em 0;
}

#content a {
    color: #06f;
}

#spotlight h3 {
    background: #f2f8fe url(img/background.gif) no-repeat left top;
    color: #345;
    padding: 5px 20px;
    border-top: 5px solid #b1def3;
    margin-bottom: 1em;
}

#portfolio h3 {
	border-top: 1px solid #b1def3;
    color: #345;
    padding: 5px 20px;
    margin-bottom: 1em;
}

span.author {
	font-size: 0.7em;
	font-style: normal;
}

#appendix {
    font-size: 0.9em;
    padding: 10px 20px;
    color: #def;
}

#appendix p {
    float: right;
}

#smart-contact {
    width: 480px;
    float: left;
}

#smart-contact .group {
    width: 20em;
    float: left;
}

.space {
    margin: 1em 0 0.5em 0;
}


/* ================================================== */

/* *************** WEBHOSTING TABLE ***************** */

/* ================================================== */

table#hosting a:link, .table-full a:link {
	color:#ff6e21;
	text-decoration:none;
	border-bottom:1px dotted #ffbac8;
}

table#hosting a:visited, .table-full a:visited {
	color:#ff9861;
	border-bottom:none;
	text-decoration:none;
}

table#hosting a:hover, table#hosting a:focus, 
.table-full a:hover, .table-full a:focus {
	color:#ff6e21;
	border-bottom:1px solid #f03b58;
	text-decoration:none;
}

table#hosting a, table#hosting a:link, table#hosting a:visited,
.table-full a, .table-full a:link, .table-full a:visited {
    border: 0;
}

table#hosting img,
.table-full img {
    border:0;
    margin-top:.5em;
}

table#hosting,
.table-full {
    width: 719px;
    float: left;
    border-top: 5px solid #b1def3;
	border-collapse:collapse;
    line-height: 1.6em;
}

table#hosting {
    margin-bottom: 1em;
}

table#hosting tr.odd td, table#hosting tr.odd .column1, .odd,
.table-full tr.odd td, .table-full tr.odd .column1 {
    background:#f4f9fe url(img/background.gif) no-repeat;
}

table#hosting .column1,
.table-full .column1	{
    background:#f9fcfe;
}

table#hosting td,
.table-full td {    
    color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding: 5px 20px;
	text-align:center;
}

table#hosting th,
.table-full th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding: 5px 20px;
}

table#hosting thead th,
.table-full thead th {
	background:#f4f9fe;
	text-align:center;
    font-size: 1.2em;
    font-weight: bold;
	color:#345
}

table#hosting tfoot th,
.table-full tfoot th {
	background:#f4f9fe;
	text-align:center;
}

table#hosting tfoot th strong,
.table-full tfoot th strong {
	margin:.5em .5em .5em 0;
	color:#345;
}

table#hosting tfoot th em,
.table-full tfoot th em {
	color:#ff6e21;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

.download-subscription {
	background-image: url(img/download-pdf-small.gif);
	background-color: #f0f0f0;
	width: 240px;
	height: 65px;
	display: block;
	float: right;
	margin-top: -65px;
}
.download-subscription a {
	display: block;
	padding-top: 12px;
	padding-left: 15px;
	color: #437E9D;
	font-size: 1.2em;
	text-decoration: underline;
}

#contact, .plain {
    clear: both;
    border-top: 5px solid #b1def3;
    width: 719px;
}

.plain {
    border-top-width: 1px;
}

#contact label, #contact h3, .plain label, .plain h3 {
    font-size: 0.9em;
    font-weight: bold;
}

#contact p, .plain p {
    font-size: 0.9em;
    margin-bottom: 1em;
}

#location {
    padding: 5px 20px 5px 10px;
    width: 209px;
    float: right;
}

#location a img {
    border: 0;
}

form .group {
    overflow: hidden;
}

.input {
    width: 209px;
    float: left;
    padding: 5px 20px 5px 10px;
    border-bottom: 1px solid #e3f1fe;
    background:#f4f9fe url(img/background.gif) no-repeat;
}

.input .textfield {
    border: 1px solid #d3e1fe;
    width: 207px;
}

.textbox textarea {
    font: 1em "Lucida Grande", "Tahoma", sans-serif;
    border: 1px solid #d3e1fe;
    width: 437px;
}

.textbox, .buttons {
    padding: 5px 20px;
    border-bottom: 1px solid #e3f1fe;
}

form .first {
    border-right:1px solid #e5eff8;
    padding: 5px 10px 5px 20px;
}


/* ================================================== */

/* *************** FORM SECTION ***************** */

/* ================================================== */

#cForm {
    background: #41abdd url(img/bg-splash.jpg) repeat-x left top;
    color: #fff;
    margin: 0;
    padding: 10px 20px;
}

.cols {
    overflow: hidden;
    clear: both;
}

.cols p {
    margin: 0 0 1em 0;
}

.col-1-2-1 {
    width: 330px;
    float: left;
}

.col-1-2-2 {
    width: 330px;
    float: right;
}

.smaller {
    font-size: 0.95em;
}

.trail .content {
    border-left: 1px solid #def;
    padding-left: 10px;
    font-size: 0.95em;
    width: 210px;
    float: right;
    margin: 0 0 10px 10px;
}

.col-full {
    padding: 20px;
}

.call-out {
    font: italic 1.8em/1 "Georgia", "Times New Roman", serif;
    color: #999;
    float: right;
    margin: 0 0 10px 10px;
    width: 210px;
    text-align: right;
}

.call-out p {
    margin: 0;
    padding: 0;
}

.module p {
    margin: 0 0 1em 0;
}

.full {
    width: 720px;
    overflow: hidden;
    float: left;
}

.large {
    width: 480px;
    overflow: hidden;
    float: left;
}

.large-border {
    width: 479px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #b1def3;
}

.medium {
    width: 360px;
    overflow: hidden;
    float: left;
}

.small, .small-border {
    font-size: 0.95em;
    line-height: 1.3;
    width: 240px;
    overflow: hidden;
    float: left;
}

.small-border {
    width: 239px;
    border-left: 1px solid #b1def3;
}

.padded .full {
    width: 680px;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;
}

.padded .large {
    width: 440px;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;
}

.padded .large-border {
    width: 439px;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;
}

.padded .medium {
    width: 320px;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;
}

.padded .small, .padded .small-border {
    width: 200px;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;
}

.padded .small-border {
    width: 199px;
}

.small h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

.small p {
    margin-bottom: 0.8em;
}

.section {
    clear: both;
    float: left;
    margin-bottom: 20px;
}

.hr-light {
    height: 1px;
    background: #ccc;
}

.hr-light hr {
    display: none;
}

a.order {
    margin: 5px auto;
    display: block;
    width: 92px;
    height: 27px;
    background-image: url(img/button-order.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
}

a.order:hover {
    background-position: -92px 0;
}

.message {
    margin: 10px 20px;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    clear: both;
}

.message p {
    margin: 0;
    padding: 0;
}

.error {
    border-top: 1px solid #300;
    border-bottom: 1px solid #300;
    background: #800;
    color: #fff;
}

.warning {
    border-top: 1px solid #ed3;
    border-bottom: 1px solid #ed3;
    background: #fe9;
    color: #000;
}

.info {
    border-top: 1px solid #cde;
    border-bottom: 1px solid #cde;
    background: #def;
    color: #012;
}

#eop {
    display: none;
}

.col-2-2-border {
    background: #fff url(img/col-2-2.png) repeat-y;
}

.section-2-2-border {
    background: #fff url(img/col-2-2.png) repeat-y 20px 0;
}

.full-bordered {
    border-bottom: 1px solid #ccc;
}

h3.subtitle {
	margin: 1em 0 0.3em 0;
	line-height: 1.2;
    font-size: 1.5em;
}

.plain {
    background: #f2f8fe url(img/background.gif) no-repeat left top;
    overflow: hidden;
}

.f-input, .f-textbox, .f-buttons {
    float: left;
    padding: 5px 20px;
}

.f-buttons, .f-textbox {
    width: 720px;
}

.f-group, .f-textbox, .f-buttons {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e3f1fe;
    overflow: hidden;
}

.f-group div {
    border-left: 1px solid #fff;    
    border-right: 1px solid #e3f1fe;    
}

.f-group div.f-1 {
    border-left: 0;
}

.f-half {
    width: 318px;
}

.f-small {
    width: 197px;
}

.f-large {
    width: 438px;
}

.f-input .textfield {
    border: 1px solid #d3e1fe;
}

.f-textbox textarea {
    font: 1em "Lucida Grande", "Tahoma", sans-serif;
    border: 1px solid #d3e1fe;
}

/* TOOLTIP */
.tooltip
{
	color: white;
	background-color: #10100D;
	padding: 5px;
	border: none;
	z-index: 10;
}
.tooltipTarget
{
	cursor: default;
	margin-right: 20px;
}