/*----CSS Reset----*/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% Arial, Helvetica, sans-serif}table{border-collapse:collapse}caption,th,td{text-align:left}
/*----End CSS Reset----*/
/*---------------------------------------------------------------------*/
/*----Elements----*/

body {
  background: #fff url("../images/background.gif") repeat-x;
  font: normal 76% Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

p {
  font-size: .9em;
}

a {
  color: #0046e5;
}

em {
  color: #ad0000;
  font-style: normal;
  font-weight: bold;
}

code {
  font-weight: bold;
  margin-left: 40px;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 20px;
}

/*----End Elements----*/
/*---------------------------------------------------------------------*/
/*----IDs----*/

#wrap{
  width: 965px;
  background: url("../images/wrapbackground.gif") no-repeat;
  margin: 0 auto;
  padding: 14px;
  text-align: left;
}

#dontseeme {
	display: none;
	text-indent: -99999px;
	color: #000000;
	font-size: 0px;
	letter-spacing: -1px;
}


/* Navigation Drop Down Menu */
ul#navmenu {
    clear: both;
	margin: 0 0 0 9px;
	border: 0 none;
	padding: 0;
	list-style-type: none; /* For KHTML */
	height: 27px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko */
	display: inline;
	list-style: none;
	position: relative;
	height: 27px;
    font-size: 11px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  background-color: #e7ebef;
  color: #fff;
  position: absolute;
  top: 27px;
  left: 3px;
}

ul#navmenu ul li {
  margin: 0;
  padding: 0;
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto;
}

/* Root Menu */
ul#navmenu a {
	margin: 0;
	padding: 7px 0;
	float: none !important;
	/*For Opera*/
	float: left;
	/*For IE*/
	display: block;
    color: #fff;
	font: normal 9px/27px;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	/*For IE*/
	vertical-align : middle;
    width: 126px;
    background: url("../images/tabbackground.gif") no-repeat;
    text-align: center;
    font-weight: bold;
}

ul#navmenu li a {
  height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu a.active:link,
ul#navmenu a.active:visited,
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #000;
  cursor: pointer;
    background: url("../images/tabbackground_over2.gif") no-repeat;
}

ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #000;
    background: url("../images/tabbackground_over2.gif") no-repeat;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a,
ul#navmenu li.iehover li.iehover a {
	float: none;
	margin:0;
	padding: 7px 0 7px 10px;
	background: #e7ebef;
    color: #000;
	font-weight: normal;
	height: 1%;
	display: block;
    width: 190px;
    text-align: left;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
    background: #e7ebef url("../images/menuback.gif") no-repeat;
  color: #000;
  font-weight: normal;
}

/* 2nd Menu arrow */
ul#navmenu li:hover li a.navarrow,
ul#navmenu li.iehover li a.navarrow,
ul#navmenu li.iehover li.iehover a.navarrow {
    background: #e7ebef url("../images/menuarrowback.gif") no-repeat;
}

/* 2nd Menu arrow Hover Persistence */
ul#navmenu li:hover li a.navarrow:hover,
ul#navmenu li:hover li:hover a.navarrow,
ul#navmenu li.iehover li a.navarrow:hover,
ul#navmenu li.iehover li.iehover a.navarrow  {
    background: #e7ebef url("../images/menuarrowback_over.gif") no-repeat;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #e7ebef;
  color: #000;
  margin: 0;
	padding: 7px 0 7px 10px;
	height: 1%;
	display: block;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
    background: #e7ebef url("../images/menuback.gif") no-repeat;
  color: #000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #e7ebef;
  color: #000;
  margin: 0;
	padding: 7px 0 7px 10px;
	height: 1%;
	display: block;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
    background: #e7ebef url("../images/menuback.gif") no-repeat;
  color: #000;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: -1px !important;
  top: 0;
  left: 200px;
  background-color: #931515;
  color: #50855F;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
  border: 1px solid #968f89;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #968f89;
  color: #fff;
  z-index: 10;
}

ul#navmenu li:hover ul,
ul#navmenu li.iehover ul {
  border-top: 0 none;
}


#homeblock {
  width: 740px;
  height: 287px;
  clear: both;
  background: url("../images/homeblockbackground.jpg") no-repeat;
  float: left;
}

#homeblocktext {
  padding: 50px 50px 40px;
  width: 380px;
  color: #2e2e2e;
}

#homeblocktext h1 {
  font-weight: bold;
  font-size: 2.2em;
  margin-bottom: 20px;
}

#homeblocktext p {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

#hometestimonialimage {
  float: right;
  margin-top: 114px;
  margin-right: 15px !important;
  margin-right: 7px;
}

#hometestimonial {
  color: #fff;
  padding-left: 50px;
  padding-top: 5px;
}

#hometestimonial p.title {
  font-weight: bold;
  display: inline;
  font-size: 1.2em;
}

#hometestimonial p.morelink {
  display: inline;
}

#hometestimonial a {
  color: #fff;
}

#hometestimonial p.quote {
  font-weight: bold;
}

#homesidebar {
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}

#footer {
  clear: both;
  padding-top: 20px;
}

#footer p {
  font-size: .8em;
}

#footerbox {
  float: right;
  width: 367px;
}

#footerbox ul {
  padding-bottom: 5px;
}

#footerbox li {
  display: block;
  float: left;
  font-size: .8em;
  height: 23px;
}

#footerbox li a {
  display: block;
  height: 23px;
  line-height: 23px;
  text-decoration: none;
  color: #000;
  text-align: right;
  padding-right: 10px;
  cursor: pointer;
}

#talktous a {
  background: url("../images/talktous.gif") top no-repeat;
  width: 90px;
}

#privacy a {
  background: url("../images/privacy.gif") top no-repeat;
  width: 104px;
}

#ssl a {
  background: url("../images/ssl.gif") top no-repeat;
  width: 143px;
}

#footerboxcontenttext {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 30px;
}

#footerboxcontenttext p {
  margin-bottom: 5px;
  font-size: .9em;
}

#footerboxcontenttext label {
  font-size: .9em;
  display: block;
  margin: 3px 0;
}

#footerboxcontenttext textarea {
  width: 340px;
  margin-bottom: 5px;
  background: #fff;
  border: 1px solid #aaa;
}

#footerboxcontenttext input {
  background: #fff;
  border: 1px solid #aaa;
  padding: 2px;
}

#footerboxsiteseal {
  float: right;
  width: 120px;
}

#col1lg {
  width: 740px;
  float: left;
}

#col2sm {
  float: left;
  margin-left: 10px;
}

#largeblock {
  float: left;
  width: 740px;
  height: 249px;
  background: url("../images/largeblockback.jpg") no-repeat;
  margin-bottom: 20px;
}

#description {
  padding: 20px 40px;
  border-bottom: 1px solid #e5e5e5;
}

#description p {
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 1em;
}

#description p.uti-indent {
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-left: 132px;
}

#description p.uti-blockquote {
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-left: 3em;
  margin-right: 3em;
}

#description li.uti-blockquote1 {
  background: none;
  padding: 0;
  font-size: 1em;
  line-height: 1.4em;
  font-size: 1.4em;
  margin-left: 5em;
}

#description p.uti {
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 1em;
}

#description strong.large {
  font-size: 1.4em;
  font-weight: bold;
}

#description h1 {
  font-weight: bold;
  font-size: 2.2em;
  margin-bottom: 20px;
}

#description h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
}

#description h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 1.5em;
}

#description h4 {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 1.5em;
  color: #ad0000;
}

#description h3 img {
  float: left;
  margin-right: 10px;
  padding-bottom: 20px;
}

#description ul {
  margin-bottom: 2em;
}

#description li {
  font-size: .9em;
  line-height: 1.4em;
  background: url("../images/bullet.gif") 0px 4px no-repeat;
  padding-left: 20px;
  margin-bottom: 1em;
}

#description ul.normal li {
  font-size: 1em;
}

#description ul.check {
  width: 300px;
  float: left;
}

#description ul.check li {
  background: url("../images/checkmark.png") no-repeat;
  padding: 8px 0 2px 40px;
}

#description ul.checksm {
  width: 300px;
  float: left;
}

#description ul.checksm li {
  background: url("../images/checkmark_small.png") left center no-repeat;
  padding: 0 0 2px 30px;
  line-height: 1.2em;
}

#description ol {
  list-style: decimal;
}

#description ol li {
  background: none;
  padding: 0;
}

#description li.uti {
  background: none;
  padding: 0;
  font-size: 1.4em;
  margin-left: 75px;
}

#description li.uti-list {
  background: none;
  padding: 0;
  font-size: 1em;
  background: url("../images/checkmark.png") no-repeat;
  padding: 8px 0 2px 40px;
  margin-left: 40px;
}

#description li.point5 {
  list-style: none;
  margin-left: -28px;
}

#description li.point5 strong {
  margin-left: 4px;
}

#sidebartestimonialtop {
  text-align: right;
  background: url("../images/sidetestimonialtop.gif") bottom no-repeat;
  margin-top: 10px;
  padding-bottom: 1px;
}

#sidebartestimonial {
  background: url("../images/sidetestimonialback.gif") bottom no-repeat;
  width: 213px;
  color: #4d4d4d;
}

#sidebartestimonial p {
  line-height: 2em;
  padding: 0 10px 1.6em;
}

#sidebartestimonial strong {
  color: #000;
}

#sidenav {
  margin-top: 30px;
  background: url("../images/sidetestimonialback.gif") bottom no-repeat;
  width: 213px;
}

#sidenav ul {
  list-style: url("../images/bullet_sidenav.gif");
  margin: 0 40px;
  padding: 10px 0 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

#sidenav ul.noborder {
  border: 0 none;
}

#sidenav li {
  margin-bottom: .8em;
}

#sidenav a {
  color: #000;
  text-decoration: none;
}

#question {
  margin-top: 30px;
  background: url("../images/sidetestimonialback.gif") bottom no-repeat;
  width: 213px;
}

#questioncontent {
  display: none;
}

#question form {
  padding: 5px 0;
}

#question label {
  width: 40px;
  display: block;
  float: left;
  font-size: .9em;
  font-weight: bold;
  margin-left: 10px !important;
  margin-left: 5px;
  margin-top: 3px;
  line-height: 1.8em;
}

#question label.textlabel {
  float: none;
  width: 100px;
}

#question input {
  margin-left: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  display: block;
  font-size: .9em;
  padding: 3px;
  color: #8c8c8c;
  width: 139px;
  float: left;
  clear: none;
  background: #fff;
  border: 1px solid #abadb3;
}

#question input.submit {
  width: auto;
  margin-left: 130px !important;
  margin-left: 65px;
  border: 0 none;
  background: none;
}

#question textarea {
  margin: 3px 0 3px 10px;
  width: 184px;
  background: #fff;
  border: 1px solid #abadb3;
  color: #8c8c8c;
  padding: 3px;
}

#question p {
  font-size: .9em;
  font-weight: bold;
  margin-top: 3px;
  line-height: 1.8em;
  text-align: center;
}

#logos li {
  list-style: none;
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
}

/*----End IDs----*/
/*---------------------------------------------------------------------*/
/*----Classes----*/

.clear {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.logo {
  float: left;
  margin-left: 12px;
  margin-top: 2px !important;
  margin-top: 1px;
}

.headerphone {
  background: url("../images/phonebackground.gif") no-repeat;
  width: 126px;
  height: 30px;
  color: #fff;
  float: right;
}

.headerphone p {
  line-height: 26px;
  margin-left: 45px;
}

.headerphone a {
  color: #fff;
  text-decoration: none;
}

.headerphone a:hover {
  text-decoration: underline;
}

a.homeblocklarge {
  font-size: 1.2em;
}

.homebox {
  width: 308px;
  height: 145px;
  float: left;
  margin: 5px 6px;
}

.copyright {
  float: left;
}

.largeblockcontent {
  width: 712px;
  height: 216px;
  margin: 10px 0 0 13px;
  color: #fff;
}

.largeblockcontent h1 {
  font-size: 2.4em;
  font-weight: bold;
  padding: 50px 0 5px 30px;
}

.largeblockcontent p {
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 30px;
}

.desclinks {
  float: right;
  margin-bottom: 0 !important;
}

.desclinks2 {
  float: right;
  vertical-align: middle;
  margin-bottom: 0 !important;
}

#description ul.desclinks li {
  display: inline;
  margin: 0 5px;
  background: none;
}

.configblock {
  width: 300px;
  float: left;
  background: url("../images/configblockback.gif") bottom no-repeat;
  margin: 20px 10px 0;
}

.servicesblock {
  width: 239px;
  float: left;
  background: url("../images/servicesblockback.gif") bottom no-repeat;
  margin-top: 20px;
}

.servicesblock p, .configblock p {
  padding: 10px;
  color: #4d4d4d;
}

.servicesblock strong, .configblock strong {
  color: #000;
}

.servicesblocklinks {
  text-align: center;
  margin: 0 auto;
  padding: 5px;
}

.servicesblock h3.yellow, #description div.configblock h3.yellow {
  font-size: .9em;
  font-weight: bold;
  background: #f8f6e5;
  margin: 0 1px;
  padding: 5px 10px;
}

.servicesblock h3.green, #description div.configblock h3.green {
  font-size: .9em;
  font-weight: bold;
  background: #ebf8e5;
  margin: 0 1px;
  padding: 5px 10px;
}

.servicesblock h3.blue, #description div.configblock h3.blue {
  font-size: .9em;
  font-weight: bold;
  background: #eaeff3;
  margin: 0 1px;
  padding: 5px 10px;
}

.servicesblock ul, .configblock ul {
  margin-bottom: 10px;
}

.servicesblock ul.yellow li, #description div.configblock ul.yellow li {
  font-size: .9em;
  margin-left: 20px;
  padding: 5px 0 5px 10px;
  color: #4d4d4d;
  background: url("../images/bullet_yellow.gif") 0px 9px no-repeat;
}

.servicesblock ul.green li, #description div.configblock ul.green li {
  font-size: .9em;
  margin-left: 20px;
  padding: 5px 0 5px 10px;
  color: #4d4d4d;
  background: url("../images/bullet_green.gif") 0px 9px no-repeat;
}

.servicesblock ul.blue li, #description div.configblock ul.blue li {
  font-size: .9em;
  margin-left: 20px;
  padding: 5px 0 5px 10px;
  color: #4d4d4d;
  background: url("../images/bullet_blue.gif") 0px 9px no-repeat;
}

.configblock ul {
  padding: 0 20px 0 10px;
}

.configblock td {
  padding: 5px 20px;
  font-size: .9em;
  color: #4d4d4d;
  width: 50%;
}

.configblock th {
  padding: 5px 20px;
  font-size: .9em;
  color: #4d4d4d;
  font-weight: bold;
}

.configblock li {
  margin: 0 20px !important;
}

.servicesblockmiddle {
  height: 550px;
}

.servicesblockbottom {
  height: 165px;
}

.middle {
  margin: 20px 10px 0;
}

.sidebarlinks {
  width: 213px;
}

.sidebarlinks ul {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 10px;
  margin-top: 20px;
}

.sidebarlinks li {
  margin: 10px 0;
  clear: left;
}

.sidebarlinks li a {
  padding: 10px 0;
  margin-left: 10px;
  font-size: 1.6em;
  display: block;
  float: left;
}

.sidebarlinks li img {
  display: inline;
  float: left;
}

h2.contentheader {
  font-weight: bold;
  margin-top: .6em;
}

.linkslist {
  border: 1px solid #e5e5e5;
  padding: 20px 10px;
  margin-top: 20px;
  width: 193px;
}

.link {
  margin-bottom: 20px;
}

.link img {
  float: left;
}

.link p {
  margin-left: 50px;
  line-height: 1.8em;
}

.right {
  float: right;
  margin: 0 0 10px 10px;
}

div#description ul.contentlist {
  float: left;
  width: 310px;
}

div#description ul.contentlist li {
  margin-bottom: 5px;
  background: url(../images/bullet_sidenav.gif) 0px 4px no-repeat;
}

.comparison {
  width: 650px;
  border-bottom: 1px solid #000;
  margin-bottom: 2em;
}

.comparison th {
  font-weight: bold;
  border-bottom: 2px solid #000;
}

.comparison td {
  padding: 5px;
}

.comparison td img {
  margin: 0 auto;
}

.comparison tr.total td {
  font-weight: bold;
}

.comparison tr.even {
  background: #eaeff3;
}

.speedcols {
  border: 1px solid #e5e5e5;
  padding: 12px;
  width: 709px;
  margin: 2em 0;
}

.speedcols div.col {
  width: 176px;
  float: left;
}

#description div.speedcols div.col h2 {
  font-size: 1.1em;
  padding: 0 5px;
  margin: 0;
}

.speedcols div.col p {
  padding: 5px;
}

ul.clientlist {
  padding: 0 0 .4em 2em;
}

#description ul.clientlist li {
  background: url(../images/bullet_client.gif) 0px 5px no-repeat;
  padding: 0 0 0 15px !important;
  margin: 0 !important;
  display: block;
  float: left;
  width: 196px;
  line-height: 1em;
}

.testimonial {
  background: url("../images/testimonialbottom.gif") bottom no-repeat;
  margin-top: 20px;
}

.testimonialphoto {
  float: left;
  width: 150px;
  padding: 1em;
}

.testimonialphoto img {
  border: 5px solid #e2e2e2;
}

.testimonialtop {
  background: url("../images/testimonialtop.gif") no-repeat;
}

.testimonialcontent {
  margin-left: 170px;
  padding: 1em;
}

.testimonialname {
  margin-left: 250px;
}

#description div.testimonial div.testimonialcontent h3 {
  margin-top: 0em;
}

.testimonial a {
  font-weight: bold;
}

/*----End Classes----*/

/*Header Backgrounds*/

.header_colo {
  background: url("../images/header_colo.jpg") no-repeat;
}

.header_about {
  background: url("../images/header_testimonials.jpg") no-repeat;
}

.header_managed {
  background: url("../images/header_managed.jpg") no-repeat;
}

.header_dedicated {
  background: url("../images/header_datacenter.jpg") no-repeat;
}

.header_commando {
  background: url("../images/header_commando.jpg") no-repeat;
}

.header_internet {
  background: url("../images/header_internet.jpg") no-repeat;
}

.header_shell {
  background: url("../images/header-contact.jpg") no-repeat;
}

.header_why {
  background: url(../images/header_3-5reasons.jpg) no-repeat;
}

.header_cloud {
  background: url(../images/header_clould.jpg) no-repeat; 
}

.header_hand {
  background: url(../images/header_hand-up.jpg) no-repeat;
}

.header_news {
  background: url(../images/header_news.jpg) no-repeat;
}

.header_network {
  background: url(../images/header_network.jpg) no-repeat;
}

.header_contact {
  background: url(../images/header-contact.jpg) no-repeat;
}

/*Form*/

form.quote fieldset {
    margin-bottom: 10px;
    padding: 10px;
}

form.quote legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}

form.quote label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}

form.quote fieldset ol {
	margin: 0;
	padding: 0;
	}

form.quote fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}

form.quote fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}

form.quote fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}

form.quote fieldset fieldset label {
	display: block;
	width: auto;
	}

form.quote em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.quote label { width: 130px; } /* Width of labels */
form.quote fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.quote legend { display: inline-block; } /* IE Mac legend fix */

form.quote {
	width: 650px;
	font-size: 1.1em;
	color: #333;
	}

form.quote legend {
    padding: 10px;
}

form.quote legend,
form.quote label { color: #333; }

form.quote fieldset {
	border: none;
	border-top: 1px solid #405b7b;
    clear: left;
	}

form.quote fieldset fieldset { background: none; }

form.quote fieldset li {
	padding: 5px 10px 7px;
	}

form.quote input, form.quote textarea, form.quote select {
  border: 1px solid #abadb3;
  color: #333;
  padding: 2px;
}

form.quote textarea {
  width: 500px;
  height: 200px;
}

form.quote th input {
  border: 0 none;
}

form.quote fieldset fieldset input {
  border: 0 none;
  margin-right: 5px;
}

#terms {
  border: 1px solid #abadb3;
  padding: 5px;
  margin: 10px;
  height: 200px;
  overflow: scroll;
}

.homesidebutton {
  margin-top: 15px;
  width: 213px;
}

#description ul.sitemap li {
  font-size: 1em;
  margin: 5px 0;
  background: url(../images/bullet_sidenav.gif) left 6px no-repeat;
}

#description ul.sitemap li li {
  background: url(../images/bullet_blue.gif) left 6px no-repeat;
}

#description ul.sitemap li li li {
  background: url(../images/bullet_green.gif) left 6px no-repeat;
}

#description ul.sitemap li li li li {
  background: url(../images/bullet_yellow.gif) left 6px no-repeat;
}

#col2sm p.sidetestname {
  line-height: 1.2em;
}

.red {
  color: #ad0000;
}


@font-face {
    font-family: 'DejaVuSans';
    src: url('font-face/dejavusans-bold-webfont.eot');
    src: url('font-face/dejavusans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/dejavusans-bold-webfont.woff') format('woff'),
         url('font-face/dejavusans-bold-webfont.ttf') format('truetype'),
         url('font-face/dejavusans-bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVuSans';
    src: url('font-face/dejavusans-webfont.eot');
    src: url('font-face/dejavusans-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/dejavusans-webfont.woff') format('woff'),
         url('font-face/dejavusans-webfont.ttf') format('truetype'),
         url('font-face/dejavusans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

#homeblock-1 { float:left; width:735px; height:303px;  }

#home-slider { width:735px; height:284px; position:relative; padding-bottom:19px; background:url(images/slider-shadow.png) 0 275px no-repeat;   }

#home-slider .slider-content { width:713px; height:255px; overflow:hidden; position:relative; border:10px solid #e1e1e1; }
#home-slider .slider-content ul { position:relative; list-style:none outside none; }
#home-slider .slider-content .jcarousel-clip,
#home-slider .slider-content li { float:left; width:713px; height:255px; position:relative; padding:0; margin:0; }
#home-slider .background { position:absolute; top:0; left:0; z-index: 1;   }
#home-slider .data { position:absolute; top:2px; left:0; z-index: 3; width:455px; height:171px; padding:28px 0 0 23px; background:url(images/slider-data.png); }
#home-slider .data { color:#fff; font-size:14px; line-height:18px; font-family:DejaVuSans, Arial, Helvetica, Sans-Serif;  }
#home-slider .data strong { color:#f8100f; text-transform:uppercase;  }
#home-slider .data h1 { font-size:37px; line-height:40px; font-weight:bold; padding-bottom:8px;  }
#home-slider .data .button { float:left; height:39px; background:url(images/slider-button.png); padding-left:14px; margin-top:17px;  }
#home-slider .data .button { color:#fff; font-size:14px; line-height:39px; font-weight:bold; text-decoration:none; }
#home-slider .data .button span { float:left; height:39px; position:relative; margin-right:-14px; padding-right:14px; background:url(images/slider-button.png) bottom right; }
#home-slider .red-line { position:absolute; left:0; bottom:0; z-index: 2; width:697px; background:url(images/slider-testimonial.png); padding:6px 0 6px 16px;  }
#home-slider .red-line { color:#fff;  }
#home-slider .red-line img { position:absolute; bottom:0; right:0;  }
#home-slider .red-line h4 { display:inline; font-size:18px; line-height:18px; font-style:italic;  }
#home-slider .red-line a { display:inline-block; font-size:11px; line-height:20px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; margin-left:5px;  }
#home-slider .red-line a:hover { text-decoration:underline;  }
#home-slider .red-line p { font-size:12px; line-height:14px; font-weight:bold;    }

#home-slider .slider-nav { position:absolute; top:289px; left:0; width:100%;    }
#home-slider .slider-nav ul { list-style:none outside none; padding:0; margin:0; text-align:center;  }
#home-slider .slider-nav ul li { display:inline; padding:0; margin:0; font-size:0; line-height:0; }
#home-slider .slider-nav ul li a { display:inline-block; width:15px; height:16px; margin:0 3px 0 4px; }
#home-slider .slider-nav ul li a { font-size:10px; line-height:16px; text-decoration:none; background:url(images/slider-dots.png); }
#home-slider .slider-nav ul li a:hover,
#home-slider .slider-nav ul li a.active { background-position:right; text-decoration:none;   }


/* Cloud Page */
.cloud-content { overflow:hidden; width:100%;  }

.cloud-content .intro { font-size:12px; line-height:18px; padding:0 55px 16px 35px;  }
.cloud-content .intro strong { font-size:20px; }

.cloud-content .graph { padding-bottom:3px;  }
.cloud-content .graph .left-col { float:left; width:454px; height:366px; background:url(../images/cloud-graph-left.png); }
.cloud-content .graph .left-col h2 { text-align:center; font-size:20px;  line-height:31px; padding-top:12px;   }
.cloud-content .graph .box { padding:0 16px 0 12px; height:97px; margin-bottom:8px;  }
.cloud-content .graph .big-box { padding-top:6px; height:92px; margin-bottom:0;  }
.cloud-content .graph .head { padding-bottom:2px; margin-bottom:4px;  }
.cloud-content .graph .head h3 { float:left; width:125px; padding-top:14px; font-size:20px; line-height:22px; font-weight:normal;  }
.cloud-content .graph .head .icons { float:left; list-style-type:none outside none; position:relative; margin-top:-2px;  }
.cloud-content .graph .head .icons li { float:left; width:35px; height:36px; font-size: 0; line-height: 0; text-indent: -4000px;  }
.cloud-content .graph .head .icons li { background:url(../images/cloud-icons.png); }
.cloud-content .graph .head .icons li.icon-1 { background-position:-37px 0; }
.cloud-content .graph .head .icons li.icon-2 { background-position:-37px -36px; }
.cloud-content .graph .head .icons li.icon-3 { background-position:-37px -72px; }
.cloud-content .graph .head .icons li.icon-4 { background-position:-37px -108px; }
.cloud-content .graph .head .icons li.icon-5 { background-position:-37px -144px; }
.cloud-content .graph .head .icons li.icon-6 { background-position:-37px -180px; }
.cloud-content .graph .head .icons li.icon-7 { background-position:-37px -216px; }
.cloud-content .graph .head .icons li.icon-8 { background-position:-37px -252px; }
.cloud-content .graph .right-col { float:left;  }

.cloud-content .hr { font-size: 0; line-height: 0; text-indent: -4000px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;  }

.cloud-content .big-button { display:block; width:404px; height:22px; background:url(../images/big-button.png); font-size: 0; line-height: 0; text-indent: -4000px; margin:0 auto 26px;  }

.cloud-content .st { background:url(../images/st.png) repeat-y;  }
.cloud-content .st-b { background:url(../images/st-b.png) left bottom no-repeat; position:relative; margin-right:-7px; width:747px; }
.cloud-content .st .thumb img { margin:0 auto; display:block; }
.cloud-content .st .col { float:left; width:239px; margin-right:10px; }
.cloud-content .st .col h2 { height:35px; background:url(../images/st-head.png); font-size: 0; line-height: 0; text-indent: -4000px; }
.cloud-content .st .col h2.heading-1 { background-position:0 -1px;  }
.cloud-content .st .col h2.heading-2 { background-position:0 -39px;  }
.cloud-content .st .col h2.heading-3 { background-position:0 -78px;  }
.cloud-content .st .col .section {  }
.cloud-content .st .col .section h4 { font-size:11px; line-height:27px; color:#303030; background:#d8d8d8; padding:0 13px; margin-bottom:5px;  }
.cloud-content .st .col .section p,
.cloud-content .st .col .section ul { padding:0 12px 13px; font-size:11px; line-height:18px; color:#303030; }
.cloud-content .st .col .section ul { list-style:none outside none; padding-bottom:0;  }
.cloud-content .st .col .section ul li { padding:0 0 13px 12px; background:url(../images/st-li.png) 0 7px no-repeat;   }
.cloud-content .st .orange-btn { display:block; width:208px; height:29px; background:url(../images/st-btn.png); text-align:center; margin:0 auto 9px;  }
.cloud-content .st .orange-btn { font-size:18px; line-height:29px; font-family:"Arial Black", Arial, Helvetica, Sans-Serif; font-weight:bold;   }
.cloud-content .st .orange-btn { color:#fff; text-decoration:none; text-shadow:#52270a 1px 1px 2px;   }

.cloud-sidebar { width:210px; margin:0 !important; float:right !important; }
.cloud-sidebar .box { background:#fafafa; border:1px solid #d9d9d9; padding:3px; margin-bottom:14px;   }
.cloud-sidebar .box h3 { width:202px; height:31px; background:url(../images/cloud-sidebar-heading.png); padding-bottom:3px;  }
.cloud-sidebar .box h3 { font-size:18px; line-height:31px; color:#000; text-align:center; position:relative;  }
.cloud-sidebar .box h3 span { display:block; padding-left:26px; text-align:left; }
.cloud-sidebar .box h3 em { position:absolute; top:0; right:4px; width:37px; height:34px; background:url(../images/cloud-icons.png); }
.cloud-sidebar .box h3.heading-1 em { background-position:-72px 0;  }
.cloud-sidebar .box h3.heading-2 em { background-position:-72px -34px;  }
.cloud-sidebar .box h3.heading-3 em { background-position:-72px -68px;  }
.cloud-sidebar .box h3.heading-4 em { background-position:-72px -102px;  }

.cloud-sidebar .cloud-links { padding:5px 3px 14px; margin:74px 0 150px; }
.cloud-sidebar .cloud-links ul { list-style:none outside none; }
.cloud-sidebar .cloud-links ul li { margin-bottom:27px;  }
.cloud-sidebar .cloud-links ul li.last { margin-bottom:0;  }
.cloud-sidebar .cloud-links ul li a { display:block; background:url(../images/cloud-sidebar-heading.png); position:relative; margin-top:8px;  }
.cloud-sidebar .cloud-links ul li a { padding:4px 0 0 58px; width:144px; height:30px; font-size:17px; line-height:30px; font-weight:bold;  }
.cloud-sidebar .cloud-links ul li a { color:#000; text-decoration:none;   }
.cloud-sidebar .cloud-links ul li a .icon { position:absolute; top:-8px; left:15px; width:37px; height:41px; background:url(../images/cloud-icons.png); }
.cloud-sidebar .cloud-links ul li a .icon { font-size: 0; line-height: 0; text-indent: -4000px;  }
.cloud-sidebar .cloud-links ul li a.link-2 .icon { background-position:0 -41px; }

.cloud-sidebar .legend ul { list-style:none outside none; background:#f7f7f7; border:1px solid #e4e4e4; margin:3px 0 1px; padding:4px 0 9px;  }
.cloud-sidebar .legend ul li { position:relative; padding:0 0 0 55px; font-size:16px; line-height:36px;   }
.cloud-sidebar .legend ul li.double-line { line-height:18px; }
.cloud-sidebar .legend ul li .icon { position:absolute; top:0; left:10px;   }
.cloud-sidebar .legend ul li .icon { width:35px; height:36px; background:url(../images/cloud-icons.png); font-size: 0; line-height: 0; text-indent: -4000px; }
.cloud-sidebar .legend ul li.link-1 .icon { background-position:-37px 0; }
.cloud-sidebar .legend ul li.link-2 .icon { background-position:-37px -36px; }
.cloud-sidebar .legend ul li.link-3 .icon { background-position:-37px -72px; }
.cloud-sidebar .legend ul li.link-4 .icon { background-position:-37px -108px; }
.cloud-sidebar .legend ul li.link-5 .icon { background-position:-37px -144px; }
.cloud-sidebar .legend ul li.link-6 .icon { background-position:-37px -180px; }
.cloud-sidebar .legend ul li.link-7 .icon { background-position:-37px -216px; }
.cloud-sidebar .legend ul li.link-8 .icon { background-position:-37px -252px; }

.cloud-sidebar .help p { font-size:11px; line-height:20px; padding:13px 11px 9px;  }
