body {
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  padding: 0px;
  margin: 0px;
  background-color: #000;
  background-image: url(../images/top-bg.jpg);
  background-repeat: repeat-x;
}

p {
  padding: 0px;
  margin: 0px;
  line-height: 15px;
}

form {
  padding: 0px;
  margin: 0px;
}

a:link, a:visited {
  text-decoration: none;
  color: #07d915;
}

a:hover {
  text-decoration: underline;
  color: #07d9a1;
}

#wrapper {
  width: 1000px;
  margin: 0px auto 0px;
  text-align: left;
  padding: 0px;
  position: relative;
}

#content {
  width: 1000px;
  margin: 0px auto 0px;
  padding: 0px;
}

#header {
  width: 950px;
  margin: 0px;
  padding: 0px 0px 0px 50px;
  height: 187px;
  background-image: url(../images/header-bg.jpg);
  border-top: 0px solid #000;
}

#main {
  width: 1000px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/main-bg.jpg);
}

#main p {
  padding: 0px;
  margin: 0px;
}

#left {
  padding: 10px 0px 0px 46px;
  margin: 0px;
  width: 210px;
  float: left;
}

#right {
  padding: 10px 0px 0px 0px;
  margin: 0px;
  width: 744px;
  float: left;
}

/*********************LEFT COLUMN**********************/

#left_contact_top {
  padding: 0px;
  margin: 0px;
  width: 205px;
  height: 25px;
  background-image: url(../images/left-contact-top.jpg);
}

#left_contact {
  padding: 0px 20px 10px 20px;
  margin: 0px;
  width: 165px;
  background-image: url(../images/left-contact-bg.jpg);
}

#left_contact h3 {
  padding: 0px;
  margin: 0px;
  color: #fff;
}

#left_contact_bot {
  padding: 0px;
  margin: 0px;
  width: 205px;
  height: 25px;
  background-image: url(../images/left-contact-bot.jpg);
}

.contactinput {
  margin: 10px 0px 10px 0px;
  color: #8e8e8e;
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  border: 1px solid #fff;
}

.contactbutton {
  background-color: #f1f1f1;
  border: 1px solid #0b1b56;
  color: #0b1b56;
  font-weight: bold;
  font-family: Arial;
}

#dom_srch_top, #dom_srch_bot {
  padding: 0px;
  margin: 0px 0px 0px 5px;
  width: 196px;
  height: 30px;
  background-image: url(../images/dom-srch-top.jpg);
}

#dom_srch_bot {
  height: 15px;
  background-image: url(../images/dom-srch-bot.jpg);
}

#dom_srch {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 5px;
  width: 181px;
  background-image: url(../images/dom-srch-bg.jpg);
}

.domaininput {
  border: 1px solid #0e980b;
  background-color: #f9f9f8;
  margin-bottom: 10px;
  color: #646464;
  font-size: 11px;
}

/****************************** PAGES ******************************/

#home {
  padding: 0px 10px 0px 10px;
  margin: 0px;
}

/****************************** HOME ******************************/

.offerbox {
  padding: 27px 0px 0px 5px;
  margin: 0px;
  width: 211px;
  height: 148px;
  background-image: url(../images/ad-basic-website.jpg);
  float: left;
  color: #000;
  font-size: 12px;
}

.offerbox a:link, a:visited {
  color: #000;
}

.offerbox li:hover {
  text-decoration: underline;
}

.offerbox b {
  color: #057b02;
  font-size: 14px;
}

.offerbox ul {
  padding: 0px;
  margin: 0px;
}

.offerbox li {
  list-style: none;
  padding: 1px 10px 1px 5px;
  margin: 0px;
}

.brochure {
  background-image: url(../images/ad-brochure-website.jpg);
}

.bespoke {
  background-image: url(../images/ad-bespoke.jpg);
}

.ecommerce {
  background-image: url(../images/ad-ecommerce.jpg);
}

.content {
  background-image: url(../images/ad-content.jpg);
}

.seo {
  background-image: url(../images/ad-seo.jpg);
}

#projects h2, #features h2, #starter h2 {
  color: #2c60a2;
  padding: 0px;
  margin: 0px;
  line-height: 40px;
  font-size: 16px;
}

#projects {
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

#features, #featured {
  border-top:1px dashed #999;
  border-bottom: 1px dashed #999;
  width: 660px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.featurebox {
  width: 330px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#features ul, #starter ul, #featured ul {
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

#features li, #starter li, #featured li, #hosttxt li, #seotxt li {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
  background-image: url(../images/bullet.jpg);
  background-position: 0px 7px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 20px;
}

/****************************** PORTFOLIO **************************/               

#portfolio {
  padding: 5px;
  margin: 0px;
}

#listweb {
  border:1px solid #999;
  width:660px;
}

#title {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
}

#wimage {
  padding: 1px;
  margin: 0px;
  float: left;
  width: 200px;
  text-align: center;
  border: 1px solid #ABCF9B;
}

#wdesc {
  padding: 0px 0px 0px 5px;
  margin: 0px;
  float: left;
  width: 470px;
}

.webs {
	padding: 0px;
	margin: 20px 20px 0px 0px;
	float:left;
	}

/****************************** PACKAGES ***************************/

#packages {
  padding: 0px;
  margin: 0px;
  text-align:center;
  width:660px;
}

.pack {
  padding: 0px;
  margin: 0px auto 0px;
  width: 600px;
  height: 130px;
  cursor: pointer;
}

.pack h2, .pack h3 {
  padding: 0px;
  margin: 0px;
  line-height: 27px;
  font-size: 16px;
}

.pack h2 {
  font-size: 20px;
  line-height: 28px;
}

.starter {
  background-image: url(../images/pack-starter-bg.jpg);
}

.starter a:link, .starter a:visited, .starter a:hover {
  color: #3d4979; text-decoration:none;
}

.pbrochure {
  background-image: url(../images/pack-brochure-bg.jpg);
}

.pbrochure a:link, .pbrochure a:visited, .pbrochure a:hover {
  color: #000; text-decoration:none;
}

.taylor {
  background-image: url(../images/pack-bespoke-bg.jpg);
}

.taylor a:link, .taylor a:visited, .taylor a:hover {
  color: #028712; text-decoration:none;
}

.sell {
  background-image: url(../images/pack-ecommerce-bg.jpg);
}

.sell a:link, .sell a:visited, .sell a:hover {
  color: #999; text-decoration:none;
}

.change {
  background-image: url(../images/pack-content-bg.jpg);
}

.change a:link, .change a:visited, .change a:hover {
  color: #000; text-decoration:none;
}

#strtimg, #brchimg, #bspkimg, #ecmrimg, #cntnimg {
  display:block;
}

#strttxt, #brchtxt, #bspktxt, #ecmrtxt, #cntntxt {
  width:580px;
  height:110px;
  display:none;
  padding: 10px;
  margin: 0px;
}

/******************************* STARTER ***************************/

#starter {
  padding: 5px 0px 0px 0px;
  margin: 0px;
}

#starter p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

#starter h1, #packages h1, #portfolio h1, #services h1, #singleserv h1, #domain h1, #contact h1 {
  padding: 0px;
  margin: 5px 0px 10px 0px;
  width: 658px;
  height: 36px;
  background-image: url(../images/title-mainbg.jpg);
  line-height: 36px;
  color: #e1e2e0;
  text-indent: 10px;
  font-size: 16px;
  text-align: left;
}

#starter h1 {
  margin: 0px;
  background-image: url(../images/title-bg.jpg);
}

#starter h1 b {
  color: #fff;
}

.strcontent {
  padding: 15px;
  margin: 0px;
  background-image: url(../images/starter-bg.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 630px;
}

.brochbg {
  background-image: url(../images/borchure-bg.jpg);
}

.bespokebg {
  background-image: url(../images/bespoke-bg.jpg);
}

.ecombg {
  background-image: url(../images/ecom-bg.jpg);
}

.contentbg {
  background-image: url(../images/content-bg.jpg);
}

#strrest {
  padding: 15px;
  margin: 0px;
}

#starter li, #hosttxt li, #seotxt li {
  font-weight: normal;
  text-transform: none;
  padding: 5px 0px 5px 30px;
  background-position: 10px 7px;
  line-height: 20px;
}

#starter .hr {
  border-bottom: 1px dashed #ddd;
  width: 640px;
}

#featured {
  width:640px;
  margin-top:20px;
  border-top:1px dashed #ddd;
  border-bottom: 0px;
}

/******************************* SERVICES **************************/

#services {
  padding: 0px;
  margin: 0px;
}

.serv {
  padding: 55px 0px 0px 0px;
  margin: 0px 10px 0px 10px;
  width: 310px;
  height: 95px;
  background-image: url(../images/serv-host-bg.jpg);
  float: left;
}

.serv a:link, .serv a:visited {
  color: #646464;
}

.serv a:hover {
  color: #000;
  text-decoration: none;
}

.serv h3 {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
}

.servtxt {
  padding: 10px;
  margin: 0px;
  width: 200px;
}

.servtxt p {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}

.search {
  background-image: url(../images/serv-seo-bg.jpg);
}

.access {
  background-image: url(../images/serv-access-bg.jpg);
}

.aftercare {
  background: url(../images/serv-aftercare-bg.jpg);
}

.w150 {
  width: 150px;
}

/*************************** SINGLE SERVICE ************************/

#singleserv {
  padding: 0px;
  margin: 0px;
  width: 660px;
}

#singleserv h1 {
  background-image: url(../images/title-servbg.jpg);
}

#host_top, #host_bot {
  padding: 0px;
  margin: 0px auto 0px;
  width: 620px;
  height: 14px;
  background-image: url(../images/host-top.jpg); 
  font-size:1px;
  line-height:0px;
}

#host_bot {
  background-image: url(../images/host-bot.jpg);
}

#host {
  padding: 0px 10px 0px 10px;
  margin: 0px auto 0px;
  width: 600px;
  background-image: url(../images/host-bg.jpg);
}

.hostcol {
  padding: 5px;
  margin: 1px;
  width: 135px;
  float: left;
  text-align: center;
  background-image: url(../images/hostcol-bg.jpg);
  line-height: 15px;
}

.hostleft {
  margin: 1px;
  width: 160px;
  text-align: left;
  background-image: url(../images/hostleft-bg.jpg);
  color: #ddd;
  font-size: 14px;
}

.hostright {
  margin: 1px;
  width: 120px;
}

.hosthead {
  font-size: 14px;
  background-image: url(../images/hosthead-bg.jpg);
  color: #ddd;
}

.hostdrk {
  background-image: url(../images/hostdrk-bg.jpg);
}

.hostred {
  color: #ae0d12;
}

.hostrow {
  padding: 0px;
  margin: 1px;
  width: 596px;
  float: left;
  line-height: 27px;
  background-image: url(../images/hostrow-bg.jpg);
  text-indent: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

#hosttxt, #seotxt, #accesstxt {
  padding: 0px 10px 0px 0px;
  margin: 0px auto 20px;
  width: 620px;
}

#hosttxt {
  border-bottom: 1px dashed #ddd;
}

/******************************* CLASSES ***************************/

.inputbox {
  border: 1px solid #3c4978;
}

.button {
  background-color: #5fac45;
  color: #f1f1f1;
  border: 1px solid #2e7815;
  font-weight:bold;
}

.button_wht {
  background-color: #fff;
  color: #0785d9;
  border: 1px solid #0785d9;
}

.button_link {
  background-color: #0785d9;
  border: 1px solid #e1dfdf;
  padding: 5px;    
  color: #e1dfdf;
  display: block;
}

.button_link a:link, .button_link a:visited, .button_link a:hover {
  color: #e1dfdf;
}

.category_link a:link, .category_link a:visited, .category_link a:hover {
  font-family: Arial Narrow;
  font-size: 14px;
  color: #0785d9;
}


.clear {
  clear: both;
}

/****************************** CLASSES ******************************/

#controlpanel {
  width: 366px;
  float: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

.cpdark, .cplight {
  width: 120px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #0785d9;
}

.cplight {
  background-color: #e1dfdf;
}

.cpdark a:link, .cpdark a:visited, .cpdark a:hover {
  color: #e1dfdf;
}

.cplight a:link, .cplight a:visited, .cplight a:hover {
  color: #0785d9;
}

.heading, .listing, .cartlisting {
  background-color: #0785d9;
  color: #e1dfdf;
  font-weight: bold;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 5px;
}

.listing {
  background-color: #e1dfdf;
  color: #0785d9;
  font-weight: normal;
}

.cartlisting {
  background-color: #E7A1B0;
  color: #0785d9;
}

#footer {
  width: 1000px;
  padding: 0px;
  margin: 0px;
  background-image: url(../images/footer-bg.jpg);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 11px;
  color: #fff;
}

#footer p {
  padding: 10px 0px 15px 0px;
}


#footer a:link, #footer a:visited, #footer a:hover {
  color: #e1dfdf;
}

#footer_left, #footer_right {
  width: 390px;
  float: left;
  padding: 0px 0px 0px 11px;
  margin: 0px;
}

#footer_right {
  padding: 0px 11px 0px 0px;
  text-align: right;
}

#form {
  float: left;
  width: 600px;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

#form form {
  padding: 0px;
  margin: 0px;
  float: left;
}

.form_left, .form_right {
  float: left;
  width: 400px;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

.form_left {
  width: 200px;
  font-weight: bold;
}

.imagebox {
  float: left;
  width: 150px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: center;
}

/*************************** GOOGLE MAPS ***************************/

#map {width:500px; height:300px; margin: 0px auto 0px; border:2px solid #5fac46;}


/********************************SLIDE SHOW**********************/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #999;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
background-color: #ececec;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size: 11px;
}

.stepcarousel .panel img {
  border: 1px solid #fff;
  padding: 3px;
  /*background-color: #fff;  */
}