/* Layout
----------------------------------------------------------------------------- */

* {padding:0; margin:0}

body {
   margin:0px;
   text-align:center;
   padding:0;
   font-family: Arial, Helvetica;
   font-size:62.5%; /* Set base size to 10px  */
   background: #e5e5e5;
   border-top:15px solid #e5e5e5;
   border-bottom:20px solid #e5e5e5;
   color:#4d4d4d;
}
#wrap {
   text-align:left;
   width:770px;
   margin:auto;
   background-color:#ffffff;
   padding:5px 0 20px 0;
}
#content {
   position:relative;
   width:770px;
   margin:0;
   padding:0;
}
#main-col {
   float:left;
   width:520px;
   margin:0px;
   min-height:30em;
   text-align:left;
   border-left:15px solid #fff;
}
#right-col {
   float:right;
   width:200px;
   border-top:15px solid #fff;
   border-right:20px solid #fff;
}

/* Index page Layout
----------------------------------------------------------------------------- */

#left {
   float:left;
   margin:0;
   width:360px;
   border-top:15px solid #fff;
   border-left:20px solid #fff;
}
#right {
   float:right;
   margin:0;
   width:360px;
   border-top:15px solid #fff;
   border-right:20px solid #fff;
}

.l-grey-box {
   background-color:#f2f2f2;
}
.d-grey-box {
   background-color:#4d4d4d;
}

/* Top header and navigation
----------------------------------------------------------------------------- */

#logo {
   position:absolute;
   top:22px;
   left:25px;
}
#header {
   position:relative;
   width:760px;
   height:75px;
   text-align:right;
   margin:0 5px 5px 5px;
}

ul#header-nav {
   position:absolute;
   top:0px;
   right:0px;
   margin:0 auto 0 auto;
   padding:10px 0 10px 0;
   list-style-type: none;
}
ul#header-nav li {
   padding: 0 14px;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
ul#header-nav a {
   font-size:1.1em;
   text-decoration: none;
   padding-bottom:2px;
   color:#4d4d4d;
   padding-left:16px;
   background: transparent url(../images/small-grey-arrow.gif) no-repeat center left;
}
ul#header-nav a:hover, ul#header-nav a#top-active {
   background: transparent url(../images/small-orange-arrow.gif) no-repeat center left;
}


/* Main Nav
----------------------------------------------------------------------------- */

ul#top-nav {
   position:absolute;
   top:40px;
   right:0px;
   margin:0 auto 0 auto;
   padding:10px 0 10px 0;
   list-style-type: none;
}
ul#top-nav li {
   padding: 0 14px 0 10px;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
   border-right:1px solid #808080;
}
ul#top-nav li.last {
   border-right: none;
}
ul#top-nav a {
   font-size:1.6em;
   text-decoration: none;
   padding-bottom:2px;
   color:#4d4d4d;
}
ul#top-nav a:hover {
   text-decoration: none;
   border-bottom:2px solid #ff4000;
}
ul#top-nav a#top-active {
   text-decoration: none;
   border-bottom:2px solid #ff4000;
}


/* Banner
----------------------------------------------------------------------------- */

#banner {
   position:relative;
   width:740px;
   margin:0 15px 0 5px;
}

#banner-home {
	width:730px;
	margin:15px 0 0 15px;
}


#banner-pages {
	background:#ff4d04 url(../images/banner-bg.jpg) no-repeat left top;
	height:75px;
	width:730px;
	margin:15px 0 0 15px;
}

#banner h1{
	padding-top:22px;
	color:#fff;
}

/* Right Nav
----------------------------------------------------------------------------- */

ul.right-nav {
   position:relative;
   margin:0;
   padding: 5px 0 0 15px;
   list-style-type: none;
}
ul.right-nav li {
   padding: 10px 0 0 0;
   font-size:1.3em;
}
ul.right-nav li#right-active {
   font-weight:bold;
   padding:10px 0 0 15px;
   background:url(../images/small-orange-arrow.gif) no-repeat 0px 14px;
}


/* Hosting list
----------------------------------------------------------------------------- */

#feature-icons {
   margin:5px 0 0 15px;
}

#feature-icons p{
padding-left:3px;
}

#availability {
   padding-left:30px; background: url(../images/high-availability.gif) no-repeat 5px 18px;
}
#storage {
	padding-left:30px; background: url(../images/safe-secure-storage.gif) no-repeat 3px 15px;
}
#email {
	padding-left:30px; background: url(../images/business-class-email.gif) no-repeat 5px 16px;
}
#os {
	padding-left:30px; background: url(../images/os.gif) no-repeat 5px 18px;
}
#scripting {
	padding-left:30px; background: url(../images/scripting.gif) no-repeat 5px 18px;
}


/* tables
----------------------------------------------------------------------------- */

.hide {
   display:none;
}
table {
   width:95%;
   border: none;
   margin:0px 15px 0 15px;
}
.fancyTable th, .fancyTable td {
   position:relative;
   padding:10px 15px 10px 15px;
   font-size:1.2em;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
.fancyTable th {
   font-size:1.4em;
}
.order {
   margin-bottom:10px;
}
.order td {
   border:1px solid black;
   border:none;
   padding:0px 15px 10px 15px;
}
.fancyTable td a {
   color:#4d4d4d;
}
.info-cell {
   text-align: center;
}
.fancyTable .br-none {
   border-right: none;
}
.bb-none {
   border-bottom: none;
}
td.opened {
   border-bottom: 1px dashed #a1bc17;
   font-weight:bold;
   background: url(../images/close.gif) no-repeat right;
   cursor:pointer;
}
td.closed {
   background: url(../images/open.gif) no-repeat right;
   cursor:pointer;
}

.l-arrow{
	padding-left:16px;
	background:transparent url(../images/small-orange-arrow.gif) no-repeat scroll left center;
}

/* Links and text
----------------------------------------------------------------------------- */

a {
   text-decoration: none;
   color:#f93a00;
}
a:hover {
   text-decoration: underline;
}
p {
   margin:0;
   padding:15px 10px 0 15px;
   font-size:1.3em;
   line-height:1.5em;
}
object {
   padding:15px 10px 0 15px;

}
.intro {
   font-size:1.6em;	
}
.pt-none {
   padding-top:0px;
}
.pb15 {
   padding-bottom:15px;
}
h1, h2, h3 {
   letter-spacing:-1px;
   margin:0;
   padding:15px 0 0 15px;
}
h1 {
   font-size:2.6em;
   font-weight:normal;
}
h2 {
   font-size:2.6em;
   font-weight:normal;
}
h3 {
   font-size:2em;
   font-weight:normal;
}
#right-col h3 {
   border-bottom: 1px solid #e5e5e5;
   padding-bottom:15px;
}
h4 {
   font-size:1.4em;
   font-weight:bold;
   margin:0;
   padding:12px 0 5px 3px;
}
.l-grey-box {
   padding-bottom:15px;
   background:#f7f7f7 url(../images/l-grey-fade.gif) repeat-y top right;
}
.clearer {
   clear:both;
   height:1px;
   font-size:1px;
   border:none;
   margin:0; padding:0;
   background:transparent;
}

ol.numbered {
   padding:0 0 0 25px;
   margin:0;
   font-size:1.1em;
}
ol.numbered li {
   margin:10px 0 0 12px;
}
ol.roman li {
   margin:5px 0 0 0;
   list-style-type: lower-roman;
}

ul.bullets {
   padding:10px 0 0 15px;
   margin:0;
   font-size:1.3em;
   list-style: none;
}
ul.bullets li {
   margin:5px 0 0 0px;
   padding-left:20px;
   background:url(../images/small-grey-arrow.gif) no-repeat 2px 5px;
}

.small-grey-arrow {
   padding-left: 15px;
   background:url(../images/small-grey-arrow.gif) no-repeat 0px 4px;
}

/* footer navigation
----------------------------------------------------------------------------- */

#footer-nav {
   margin:15px 0 0 0;
   background:#f2f2f2;
   border-left: 10px solid #ffffff;
   border-right: 10px solid #ffffff;
}
#footer-nav img {
   padding:10px;   
}
#footer-nav ul {
   font-size:1.1em;
   margin:0 auto 0 auto;
   padding:15px 6px 6px 10px;
}
#footer-nav ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#footer-nav li a {
   text-decoration: none;
   padding:0 7px 0 5px;
}
#footer-nav a:hover {
   text-decoration: underline;
}
#footer-nav .line { border-right: 1px solid #666666; }