/* 
 * SASS template by Marcin Gałęza - UI Designer at Hosting365.com
 * mail: marcin.galeza(at)hosting365.com
 * web:  www.hosting365.com
 * date: July 1, 2008
 * //
 * //
 * constans
 * ------------------------------------------------ */
/* global styles
 * ------------------------------------------------ */
* {
  margin: 0;
  padding: 0; }

body {
  font: 62.5%/170% Helvetica, Arial, Verdana, Tahoma;
  color: #666666;
  background: #444; }

p, ul, ol, dl {
  font-size: 1.2em;
  margin: 0 0 1em; }

.nomargin {
  margin: 0; }

.helphint {
  padding: 10px 200px 10px 10px;
  color: #999;
  font-style: italic;
  font-size: 1.5em;
  background: #d5d6d6 url(/images/bgHelphint.gif) 98% 50% no-repeat; }
  .helphint a {
    border-bottom: 1px dotted #eb8023;
    text-decoration: none; }
  .helphint a:hover {
    border-bottom: 1px solid #eb8023;
    text-decoration: none; }

.spaced {
  margin: 1em 0 0; }

.gallery {
  text-align: center;
  margin: 2em 0 3em; }

.todo {
  font-weight: bold;
  color: #ed145b; }

.helpdesk {
  float: right;
  width: 155px;
  height: 31px;
  margin: 20px 0 0; }
  .helpdesk a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bttnHelpdesk.gif) 0 0 no-repeat; }

address {
  font-style: normal;
  font-size: 1.2em;
  margin: 0 0 1em; }

.main ul li, .main ol li {
  padding: 0 0 0 12px;
  list-style: none; }

.main ul ul, .main ol ol, .main ul ol, .main ol ul {
  font-size: 1em;
  margin: .3em 0; }

.main ul li {
  background: url(/images/bullet-main.gif) 0 3px no-repeat; }

.main ul ul li {
  background: url(/images/bullet-sub.gif) 0 4px no-repeat; }

.main dl p {
  font-size: 1em; }

a {
  text-decoration: none;
  color: #eb8023; }
  a:hover {
    text-decoration: underline; }

h2 {
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 35px;
  margin: 0 0 100px; }

h3.subheading {
  font-size: 1.8em;
  text-transform: uppercase;
  margin: 0 0 .6em; }

h4.subheading {
  font-size: 1.4em;
  margin: 0 0 .6em;
  color: #eb8023; }

.content-table {
  font-size: 1.2em;
  width: 100%;
  margin: 0 0 1em;
  border: 1px solid #e5e6e6;
  border-collapse: collapse; }
  .content-table td, .content-table th {
    padding: 7px 9px;
    border: 1px solid #e5e6e6;
    background: #e5e6e6 url(/images/bgTd.gif) 0 0 repeat-x; }
  .content-table th {
    color: #eb8023;
    background: #212121 url(/images/bgTh.gif) 0 0 repeat-x; }
  .content-table .th-first {
    background: url(/images/bgThFirst.gif) 0 0 no-repeat; }
  .content-table .th-last {
    background: url(/images/bgThLast.gif) 100% 0 no-repeat; }
  .content-table .th-col {
    font-weight: bold; }
  .content-table .td-cnt {
    text-align: center; }
  .content-table .th-span {
    background: url(/images/bgThspan.gif) 50% 0 no-repeat; }
  .content-table .section td {
    border-top: 25px solid transparent; }

#hosted-it .th-col {
  width: 30%; }

/* page structure
 * ------------------------------------------------ */
#container {
  position: absolute;
  top: 25px;
  left: 50%;
  margin: 0 0 0 -475px;
  width: 950px; }

#header {
  position: relative;
  float: left;
  width: 950px;
  height: 130px;
  overflow: hidden;
  background: #231f20 url(/images/bgHeader.gif) 0 0 no-repeat; }

#wrapper {
  float: left;
  width: 950px;
  padding: 40px 0 0;
  background: #2d2a2c url(/images/bgWrapper.gif) 0 0 no-repeat; }

#content {
  float: left;
  width: 735px;
  margin: 0 0 40px 20px;
  padding: 0 0 10px;
  background: url(/images/bgContentB.gif) 0 100% no-repeat; }
  #content .wrap {
    float: left;
    width: 100%;
    background: #e5e6e6; }
    #content .wrap .main {
      width: 695px;
      padding: 0 20px; }

#home #content {
  width: 605px;
  margin: 0 0 40px;
  padding: 0;
  background: none; }

#sidebar {
  float: right;
  width: 175px;
  padding: 0 0 10px; }

#footer {
  float: left;
  position: relative;
  width: 870px;
  height: 80px;
  padding: 40px 40px 0;
  background: url(/images/bgFooter.gif) 0 0 repeat-x; }

/* header
 * ------------------------------------------------ */
h1 {
  position: absolute;
/*  top: 17px;
  left: 17px;*/
  width: 954px;
  height: 98px; }
  h1 a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
    background: url(/images/sg.jpg) 0 0 no-repeat; }

#quicknav {
  position: absolute;
  top: 0;
  right: 0;
  background: #5a5a5a url(/images/bgQuicknavT.gif) 100% 0 no-repeat; }
  #quicknav ul {
    margin: 0;
    padding: .5em 1em;
    background: url(/images/bgQuicknav.gif) 0 100% no-repeat; }
  #quicknav li {
    display: inline;
    font-size: 1em;
    padding: 0 .3em; }
  #quicknav a {
    color: #a5a5a7; }
  #quicknav .highlighted a {
    color: #eb8023; }

#mainnav {
  position: absolute;
  top: 95px;
  left: 0;
  float: left;
  width: 950px;
  height: 35px; }
  #mainnav li {
    float: left;
    height: 100%;
    list-style: none; }
    #mainnav li a {
      display: block;
      float: left;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      overflow: hidden; }
  #mainnav #tab-home {
    width: 109px; }
    #mainnav #tab-home a {
      background: url(/images/n1.gif) 0 0; }
      #mainnav #tab-home a:hover {
        background-position: 0 -35px; }
  #mainnav #tab-managedcolocation {
    width: 232px; }
    #mainnav #tab-managedcolocation a {
      background: url(/images/n2.gif) 0 0; }
      #mainnav #tab-managedcolocation a:hover {
        background-position: 0 -35px; }
  #mainnav #tab-hostedit {
    width: 140px; }
    #mainnav #tab-hostedit a {
      background: url(/images/n3.gif) 0 0; }
      #mainnav #tab-hostedit a:hover {
        background-position: 0 -35px; }
  #mainnav #tab-cloudplatform {
    width: 194px; }
    #mainnav #tab-cloudplatform a {
      background: url(/images/n4.gif) 0 0; }
      #mainnav #tab-cloudplatform a:hover {
        background-position: 0 -35px; }
  #mainnav #tab-technology {
    width: 159px; }
    #mainnav #tab-technology a {
      background: url(/images/n5.gif) 0 0; }
      #mainnav #tab-technology a:hover {
        background-position: 0 -35px; }
  #mainnav #tab-about {
    width: 116px; }
    #mainnav #tab-about a {
      background: url(/images/n6.gif) 0 0; }
      #mainnav #tab-about a:hover {
        background-position: 0 -35px; }

#managed-colocation #tab-managedcolocation a {
  cursor: default;
  background-position: 0 -35px; }

#cloud-platform #tab-cloudplatform a {
  cursor: default;
  background-position: 0 -35px; }

#about #tab-about a {
  cursor: default;
  background-position: 0 -35px; }

#hosted-it #tab-hostedit a {
  cursor: default;
  background-position: 0 -35px; }

#technology #tab-technology a {
  cursor: default;
  background-position: 0 -35px; }

#language {
  position: absolute;
  top: 68px;
  right: 20px;
  color: #333; }
  #language a {
    color: #666; }

/* content
 * ------------------------------------------------ */
#intro {
  width: 665px;
  height: 626px;
  overflow: hidden;
  margin: 0 auto 30px;
  background: url(/images/bgIntro.png) 0 0 no-repeat; }
  #intro * {
    display: none; }

#clients {
  float: left;
  width: 475px;
  padding: 0 0 10px;
  background: url(/images/bgClients.png) 0 100% no-repeat; }
  #clients .wrap {
    width: 435px;
    padding: 10px 0 0 40px;
    background: transparent url(/images/bgClientsT.png) 0 0 no-repeat; }
  #clients .featured-clients {
    float: left;
    width: 30%;
    font: 2.2em/100% Helvetica, Arial, Verdana, Tahoma;
    text-transform: uppercase;
    font-weight: bold;
    color: #222;
    margin: .5em 0 .5em; }
  #clients .description {
    float: left;
    width: 30%;
    font: 1.4em/100% Helvetica, Arial, Verdana, Tahoma;
    text-transform: uppercase; }
  #clients .photos {
    float: right;
    margin: 0;
    padding: 0 10px 0 0; }
    #clients .photos a {
      margin: 0 2px; }
      #clients .photos a img {
        border: none; }


.people dt {
  float: left;
  width: 120px; }
  .people dt img {
    padding: 3px;
    background: #fff;
    border: 1px dotted #999; }
.people dd {
  margin-left: 130px; }
  .people dd strong {
    font-size: 1.2em; }
    .people dd strong span {
      color: #999; }


.heading-managed-colocation {
  background: url(/images/h2-managedcolocation.gif) 0 0 no-repeat; }

.heading-hosted-it {
  background: url(/images/h2-hostedit.gif) 0 0 no-repeat; }

.heading-cloud-platform {
  background: url(/images/h2-cloudplatform.gif) 0 0 no-repeat; }

.heading-technology {
  background: url(/images/h2-technology.gif) 0 0 no-repeat; }

.heading-about {
  background: url(/images/h2-about.gif) 0 0 no-repeat; }

.heading-legal {
  background: url(/images/h2-legal.gif) 0 0 no-repeat; }

.heading-contact {
  background: url(/images/h2-contact.gif) 0 0 no-repeat; }

.heading-sitemap {
  background: url(/images/h2-sitemap.gif) 0 0 no-repeat; }

.heading-managed-servers {
  background: url(/images/h2-managedservers.gif) 0 0 no-repeat; }

.heading-complex-hosting {
  background: url(/images/h2-complexhosting.gif) 0 0 no-repeat; }

.heading-managed-storage {
  background: url(/images/h2-managedstorage.gif) 0 0 no-repeat; }

.heading-data-protection {
  background: url(/images/h2-dataprotection.gif) 0 0 no-repeat; }

.heading-managed-security {
  background: url(/images/h2-managedsecurity.gif) 0 0 no-repeat; }

.heading-virtualisation {
  background: url(/images/h2-virtualisation.gif) 0 0 no-repeat; }

.heading-channel-partners {
  background: url(/images/h2-channelpartners.gif) 0 0 no-repeat; }

.managed-colocation {
  background: url(/images/bgMain-managedcolocation.jpg) 0 0 no-repeat; }

.hosted-it {
  background: url(/images/bgMain.gif) 0 0 no-repeat; }

.cloud-platform {
  background: url(/images/bgMain-cloudplatform.jpg) 0 0 no-repeat; }

.about,
.legal,
.contact,
.sitemap {
  background: url(/images/bgMain.gif) 0 0 no-repeat; }

.technology {
  background: url(/images/bgMain.gif) 0 0 no-repeat; }


.lead {
  text-transform: uppercase; }

.more a {
  display: block;
  width: 63px;
  height: 17px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/bttnReadmore.png) 0 0 no-repeat; }

.sidecontent .technology {
  position: relative;
  height: 100px;
  text-align: center;
  background: url(/images/bgTechnology.gif) 0 0 no-repeat; }
  .sidecontent .technology img {
    margin: 20px 5px 0; }
.sidecontent .certs {
  padding: 140px 10px 20px;
  background: url(/images/bgCert.gif) 0 0 no-repeat; }
.sidecontent .additional {
  padding: 20px 10px;
  background: url(/images/bgSidecontentbox.gif) 0 0 repeat-x; }
  .sidecontent .additional span {
    color: #fff; }
.sidecontent h3 {
  font-size: 1.7em;
  line-height: .9em;
  text-transform: uppercase;
  color: #666; }
  .sidecontent h3 span {
    color: #999;
    display: block; }

.sitemap-col {
  float: left;
  width: 50%; }

.sitemap hr,
.main hr {
  clear: both;
  height: 1px;
  background: transparent;
  border: 0 none; }

#map {
  width: 99.5%;
  height: 300px;
  margin: 0 0 4em;
  border: 1px solid #ccc; }

#cnt-ireland {
  float: left;
  width: 40%; }

#cnt-poland {
  float: right;
  width: 50%; }

#twitter,
#flickr {
  float: left;
  margin: 0 2em 0 12em;
  padding: 0 0 2em;
  width: 183px;
  height: 39px; }
  #twitter a,
  #flickr a {
    display: block;
    float: left;
    width: 100%;
    height: 39px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bttnTwitter.gif) 0 0 no-repeat; }

#flickr a {
  display: block;
  float: left;
  width: 100%;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/bttnFlickr.gif) 0 0 no-repeat; }

.half-box {
  width: 338px;
  height: 140px;
  margin: 0 0 20px;
  background: url(/images/bgHalfbox.gif) 0 100% no-repeat; }
  .half-box .hb-wrapp {
    height: 100px;
    padding: 20px 0;
    background: url(/images/bgHalfboxT.gif) 0 0 no-repeat;
    position: relative; }
    .half-box .hb-wrapp div {
      padding: 0 20px 0 90px;
      height: 100%; }
      .half-box .hb-wrapp div h5 {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold; }
        .half-box .hb-wrapp div h5 a {
          color: #333; }
      .half-box .hb-wrapp div p {
        line-height: 130%;
        font-size: 1.2em; }
      .half-box .hb-wrapp div .icon {
        position: absolute;
        top: 50px;
        left: 20px; }
        .half-box .hb-wrapp div .icon a img {
          border: 0 none; }

.fl {
  float: left; }

.fr {
  float: right; }

#register fieldset {
  position: relative;
  width: 175px;
  height: 206px;
  margin: 0 0 10px 0;
  border: 0;
  padding: 0;
  background: url(/images/bgRegister.gif) 0 0 no-repeat; }
  #register fieldset legend {
    display: none; }
  #register fieldset #ds_www {
    border: none;
    background: #e5e5e5;
    width: 135px;
    position: absolute;
    top: 23px;
    left: 21px; }
  #register fieldset #ds_btt {
    position: absolute;
    top: 52px;
    left: 46px; }
  #register fieldset p {
    position: absolute;
    top: 98px;
    left: 22px;
    width: 132px;
    height: 93px; }
    #register fieldset p a {
      display: block;
      float: left;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      overflow: hidden;
      background: url(/images/bgRegisterLink.gif) 0 0 no-repeat; }

/* sidebar
 * ------------------------------------------------ */
#sidebar h3 {
  height: 35px;
  text-indent: -9999px;
  overflow: hidden; }
#sidebar .blog {
  background: url(/images/h3LatestBlogEntries.gif) 0 0 no-repeat; }
#sidebar .managed-colocation {
  background: url(/images/h3ManagedColocation.gif) 0 0 no-repeat; }
#sidebar .hosted-it {
  background: url(/images/h3HostedIt.gif) 0 0 no-repeat; }
#sidebar .cloud-platform {
  background: url(/images/h3CloudPlatform.gif) 0 0 no-repeat; }
#sidebar .bizspark {
  background: url(/images/h3Bizspark.gif) 0 0 no-repeat; }
#sidebar .technology {
  background: url(/images/h3Technology.gif) 0 0 no-repeat; }
#sidebar .about {
  background: url(/images/h3About.gif) 0 0 no-repeat; }
#sidebar .blade {
  margin: 0 0 10px; }
  #sidebar .blade a {
    height: 106px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/h4-cloud.gif) 0 0 no-repeat; }
#sidebar .chat {
  margin: 0 0 10px; }
  #sidebar .chat a {
    height: 106px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bgChat.gif) 0 0 no-repeat; }
#sidebar .sidenav {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: #4b4c4d url(/images/bgSidenavB.gif) 0 100% no-repeat; }
  #sidebar .sidenav .first-level,
  #sidebar .sidenav .blog-entries {
    min-height: 95px;
    padding: 10px 10px 0;
    border-top: 1px solid #333; }
    #sidebar .sidenav .first-level a,
    #sidebar .sidenav .blog-entries a {
      color: #ddd; }
    #sidebar .sidenav .first-level dd,
    #sidebar .sidenav .blog-entries dd {
      margin: 0 0 .5em;
      color: #999; }
  #sidebar .sidenav .first-level {
    font-size: 1.1em;
    font-weight: bold;
    list-style: none;
    margin: 0; }
    #sidebar .sidenav .first-level li {
      margin: 0 0 10px 0;
      padding: 0 0 0 20px;
      background: url(/images/bgSidenav-bullet.gif) 0 0 no-repeat; }
    #sidebar .sidenav .first-level .highlighted a {
      color: #eb8023; }
    #sidebar .sidenav .first-level a {
      color: #ccc; }
  #sidebar .sidenav .second-level {
    font-size: 1em;
    list-style: none;
    margin: 0; }
    #sidebar .sidenav .second-level li {
      margin: 0;
      padding: 0 0 0 10px;
      background: url(/images/subnav-bullet.gif) 0 6px no-repeat;
      font-weight: normal; }
    #sidebar .sidenav .second-level a {
      color: #9e9d9d; }
    #sidebar .sidenav .second-level .highlighted a {
      color: #eb8023; }
#sidebar .cover {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: url(/images/bgCoverB.png) 0 100% no-repeat; }
  #sidebar .cover .wrap {
    padding: 10px 10px 0;
    background: url(/images/bgCoverT.png) 0 0 no-repeat; }
  #sidebar .cover p {
    margin: 0; }
  #sidebar .cover h4 {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #eb8023; }
#sidebar .register {
  height: 106px; }
  #sidebar .register a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/h4-register.gif) 0 0 no-repeat; }
#sidebar .award-it {
  width: 115px;
  height: 115px;
  margin: 10px auto 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/awardInspiredwinner.gif) 0 0 no-repeat; }
#sidebar .award-d {
  width: 121px;
  height: 70px;
  margin: 0 auto;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/awardDeloitte.gif) 0 0 no-repeat; }

/* footer
 * ------------------------------------------------ */
#footer p {
  margin: 0;
  color: #222; }
#footer a {
  color: #222;
  font-weight: bold; }
#footer .lead-footer {
  font-size: 1.3em; }
#footer .sub {
  font-size: 1em; }
#footer .rss {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 187px;
  height: 24px; }
  #footer .rss a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bgRss.gif) 0 0 no-repeat; }

#bizspark-form fieldset {
	border: 0 none; }
#bizspark-form label {
	display: block;
	float: left;
	padding: 3px 10px 0 0;
	text-align: right;
	width: 100px; }
#bizspark-form #email_company,
#bizspark-form #email_first_name,
#bizspark-form #email_last_name,
#bizspark-form #email_email,
#bizspark-form #email_phone {
	border: 1px solid #666;
	background: #fff;
	font-size: 1.1em;
	padding: 2px;
	width: 200px;
}
#bizspark-form p span {
	display: none;
	visibility: hidden; }
#bizspark-form .fieldWithErrors #email_company,
#bizspark-form .fieldWithErrors #email_first_name,
#bizspark-form .fieldWithErrors #email_last_name,
#bizspark-form .fieldWithErrors #email_email,
#bizspark-form .fieldWithErrors #email_phone
	{
	border: 1px solid red; 
	background: #fff;
	font-size: 1.2em;
	padding: 2px;}
#bizspark-form span.s-alert {
	display: inline;
	visibility: visible; }
.fieldWithErrors{
display:inline;
}