/* latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: local('Architects Daughter Regular'), local('ArchitectsDaughter-Regular'), url(/fonts/architectsdaughter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Set the main styles */
body
{

background:#E0E0E0 center repeat fixed url('/images/bg.png');
text-align:center;
width:1024px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#505050;
}

.lgrey {color:#D0D0D0;}
.grey {color:#808080;}
.dgrey {color:#505050;}

.lred {color:#C08080;}
.red {color:#C00000;}
.dred {color:#770000;}

a, .pink {color:#c00000;}
img {border:none;}
div {float:left;}
td  {vertical-align:top;}

h1, h2, h3 {padding:0px; margin-top:5px; margin-bottom:0px;}
h2 {font-size:18px;}
div#right h2 {margin-bottom:10px;}

.uc {color:#700000;} /* Under Construction */
.clrl {clear:left;}
.clrr {clear:right;}
.clrb {clear:both;}


#container
{
width:994px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#FFF;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
position:absolute;
}

/* Page elements, top to bottom */

#login {display:none;}

#topbar
{
width:994px;
height:10px;
background:#770000;
margin-top:5px;

/* CSS 3, if supported */
background: -moz-linear-gradient(left, #770000 0%, #C00000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#770000), color-stop(100%,#C00000));
background: -webkit-linear-gradient(left, #770000 0%,#C00000 100%);
background: -o-linear-gradient(left, #770000 0%,#C00000 100%);
background: -ms-linear-gradient(left, #770000 0%,#C00000 100%);
background: linear-gradient(to right, #770000 0%,#C00000 100%);
}

#header
{
padding-top:15px;
padding-bottom:5px;
width:994px;
/*border-bottom:1px dashed #808080;*/
}

#logo
{
margin-left:5px;
width:320px;
height:111px;
}

img.uc
{
position:absolute;
top:18px;
left:400px;
}


#contacts
{ 
float:right;
text-align:right;
font-size:20px;
font-weight:bold;
margin-top:10px;
margin-right:10px;
}

#iso27001
{
float:right;
text-align:right;
font-size:20px;
font-weight:bold;
margin-top:5px;
margin-right:5px;
}

#compass
{
width:150px;
height:100px;
right:25px;
top:105px;
position:absolute;
z-index:50;
overflow:hidden;
}

#menu
{
width:860px;
padding-top:5px;
padding-bottom:5px;
}

#menu ul
{
list-style:none;
margin:0px;
padding:0px;
display:inline;
}

#menu ul li
{
display:inline;
float:left;
padding:10px;
}

#menu ul li a
{
font-weight: bold;
text-decoration:none;
}

#menu ul li:hover a
{
border-bottom:4px solid #770000;
}

#menu ul li ul {display:none;}

#menu ul li:hover ul
{
display:block;
background:#505050;
float:left;
/*height:150px;*/
width:356px;
margin-top:5px;
position:absolute;
z-index:20;
padding:1px;
color:#770000;
}

#menu ul li:hover ul li
{
width:149px;
padding-right:5px;
padding-left:20px;
padding-bottom:10px;
background:url('/images/rtarr_grey.png');
background-repeat:no-repeat;
background-position:6px 12px;
border-bottom: 1px solid #303030;
border-right: 1px solid #303030;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
}

#menu ul li:hover ul li:hover {
background:url('/images/rtarr_lgrey.png');
background-repeat:no-repeat;
background-position:6px 12px;
}

#menu ul li:hover ul li a
{
font-weight: normal;
border:none;
color:#CCCCCC;
}

#menu ul li:hover ul li:hover a {color:#FFFFFF;}

#login {margin-top:10px;}

#banner_cycle {margin-bottom: 10px;}
.banner{background:url('/images/banner-sm.png');min-height:243px;}
.banner_home{background:url('/images/banner.png');min-height:334px;}
.banner, .banner_home
{
width:994px;
position:relative;
overflow:hidden;
background-repeat:no-repeat;
color:#D0D0D0;
margin-bottom: 10px;
/* CSS 3, if supported */
background: -moz-linear-gradient(left, #770000 0%, #C00000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#770000), color-stop(100%,#C00000));
background: -webkit-linear-gradient(left, #770000 0%,#C00000 100%);
background: -o-linear-gradient(left, #770000 0%,#C00000 100%);
background: -ms-linear-gradient(left, #770000 0%,#C00000 100%);
background: linear-gradient(to right, #770000 0%,#C00000 100%);
}
.banner_dark, .banner_home_dark
{
width:994px;
position:relative;
overflow:hidden;
background-repeat:no-repeat;
color:#D0D0D0;
margin-bottom: 10px;
/* CSS 3, if supported */
background: -moz-linear-gradient(left, #000000 0%, #770000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(100%,#770000));
background: -webkit-linear-gradient(left, #000000 0%,#770000 100%);
background: -o-linear-gradient(left, #000000 0%,#770000 100%);
background: -ms-linear-gradient(left, #000000 0%,#770000 100%);
background: linear-gradient(to right, #000000 0%,#770000 100%);
}
.banner_image {float:right; padding:12px;padding-bottom:8px;}
.banner_text {position:absolute;top:0px;left:0px;padding-left:20px; padding-top:20px;}
.banner_text span:first-child {float:left; clear:left;color:#d0d0d0; font-size:36px; font-weight:bold; border-bottom:5px solid #570000;font-size:36px; padding-top:0px; padding-bottom:10px;text-shadow: 2px 2px #570000;}
.banner_text span {float:left; clear:left;font-size:18px; padding-top:15px;}
.banner_text_footer {position:absolute;bottom:0px;right:0px;padding-right:25px; padding-bottom:25px;color:#303030;font-family: 'Architects Daughter', cursive;font-size:16px;text-align:right;}
.banner_text_footer_top {position:absolute;top:0px;right:0px;padding-right:25px; padding-top:25px;color:#303030;font-family: 'Architects Daughter', cursive;font-size:16px;text-align:right;}


/* Homepage boxes */
#boxes_2 {width:661px;}
#boxes_3 {width:994px;}

/*
#boxes .header
{
margin-left:60px;
margin-top:10px;
font-size:17px;
}

#boxes .content
{
float:left;
clear:left;
margin-left:30px;
margin-top:20px;
}

#boxes ul.content {padding:0px; list-style:none; margin-left:5px;}
#boxes ul.content li {background:url('/images/gray_triangle.png'); background-repeat:no-repeat; padding-left:15px; background-position:0px 3px;}
*/

.boxcell
{
width:328px;
overflow:hidden;
margin:0px 0px 5px 5px;
}
.boxcell.nolm {margin-left: 0px;}
.boxcell.norm {margin-right: 0px;}
.boxcell.nobm {margin-bottom: 0px;}

.morebox
{
width:100%;
min-height:330px;
}
.morebox_image {float:right; padding:12px;padding-bottom:8px; position:absolute;}
.morebox_headtext {font-weight:bold; font-size:18px; line-height: 180%; color:#D0D0D0; background-color:#505050; width:100%;}
.morebox_text {float:left; clear:left; padding:10px; line-height: 130%;}

.article_headtext {font-weight:bold; font-size:18px; float:left; color:#505050; width:100%;}
.article_text {font-weight:normal; font-size:14px; float:left; line-height: 130%;}

.bggrad {
/* CSS3 if supported */
background: -moz-linear-gradient(bottom right, #ffffff 0%, #d0d0d0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0));
background: -webkit-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -o-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -ms-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: linear-gradient(to bottom right, #ffffff 0%,#d0d0d0 100%);
}


#server, .server
{
background:url('/images/server.png');
width:327px;
height:186px;
}

#colocation, .colocation
{
background:url('/images/colocation.png');
width:338px;
height:186px;
margin-left:1px;
}

#management, .management
{
background:url('/images/management.png');
width:327px;
height:186px;
margin-left:1px;
}

/* Page content */

#content
{
margin-top:5px;
padding:0px 5px;
width:650px;
line-height: 130%;
}

.why {display:inline;}
ul.why{padding-left:0px; list-style:square outside; color:#C00000;}
ul.why li {position:relative; left:15px;}
ul.why span {color:#505050;}

.doclink{padding:5px; background-color:#eeeeee;}

table.product {margin-top:10px; border-collapse:collapse;}
table.product th {border-top:1px solid #E0E0E0; background:#770000; color:#d0d0d0; padding:5px; font-size:14px; vertical-align:top; text-align:right; width:100px;}
table.product td {border-top:1px solid #E0E0E0; padding:5px;}
table.columns td {border-right:1px solid #E0E0E0;}
td.empty {background-color:#F8F8F8;}
table.product ul {padding-left:15px; margin:0px;}

.boxcell>img {border: 5px solid #D0D0D0;}

#feedOutput
{
max-height:435px;
max-width:308px;
overflow:auto;
}

#right
{
line-height: 130%;
float:right;
width:328px;
margin:5px 0px 5px 5px;
}

#right img
{
/*float:right;*/
}

#right form
{
background:#F7F7F7;
width:317px;
padding-top:5px;
}

#right form input {border:none; background:#D0D0D0; width:280px; margin-bottom:5px; height:15px; padding:5px; float:left; clear:left;}
#xxright form input.submit {width:100px; height:32px; margin:0px; margin-top:5px; padding:0px; cursor:pointer; background:url('/images/submit.png'); float:right; clear:none;}
#right form select {width:290px;}
#right form fieldset {padding:0px; padding-left:15px; padding-top:5px; border:0px; margin:0px; width:302px;}
#right form fieldset#pink {background:#C00000; font-weight:bold; color:#FFF;}
#right form label {float:left; width:120px;}

#sideright {margin:0px;padding:0px; margin-bottom:10px;}

#sideright li
{
list-style:none;
margin:0px;
border-bottom:1px solid #E0E0E0;
padding-top:5px;
padding-bottom:5px;
background:url('/images/rtarr_red.png');
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:15px;
}

#sideright li:hover{
background:url('/images/rtarr_lred.png');
background-repeat:no-repeat;
background-position:2px 8px;
}

#sideright li:hover a{
color:#505050;
}

#sideright li a {text-decoration:none; color:#808080;}

#partners
{
/*border-top: 1px dashed #B3B3B3;*/
width:994px;
height:70px;
margin-top:10px;
margin-bottom:0px;
/*padding-top:10px;*/
}

#partnerlogos div
{
font-size:16px;
font-weight:bold; 
line-height:18px;
padding:5px;
padding-right:30px; 
margin-right:15px;
margin-bottom:10px;
}

.partner { position:relative; width:964px;}
.partner_leader { color:#505050; border-right:5px solid #c00000; }
.partner_img { position:relative; top:-5px;}

#partners span
{
background:#FFF;

float:left;
overflow:hidden;
}

#partnerlogos
{
width:994px;
height:60px;
margin:auto;
}



#team
{
clear:left; 
margin-top:15px;
margin-bottom:15px;
}

#team img
{
margin-left:4px;
}

span#name {padding-right:8px; margin-right:8px; border-right: 2px solid #C00000;}

#profile img {float:left; max-width:489px;}

#profile-contact {border:none; background:url('/images/teamback.png'); background-repeat:repeat-x; width:100%; height:35px; padding:10px;}
#profile-contact td {vertical-align:top; border-collapse:collapse; padding-left:10px; padding-right:10px; border-right:1px solid #B3B3B3; width:60px;}
#profile-contact a {text-decoration:none; color:inherit;}

/* Contact Page */
#contact_left, #team_left
{
margin-top:5px;
width:460px;
padding-right:30px;
/*height:285px;*/
border-right:5px solid #C00000;
}

#contactframe
{
width:994px;
border-bottom:none;
padding-top:15px;
margin-top:15px;
background:url('/images/form_back.png');
background-repeat:repeat-x;
/* CSS3 if supported */
background: -moz-linear-gradient(bottom right, #ffffff 0%, #d0d0d0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0));
background: -webkit-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -o-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -ms-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: linear-gradient(to bottom right, #ffffff 0%,#d0d0d0 100%);
position:relative;
}

#contactform
{
width:994px;
height:189px;
position:relative;
}

#contactform fieldset
{
border:none;
float:left;
width:315px;
height:174px;
padding:0px;
margin-left:10px;
margin-top:15px;
}

#contactform input, #contactform textarea
{
width:300px;
padding:5px;
height:15px;
border: 1px solid #B3B3B3;
margin-bottom:5px;
}

#contactform input:focus, #contactform textarea:focus {border:1px solid #C00000;}

#contactform textarea
{
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contactform label
{
float:left;
margin-top:5px;
margin-bottom:10px;
}

#contactform select
{
float:left;
clear:left;
width:250px;
padding-bottom:3px;
padding-top:3px;
}

#contactform input.submit
{
border:none;
cursor:pointer;
background:url('/images/btn_submit_1.png');
background-repeat:no-repeat;
padding:5px;
float:right;
width:102px;
height:33px;
position:absolute;
bottom:5px;
right:5px;
}

#contactform input.submit:hover
{
background:url('/images/btn_submit_1_hover.png');
background-repeat:no-repeat;
}

/*.homeright {float:right; margin-top:10px;}
*/
#homeform
{
height:240px;
}

#homeform, .morebox
{
position:relative;
background:url('/images/form_back.png');
background-repeat:repeat-x;
/* CSS3 if supported */
background: -moz-linear-gradient(bottom right, #ffffff 0%, #d0d0d0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0));
background: -webkit-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -o-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: -ms-linear-gradient(left top, #ffffff 0%,#d0d0d0 100%);
background: linear-gradient(to bottom right, #ffffff 0%,#d0d0d0 100%);
}

#homeform fieldset
{
border:none;
float:left;
width:315px;
padding:0px;
margin-left:10px;
margin-top:15px;
}

#homeform input
{
width:290px;
padding:5px;
height:15px;
border: 1px solid #B3B3B3;
margin-bottom:5px;
}

#homeform input:focus{border:1px solid #C00000;}

#homeform label
{
position:relative;
color:#D0D0D0;
background-color:#c00000;
margin-top:10px;
padding-top:5px;
padding-left:5px;
width:300px;
float:left;
}

#homeform select
{
float:left;
clear:left;
width:250px;
padding-bottom:3px;
padding-top:3px;
}

#homeform input.submit
{
border:none;
cursor:pointer;
background:url('/images/btn_submit_1.png');
background-repeat:no-repeat;
padding:5px;
float:right;
width:102px;
height:33px;
}
#homeform input.submit:hover
{
background:url('/images/btn_submit_1_hover.png');
background-repeat:no-repeat;
}


#foot
{
width:964px;
height:200px;
background:#505050; /*Required to match Red Chilli social.gif*/
padding:15px;
color:#D0D0D0;
}

#foot a, #footstripe a {color:inherit; text-decoration:none;}
#foot a:hover {color:#FFFFFF; text-decoration:none;}
#footstripe a:hover {color:#FFFFFF; text-decoration:underline;}

#foot .header, #foot .content {width:140px;}
#foot .header {font-size:18px; font-weight:bold; color:#D0D0D0;}

#foot .content ul, #foot .content .address {font-size:11px;}
#foot .content .address {line-height:14px; float:left;}

#foot .social
{
background:url('/images/social.png');
height:149px;
line-height:149px;
text-align:center;
}

#foot .content ul
{
padding:0px;
margin:0px;
list-style:none;
}
#foot .content ul li
{
padding-left:15px;
background:url('/images/rtarr_grey.png');
background-repeat:no-repeat;
background-position:3px 1px;
}

#foot .content ul li:hover
{
background:url('/images/rtarr_lgrey.png');
background-repeat:no-repeat;
background-position:3px 1px;
}

#footstripe
{
width:954px;
height:10px;
padding:15px;
padding-left:20px;
padding-right:20px;
margin-bottom:5px;
background:#770000;
/*background:url('/images/footstripe.png');*/
color:#E0E0E0;
font-size:12px;

/* CSS 3, if supported */
/*
background: -moz-linear-gradient(left, #770000 0%, #C00000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#770000), color-stop(100%,#C00000));
background: -webkit-linear-gradient(left, #770000 0%,#C00000 100%);
background: -o-linear-gradient(left, #770000 0%,#C00000 100%);
background: -ms-linear-gradient(left, #770000 0%,#C00000 100%);
background: linear-gradient(to right, #770000 0%,#C00000 100%);
*/
}

#footstripe a {margin:15px 0px;}


a.uc
{
opacity: 0.4;
pointer-events: none;
cursor: default;
}