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

.content {

	padding: 10px 0;
}

.header {
	float:left;
	width:960px;
}

.container {
	width: 960px;
	margin: 0 auto; 
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background: url(../img/cluster-internet-11-5-2011-dev_01.jpg) no-repeat center top #f0f0f0;
}
a {
	text-decoration: none;	
}
a img {
	border: 0;
}

a:hover {
	text-decoration:underline;	
}

.logo {
	float: left;
	padding:0;
	margin:0;
}

.portal {
	background-image: url(../img/portal-box.gif);
	height: 144px;
	width: 233px;
	float: left;
	margin:0;
	padding:0;
}

.nav {
	background-image: url(../img/nav.jpg);
	height: 30px;
	width: 717px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin:-30px 0 0 0;
	padding:0;
}

.nav ul {
		list-style-type:none;	
		padding:0px;
		margin:0px;
}
.nav ul li{
	float:left;
	text-align:center;
	padding-top:6px;
}
.nav ul li#home{
	width:80px;
}
.nav ul li#webdesign{
	width:140px;
}
.nav ul li#hosting{
	width:160px;
}
.nav ul li#webapp{
	width:135px;
}
.nav ul li#casestudies{
	width:115px;
}
.nav ul li#aboutus{
	width:115px;
}
.nav ul li#contact{
	width:100px;
}
.nav ul li a {
	color:#fff;	
	font-size:9pt;
	text-transform:uppercase;
}
.nav ul li a:hover {
	text-decoration:none;
	color:#ccc;
}

.footer-nav ul li ul li {
    float:none;
    text-align:left;
    margin-left:40px;
}

.at-point {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
.headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.goldmark-img {
	float: left;
	margin: 8px 0 0 20px;
	padding: 0 0 0 0;
}

.header p {
	margin: 0 0 0 0;
}


	
.portal-content ul {
		list-style-type:none;
	padding:10px 0 0 5px;
	margin:10px 0 0 0px;	
	width:220px;
	height:80px;
	clear:both;

}
.portal-content li{
	float:left;	
	padding: 10px 0 10px 0px;
	display:block;
	width:90px;
	margin-left:10px;
	height:35px;
}
.portal-content ul li a {
	color:#fff;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	border:none;
}
.portal-content ul li a img {
    float:left;
}
.portal-content ul li p {
	float:right;	
	margin-top:5px;
	width:50px;
}
.case-study-box {
	background-image: url(../img/case-study-box.jpg);
	float: left;
	height: 127px;
	width: 592px;
	margin-top: 5px;
}
.hosting-box {
	background-image: url(../img/hosting-box.jpg);
	float: right;
	height: 127px;
	width: 357px;
	margin-top: 5px;
	margin-right: 5px;
}

.hosting-box p.heading {
    background:url('/img/at-button.png') no-repeat left center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #FFF;
    margin:5px 0 0 5px;
    padding:0px 0 0 35px;
    text-transform:uppercase; 
}
.hosting-box img {
    float:right;
}
.hosting-box ul {
    float:left;
    padding:10px 0 0 30px;
    margin:0px;
    color:#fff;
    font-size:9pt;
}
.hosting-box p.price {
    font-size:16pt;
}
.hosting-box p.price span {
    font-size:8pt;
    font-weight:normal;
    margin-left:5px;
    margin-right:5px;
}
.hosting-box .learn_more {
    padding-top:10px;
}
.footer {
	background-image: url(../img/footer-bg.jpg);
	height: 128px;
	width: 958px;
	margin-top: 10px;
	margin-right: 5px;
}



.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.hosting-button {
	margin:22px 0 0 0px;
	float:right;
}

.case-study-txt p {
	display: block;
	padding: 0px 0 0px 0px;
	width: 250px;
	list-style-type:none;
	float:right;	
	margin:-8px 3px 0 0;
	font-family: Ari
    al, Helvetica, sans-serif;
	font-size: 8pt;
	color: #Fff;
	font-weight: bold;
}

.case-study-button {
	margin:4px 0 0 0;
	padding: 0 0 0 0;
	float:right;
	clear: right;
}

.footer-nav ul {
		list-style-type:none;	
		padding:0px;
		margin:0px;
}
.footer-nav ul li{
	float:left;
	text-align:center;
	padding-top:6px;
}
.footer-nav ul li#home{
	width:82px;
}
.footer-nav ul li#webdesign{
	width:140px;
}
.footer-nav ul li#webapp{
	width:150px;
}
.footer-nav ul li#portfolio{
	width:125px;
}
.footer-nav ul li#aboutus{
	width:110px;
}
.footer-nav ul li#contact{
	width:100px;
}


.footer-nav ul li a {
	color:#fff;	
	font-size:7pt;
	text-transform:uppercase;
}
.footer-nav ul li a:hover {
	text-decoration:none;
	color:#ccc;
}
.bspoke-img {
	float: right;
	margin-top: 10px;
}

.web-app-img {
	float: right;
	margin-top: 0px;
}

.hosting-img {
	float: right;
	margin-top: 10px;
}

.about-cluster ul {
		list-style-type:none;	
		padding:0 10px 0 0 0;
		margin:0px;
		float:right;
		text-align: right;
}
.about-cluster ul li{
	padding: 0 10px 0 0 0;
}

.about-cluster ul li a {
	color:#fff;	
	font-size:7pt;
	text-transform:uppercase;
}
.about-cluster ul li a:hover {
	text-decoration:none;
	color:#ccc;
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFF;
	float: left;
	margin-left: 5px;
	margin-top: 12px;
}
.vat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	float: left;
	margin-left: 5px;
	margin-top: 25px;
}.slider {
	float: left;
	height: 348px;
	width: 718px;
	background-image: url(../img/slider.jpg);
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;	
}
.slider ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}
.slider ul li {
    width:700px;   
}
.slider ul li p {
    float:right;
    font-size:14pt;
    font-weight:bold;
    text-align:right;
    margin-right:20px;
}
.phasicshift-box {
	background-image: url(../img/phasicshift-box.png);
	float: left;
	height: 343px;
	width: 234px;	
	margin: 7px 0 0 0;	
}
.slider-button {
	padding:0;
	float:left;
	margin: 311px 0 0 10px;	
}
.ps-point {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}
.ps-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding:0;
	margin: 15px 0 0 10px;
	width:150px;
}
.ps-logo {
	float:left;
	padding:0;
	margin:35px 0 0 35px;
}
.ps-txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding:0;
	margin: 30px 0 0 50px;
	width:150px;
}
.ps-button {
	float:right;
	padding:0;
	margin:16px 0px 0 0;	
}
#bh-header{
    margin:5px 0 0 2px;
    padding:0px;
    font-size:110%;   
}
.main_content {
    background: url('/img/mainbg.gif') no-repeat top #284f74;
    padding:10px;
    border:2px solid #000;   
    margin-top:5px;
    min-height:400px;
    width:930px;
	color:#fff;
}
.main_content h1 {
	padding:0 0 0 40px;
	background:url('/img/h1_header.gif') no-repeat left;	
	font-size: 14pt;
	color:#fff;
}
.main_content a {
    display:block;
    border:2px solid #327bc0;
    background:#153350;
    margin:20px;
    text-align:center;
    color:#fff;
    padding:10px;
    border-radius:15px;
}
.main_content a:hover{
    text-decoration:none;
    background:#093c6d;
}

.main_content a.feedback_link {
    display:inline;
    border:0;
    background:none;
    margin:0px;
    text-decoration:underline;
    color:#fff;
    
}
.case_studies ul {
    list-style-type:none;
    margin:0px;
    padding:0px;   
}
.case_studies p.heading{
    font-size:14pt;   
}