* {
 margin: 0;
 padding: 0;
}
body {
 color: #334C5A;
 font-family: verdana, 	arial;
 font-size: 12px;
/* letter-spacing: 0.5px;*/
}
img {
 border: none;
}
a {
 text-decoration: none;
}
h1 {
 font-size: 60px;
 text-transform: lowercase;
 margin-bottom: 12px;
 letter-spacing: -3px;
 }
 h2 {
 font-size: 20px;
 margin-top: 4px;
 margin-bottom: 9px;
 }

.med {
 font-size: 28px;
}

.maincontentbox {
 width: 970px;
}
 
 h3 {
 font-size: 16px;
 margin-top: 28px;
 margin-bottom: 8px;
 }
 h4 {
 font-size: 12px;
 margin-top: 4px;
 margin-bottom: 4px;
  font-weight: bold;
 }

h5 {
 font-size: 12px;
 margin-top: 4px;
 margin-bottom: 4px;
  font-weight: bold;
 }

.sub {
 font-size: 42px;
 }

.left {
 float: left;
}
.right {
 float: right;
}

.toplogo {
height: 100px;
}
.topmenu li {
 display: inline;
 list-style-type: none;
 margin-left: 10px;
}
.topmenu li a {
 text-decoration: none;
 color: #283B48;
 font-size: 11px;
 font-weight: bold;
}

.topmenu li a:hover {
 text-decoration: underline;

 }

.mainmenu {
 margin-right: -20px;
}
.mainmenuitem {
 padding: 4px 0 1px 0;
//padding-bottom: 0px;
}
.mainmenuitem * {
 font-size: 7.5pt;
 text-transform: uppercase;
 color: white;
margin-bottom: -4px;
 font-weight: bold;

}
.mainmenuitem a {
  vertical-align: 25%;
  padding: 0 10px 0 10px;
}

.mainmenuitem a:hover {

 text-decoration: underline;
 color: yellow;
}

.leftpane {
 float: left;
 width: 740px;
 margin-right: 20px;
}
.leftpane p {
 line-height: 1.5;
 margin-bottom: 8px;
}

.leftpane ul {
 margin-top: 20px;
}

blockquote {
  padding: 14px 28px;
  line-height: 1.5;
}



.rightpane {
 float: right;
 width: 194px;
}

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

.darkgray {
 background-color: #283b48;
 padding-left: 5px;
 padding-right: 5px;
 font-weight: bold;
 font-size: 16px;
}

.darkgray2 {
  color: #283b48;
 }
.pink, .pink a {
 color: #FF007B;
}
.orange, .orange a {
 color: #F68D1F;
}
.blue, .blue a {
 color: #21B0E5;
}
.lime {
 color: #9CCC51;
}
.frontgreen {
 color: #009245;
 }
 
 .dark {
 color: #1A1A1A;
 }

 .seodark {
 color: #1A1A1A;
}

 .red {
 color: #ff0000;
 }
 .magenta {
 color: #662D91;
 }
.offer {
 padding-bottom: 10px;
 font-size: 8pt;
}
.offer li {
 list-style-type: none;
 background-color: #f4f5f6;
 margin: 5px 0 0 0;
 padding-left: 10px;
 text-transform: uppercase;
 font-weight: bold;
 }
#ContactForm {
 background-color: #f4f5f6;
 padding: 5px;
 font-family: arial;
 font-size: 12px;
 color: #283b48;
 font-weight: bold;
}
.text {
 width: 100%;
 border: 1px solid #9CCC51;
 margin-bottom: 10px;
}
.errors {
 color: red;
}
.ditto_item {
 width: 153px;
 float: left;
 padding: 0 16px 0 16px;
}
.ditto_desc {
 margin: 20px 0 0 -20px;
 padding-left: 20px;
 border-left: 1px solid black;
}
.ditto_deschead {
 line-height: 1.4;
 }
 
.ditto_desctext {
 font-size: 80%;
}
.ditto_first {
 padding-left: 0;
 margin-left: 0;
 border: none;
}

.toprightheading {
 background-color: #283b48;
 font-weight: bold;
 font-size: 17px;
 height: 21px;
}

.introbox {
 background: #d8ea60 url('/images/home-web-dev-seo.jpg') no-repeat;
 height: 326px;
 padding: 26px 240px 0px 26px;
 
 
}

 .introbox h2 {
 color: #FFF;
 font-size: 42px;
 line-height: 0.9em;
 padding-bottom: 2px;
 margin-bottom: 0;
 }
 
 .introbox h3,h4 {
  color: #283B48;
  font-size: 18px;
  line-height: 1.2em;
  padding-bottom: 4px;
margin-top: 12px;
 }
 
 .introbox h4 {
   font-size: 14px;
   line-height: 0.9em;
 }

.smaller {
  font-size: 40px;
}
 
 .seobox {
  background: #ffac00 url('/images/seo-bg.jpg') no-repeat;
  height: 326px;
 padding: 26px 20px 0px 26px;
 
 }
 
 .seobox h1 {
   color: #C1272D;
  font-size: 72px;
  line-height: 0.9em;
 padding-bottom: 4px;
 
 }
   

  .seobox h2 {
  color: #1A1A1A;
  font-size: 40px;
  
}

 .seobox h4 {
  color: #FFF;
  font-size: 30px;
  
}

.biog, biog a {
  color: #00A2EF;
  font-weight: bold;
  font-size: 13px;
  padding: 0;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  }
  
  
.team {
 font-size: 14px;
 color: #283B48;
 font-weight: bold;
 }
 
 .gallerytitle {
  font-weight: bold;
  font-size: 14px;
  }
  
 .topheaderspace {
  height: 100px;
  }
  
  .inputstyle2 {
  border: 1px solid #9ccc51;
  padding: 2px;
  background-color: #FFF;
  }
  
   .inputstyle2:focus {
    background-color: #ecfcd3;

  }
  
  .greybox {
  background-color: #F4F5F6;
}

  .contactbox {
  width: 400px;
  margin-left: 60px;
  }
  
  .hostingcolumn {
  float: left;
  width: 220px;
  height: 620px;
  padding: 10px;
  margin-right: 4px;
  }
  
  .hostingcolumn ul {
   list-style-image: url('/images/green-tick.png');
   padding-left: 20px;
   }
   
   .hostingcolumn li {
      padding-bottom: 2px;
   }
  
   .hostingstandard {
    background-color: #fff7f0;
    border: 1px solid #f7dec8;
    
  }
  
   .dedistandard {
background-color: #f9f3fe;
border: 1px solid #ddc6ee;
    }
    
   .dedipremium {
background-color: #f4f5f6;
border: 1px solid silver;   
   }
    
    .hostingtitle {
    height: 50px;
    padding: 10px 0 10px 0;
    }
  
  .hostingcentral {
    height: 140px;
    }
    
   .hostingcentral2 {
     height: 160px;
    }
    
  .hostingmoreinfo {
    text-align: right;
    height: 18px;
        color: #662d91;
        font-size: 11px;
    }
    
    .hostingmoreinfo a {
    color: #662d91;
    text-decoration: none;
    }
    
   .hostingmoreinfo a:hover {
    color: #662d91;
    text-decoration: underline;
    }
    
  .privacypolicy {
  }
  
  .privacypolicy ul {
   margin-top: 20px;
  }
  
  .privacypolicy ul li {
   margin-bottom: 4px;
   padding-left: 10px;
   margin-left: 20px;
   line-height: 1.8;
  }

 .imgright {
   float: right;
   padding: 0px;
   margin-left: 20px;
   margin-bottom: 20px;
   
   }
   
  .imghome {
  padding: 0px;
  }
   
 .bgpurple {
   background: #662D91;
   }
   
  .bgblue {
   background: #95D3EF;
   }
   
  .whatweoffer {
   background: #FFF url('/images/our-offering.jpg') no-repeat;
   width: 740px;
   margin-top: 24px;
   padding: 24px;
   font-weight: bold;
   }
   
   .whatweofferb {
    background: #FFF url('/images/our-offering-b.jpg') no-repeat;
    width: 740px;
    margin-top: 24px;
    padding: 24px;
    font-weight: bold;
   }
   
   .innertel {
   font-weight: bold;
   }
   
   .center {
   text-align: center;
   }
   
   .theresult {
   text-decoration: underline;
   }
   
   .portfolioright {
   float: right;
   width: 400px;
   }
   
   .portfolioright h3 {
  margin:0;
  padding-bottom: 10px;
  
   }
   
    .portfolioright p {
     padding-bottom: 10px;
     
   }
.paginator {
 clear: both;
}
.bold {
  font-weight: bold;
}

.resources {
  padding-bottom: 10px;
}

.socialus {
 text-align: center;
 padding-bottom: 12px;
}

#slideShow {
	height: 355px;
	overflow: hidden;
	width: 745px;
	margin: 0 auto;
}
#slides {
	overflow: hidden;
	position: relative;
	width: 745px;
	height: 355px;
}
#slides ul {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 3725px;
}
#slides li {
	width: 745px;
	height: 326px;
	float: left;
	position: relative;
}

.info {
	position:absolute;
	bottom:0px;
	left:0px;
	width:426px;
	background-color: transparent;
	color: #FFF;
}

.info p{
	padding: 4px;
}