body		{ margin:0;  background: url(../images/bkg.gif) top center #E5E5E5; }

div#footer 	{ clear:both; }
button.selected, a.selected {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;

}

div#subscribed { position: absolute; z-index: 1000; margin: 0 0 0 435px; }

div#devfooter  { background:#F8F8F8; color:#666666; text-align: center; margin: 2em 0 0 0; padding:1em; }
div#devfooter #debug { text-align:left; }

#moreaboutus{ position:absolute; top:129px; margin-left:540px; }
img#h1title{ margin:32px 0 18px 0; display:block; }

img#logo{ margin:12px 0 0px 0px; position:absolute; padding:0;}

ul#topmenu{ list-style:none; float:right; margin:18px 0 18px 0;}
ul#topmenu li{ float:left; margin-right:10px;}
ul#topmenu li#getnewsletter{ margin-right:60px;}


div#feature{ height:376px; margin-bottom:-8px;}
div#feature img{ margin: 0px 0 0 -10px; position:absolute; }

.extraleading{ line-height: 1.5em; }
h2,h3{ font-size: 1.5em; font-family:Helvetica, Arial, sans-serif; line-height: 1; margin-bottom: 1em; color:#545454;   }
h3{ color:#000; }
h4{font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;	}

p, ul, ol, #latestblog h3{ color:#545454;}
#latestblog{ background: url(../images/fromourblog.gif) bottom right no-repeat #F7F7F7; }
#latestblog p{ color:#000;  }


a{ color:#08A9EF; text-decoration:none;}
a.button, button {
  background-color:#08A9EF;
  border:1px solid #4AC0EF;
  color:#B3DEEF;  
     font-weight:normal;
}
.box{ background:#262626;}
.box p, .box h2, .box h1, .box h3{ color:#fff;}
.box p strong{ color:#FFFF00; font-weight:normal;}
#latestblog strong{ font-weight:bold; color:#000;}
#foliodescription{ position:fixed; width:270px; }
#blogsidebar{ position:fixed; width:230px;}

.blog-image{ margin:0;}
#newsletter{ background:#131313; padding:10px; margin:28px 0 0 -120px; position:absolute; z-index:600; display: none; }
#newsletter form{ float:left;}
#newsletter form fieldset{ margin:8px 0 0 0; border:0; }
#newsletter form legend{ margin:0; }
#newsletter form label{  display:block; color:#fff; font-weight:normal; }
#newsletter form input{ width:160px; margin-bottom:8px; }
#newsletter form  button{ margin-top:18px; }

#newsletterinfo{ float:left; width:175px; margin:30px;}
#newsletterinfo h3{ color:#666666;}
#newsletterinfo p{ color:#999999;}

form.loginform label{ width:80px; display:block; float:left;}
form.loginform input{ margin:-3px 0 15px 0; height:18px;}

img.folioimg{margin-bottom:5px;}

p.url{color:#C8C8C8; font-size:80%;} /* for portfolio site link */
p.url a{font-size:120%;} /* for portfolio site link */

/*services page*/

div#main-img { width: 480px; height: 410px; background: url(../images/services/main-image.jpg) no-repeat top; float: left; }

ul#main-nav { float: left; margin: 0; padding: 0; }
ul#main-nav li { list-style: none; margin: 0 0 0 0; padding: 0; }
ul#main-nav li a { display: block; width: 230px; height: 68px; margin: 0; padding: 0; cursor: pointer; }
ul#main-nav li a span { position: absolute; top: -1000px; }

ul#main-nav li a:hover { background-position: bottom; }

ul#main-nav li a#nav-webdesign { height: 69px; background: url(../images/services/webdesign.gif) no-repeat; }
ul#main-nav li a#nav-webapps { background: url(../images/services/webapps.gif) no-repeat; }
ul#main-nav li a#nav-ecommerce { background: url(../images/services/ecommerce.gif) no-repeat; }
ul#main-nav li a#nav-ppc { background: url(../images/services/payperclick.gif) no-repeat; }
ul#main-nav li a#nav-optimisation { background: url(../images/services/optimisation.gif) no-repeat; }
ul#main-nav li a#nav-email { height: 69px; background: url(../images/services/emailmarketing.gif) no-repeat; }

div#alsoffer { background: #949494; color: #fff; height: 410px; }
div#alsoinner { margin: 9px 0 0 6px; }
div.textinner { margin: -9px 18px 9px 33px; font-size: 11px; line-height: 14px; }