@charset "utf-8";
/* CSS Document */

body {
	background-color:#262626;
	padding:0px;
	margin:0px;
    font-family: 'Open Sans', sans-serif; 
	font-size:14px;
}
.clear {
	clear:both;
}
p {
	font-size:16px;
	line-height:26px;
}
a {
	color:#FFF;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.header a, .footer-container a
{
  color: #262626;
}

h1 {
	letter-spacing:6px;
	text-transform:uppercase;
	font-family: 'Open Sans bold', sans-serif;
	font-size:34px;
}
h2 {
	font-family: 'Open Sans bold', sans-serif;
	font-size:29px;
	color:#fff !important;
}
h3 {
	font-size:25px;
	color:#fff !important;
	font-weight:bold;
}

.right {
	float:right;
	position:relative;
}
.center {
	width:990px;
	margin:0 auto;
}
.header {
	height:240px;
	background-color:#FFF;
}

.header-container {
position:relative;
width:990px;
margin:0 auto;
height:180px;
}
.logo {
	background-image: url('/images/logo.jpg');
	width:242px;
	height:90px;
	bottom:25px;
	left:20px;
	position:absolute;
}
.logo a
{
  display: block;
  height: 100%;
}
.logo h1
{
  display: none;
}

.menu {
	position:absolute;
	right:0px;
	bottom:40px;
	height:80px;
	width:536px;
	top:70px;
}
.menu ul li {
	display: inline-block;
	width:220px;
	padding:3px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	letter-spacing:2px;
}
.info {
	background-color:#262626;
	width:490px;
	height:40px;
	top:0px;
	right:0;
	position:absolute;
	border:1px solid #f0f0f0;
	color:#FFF;
	padding-top:10px;
	padding-left:30px;
	
}
.banner {
	height:450px;
	background-color:#FC3;
	background:url(/images/banner.jpg) top right no-repeat;
	position:relative;
}
.number {
	padding:20px;
	background-color:#262626;
	width:330PX;
	position:absolute;
	right:0px;
	color:#fff;
	font-size:20px;
	padding-left:60px;
	padding-right:50px;
}
.quote {
	position:absolute;
	right:10px;
	bottom:40px;
	padding:10px;
}
.quote p {
font-size:16px;
line-height:18px;
height:auto;
margin-bottom:30px;
	max-width:300px;
}
.quote-btn {
	background-color:#262626;
	padding:10px 30px 10px 30px;
	border:1px #333 solid;
	-moz-border-radius: 4px;
border-radius: 4px;
font-weight:bold;
font-size:21px;
text-transform:uppercase;
}


.intro {
	height:140px;
	color:#fff;
	padding-top:60px;
	background:url(/images/intro-bg.png) top right no-repeat;
}
.intro p {
	width:580px;
	float:left;
	font-size:16px;
	padding:0px;
	margin:0px;
	line-height: 23px;
}
.intro h1 {
	width:250px;
	float:left;
	text-transform:uppercase;
	line-height:34px;
	color:#FC3;
	font-size:32px;
	padding:0px;
	margin:0px;
	margin-left:10px;
}

.content
{
	padding-top:60px;
	color:#fff;
}

.content h1
{
	text-transform:uppercase;
	color:#FC3;
	padding:0px;
	margin:0px;
	margin-left:10px;
	border-bottom:1px dotted;
	margin-bottom:40px;
	padding-bottom:20px;
}

.content h2
{
	text-transform:uppercase;
	color:#FC3;
	padding:0px;
	margin:0px;
	margin-left:10px;
}

.content h3
{
	color:#FC3;
	padding:0px;
	margin:0px;
	margin-left:10px;
}


.content hr
{
  border: 1px solid #FC3;
  margin-bottom:60px;
  margin-top:60px;
}
.content p {
	margin-left:10px;
	margin-bottom:16px;
}
.content p + p {

}
.content p, li
{
  color: #fff;
}
.content ul {
	padding-left:0px;
	margin-left:10px;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:80px;
}
.content li {
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:1px dotted;
	padding-bottom:10px;
	font-size:15px;
}
li {
	list-style-type:none;
	padding:0px;
	margin:0px
}

.content img
{
  float: right;
  margin-bottom:40px;
}

.solutions {
	background-image:url(/images/solutions-bg.jpg);
	height:550px;
	padding-top:20px;
	width:990px;
	margin:0 auto;
	padding-left:105px;
	padding-right:105px;
	margin-bottom:30px;
	padding-bottom:40px;
}
.solutions h1 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	margin-bottom:30px;
}
.solutions h2 {
	text-transform:uppercase;

	color:#262626 !important;
	margin-bottom:0px;
	font-size:23px;
	letter-spacing:4px;
}
.solutions .box {
	width:242px;
	float:left;
	height:240px;
	margin:2px;
	text-align:center;
	padding-top:200px;
}
.solutions .box p {
margin-left:10px;
margin-right:10px;
height:120px;
border-bottom:3px solid #262626;
margin-bottom:0px;
font-size:15px;
line-height:18px;
}

#virtual {
	background:url(/images/icon-virtual.png) top center no-repeat;
}
#dedicated {
	background:url(/images/icon-dedicated.png) top center no-repeat;
}
#smart
 {
	background:url(/images/icon-smart.png) top center no-repeat;
}
#managed
 {
	background:url(/images/icon-managed.png) top center no-repeat;
}
.enquire {
	width:200px;
	height:56px;
	background-color:#ccc;
	margin:0 auto;
	background:url(/images/enquire.png) top center no-repeat;
	padding:0px;
}

.enquire span
{
  display: none;
}

.faq {
	margin-top:20px;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.faq h1 {
	text-align:center;
	margin-bottom:30px;
}
.row {
	border-top:1px dotted #fff;
	margin-left:20px;
	margin-right:20px;
	height:120px;
	clear:both;
}
.cell-left {
	width:46%;
	float:left;
	padding-top:30px;
	padding-bottom:10px;
	font-size:25px;
	vertical-align:middle;
	padding-right:10px;
	line-height:26px;
	font-family: 'Open Sans bold', sans-serif;
	}
.cell-right {
	width:50%;
	float:right;
	padding-top:30px;
	padding-left:20px;
	padding-bottom:30px;
	border-left:1px #fff dotted;
}
.last {
	border-bottom:1px #fff dotted;
}
.callus {
	width:250px;
	float:left;
	margin-right:20px;
  font-size: 20px;
  font-size:17px;
  padding-top:4px;
  text-transform:uppercase;
}
.email a {
	text-decoration:none;
	height:10px;
}
.login {
	float:right;
	margin-right:20px;
	background-color:#FC3;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#262626;
	font-size:14px;
	letter-spacing:2px;
	border-radius: 4px;
	border:1px solid #eaba15;
}
.login:hover {
	background-color:#eaba15;
}

/** extra content **/
.additional-container {
	margin-bottom:30px;
	margin-top:50px;
}
.additional {
	width:48%;
	background-color:#222121;
	float:left;
	margin-right:10px;
	padding-bottom:20px;
	min-height:260px;
	
}
.additional h2 {
	color: #FFCC33 !important;
	padding-left:20px;
	text-transform:uppercase;
	letter-spacing:5px;
	font-size:23px;
	font-weight:bold;
	width:50%;
}
.additional p {
	margin-left:20px;
	color:#fff;
	margin-right:20px;
}


/** footer **/
.footer-container {
	height:260px;
	background-color:#FFF;
	margin-top:100px;
	background:url(/images/footer.png) top center no-repeat #fff;
	padding-top:50px;    
}
.footer-content {
	width:470px;
	float:left;
	margin-left:10px;
}
.footer-content h3 {
	text-transform: uppercase;
	font-size:20px;
	color:#262626 !Important;
}
.footer-content ul {
	margin-left:0px;
	padding-left:0px;
}

.footer-content p
{
	width:210px;  
	font-size:15px;
	line-height:18px;
}

.footer-content ul li {
	display: inline-block;
	width:210px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	letter-spacing:0px;
	text-align:left;
	height:20px;
	margin-right:20px;
	margin-bottom:5px;
	background-color:#fff;
	border-bottom:1px #262626 dotted;
	padding-bottom:4px;
}

.about h2 {
	text-align:center;
	margin-bottom:20px;
}
.left  {
	width:49%;
	float:left;
}
.left p, .about-right p {
	
}
.left img {
	display:block;
float:none;
width:288px;
margin:40px auto 60px auto;
}
.right {
	width:49%;
	float:right;
}
.large {
	width:60%;
}
.smaller {
	width:35%;
}
.right p {
	width:auto;
}
.right ul {
	margin-left:10px;
	padding-left:0px;
	margin-bottom:40px;
}
.right li {
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:1px dotted;
	padding-bottom:10px;
	font-size:15px;
}
.server {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-style:italic;
	line-height:30px;
	color:#FFCC33 !important;
}


/* Contact page */
.form {
	padding-left:10px;
	margin-top:20px;
	padding-bottom:30px;
	padding-right:10px;
}
.form-row {
	border-bottom:1px dotted;
	padding-bottom:20px;
	padding-top:20px;
	height:auto;
}
.last-row {
	padding-bottom:20px;
	padding-top:20px;
	height:auto;
}
label
{
 float:left;
 font-weight:bold;
 font-size:19px;
}
input, textarea {
	float:right;
	margin-left:20px;
	width:70%;
	height:30px;
}

textarea
{
  height: 100px;
}

div:after
{
  clear:both;
  display:table;
  content:'';
}

input[type=submit]
{
	float:right;
	background-color:#FC3;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#262626 !Important;
	font-size:14px;
	letter-spacing:2px;
	border-radius: 2px;
	border:1px solid #eaba15;
}

input.fieldError, select.fieldError, textarea.fieldError
{
  border: 1px solid #CC0000;
  background-color: #FFCCCC;
}

/** Call to actions **/
.signup-btn {
	width:140px;
	height:140px;
	position:absolute;
	right:0px;
	bottom:40px;
	background:url(/images/signup-today.png);
}
.signup-btn:hover {
	background:url(/images/signup-hover.png);
}