body {
  padding:0;
  margin:0;
  background:#161712 url(/_images/back_body.jpg) no-repeat center top;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ccc;
  font-size:0.8em;
}

h1 {
  font-size:1.4em;
  color:#118899;
  margin:0;
  padding:0;
}

h2 {
  font-size:1.2em;
  color:#118899;
}

h3 {
  font-size:1em;
  color:#118899;
}

p {
  padding:0;
  margin:0;
}

ul {
  font-size:0.85em;
}
.floatright {
	float:right;
}
.float:left {
	float:left;
}
#small{
  font-size:0.9em;
  color:#666;
}

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

a:active, a:hover {
  color:#189;
  text-decoration:underline;
}

hr.widthfifty {
  width:50%
}

fieldset {
  border:none;
}

/* Wrappers */
div#wrapper_main {
  margin:0 auto;
  width:771px;
  background:#1e1e1e;
}

div#wrapper_header {
  margin:0 0 10px 0;
  padding:0;
}

div#wrapper_header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div #smallpage {
	min-height:550px;
}
/* Header */

div#logo {
  float:left;
  margin: 5px 0 0 5px;
}

div#logo img {
  border:none;
  margin:0;
  padding:0;
}

div#date {
  float:right;
  margin:20px 5px 0 0;
  padding:0px;
}



/* Navigation */

div#navbar{
  width:90%; 
  margin:10px auto 0 auto;
  padding:5px 0 5px 0;
  border-bottom: 1px solid #353535;
  border-top: 1px solid #454545;
/*  background:#212121 url(/_images/navbar.jpg) repeat-x left top; */
}

div#navbar a, div#navbar a:link, div#navbar a:visited {
  text-decoration:none;
  color:#ccc;
}

div#navbar a:active, div#navbar a:hover {
  color:#189;
  text-decoration:underline;
}

div#navbar p{
  display:inline;
  margin:0;
  padding:0 10px 0 0;
  font-size:0.9em;
  font-weight:bold;
}

.navline {
 /* margin: 5px; */
/*  border-right: #555 solid 1px; */
}

/*div.navbar2 {
  width:100%;
  height:10px;
  margin:0;
  background: url(/_images/navbar2.jpg);
}*/

div#navwrap {
	margin: 0 auto;
	width:54%;
}

#subnav{
	margin:1px auto 0 auto;
	padding-bottom:3px;
	border-bottom: 1px solid #252525;
  /*background:#ea0;*/
}

div.about div#subnavlinks p a{
	margin-left:18px;
}
div.about div#subnavlinks p a:hover {
	color:#118899;
	text-decoration:underline;
}
.about {
	width:25%;
}
.portfolio{
	width:63%;
}

#subnavclinks{
}

div.about div#subnavlinks
{
margin-left:-25px;
}

div#subnav p{
  display:inline;
  padding:0 10px 0 10px;
}

div#subnav a, div#subnav a:link, div#subnav a:visited {
  text-decoration:none;
  color:#777;
}

div#subnav a:active, div#subnav a:hover {
  color:#111;
}

img#left{
  float:left;
  margin-top:-8px;
}

.cv img {
  border:0px;
}

.cv a, .cv a:link, .cv a:visited{
  text-decoration:none;
  color:#777;
}

.cv a:active, .cv a:hover{
color:#189;
font-weight:bold;
}
div#navwrap p#currentpage, div#subnavlinks p.currentpage a, div#subnav p.currentpage{
	color:#118899;
}
/* Page content */

div#cubeholder {
	float:right;
  height:253px;
  width:260px;
  margin: 0 15px 0 0;
  background:#222;
}
div#contentwrapper {
  margin:25px auto 0 auto;
  width:731px;
}
div#contentwrapper:after{
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.rightfloat {
  float:right;
}
.leftfloat {
  float:left;
}
div#services {
	margin:0 20px;
}
div#services:after {
	content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.servicebox {
	float:left;
	margin-right:10px;
	padding:10px;
	width:21%;
	min-height:320px;
	background:#222 url(/_images/back-services.jpg) repeat-x left top;
}
div.servicebox-top {
	float:left;
	margin:-10px;
	width:113%;
	height:4px;
	background: url(/_images/back-servicebox-top.jpg) no-repeat left top;
}
div#services div.last {
	margin-right:0;
}
div.servicebox h2 {
	display:block;
	margin-top:0;
	text-align:center;	
}
div.servicebox a {
	float:left;
	margin-top:10px;
}
/* About page */
img.imgleft {
  float:left;
  margin-left:100px;
}
img.imgleftlong {
  float:left;
}
img.imgright {
  float:right;
  clear:both;
  margin-right:100px;
}
div.textright{
  float:right;
  width:350px;
}
div.textleft{
  width:350px;
  clear:left;
}

/* Footer */
div#footer{
  width:100%;
  margin-top:20px;
  padding:5px 0 5px 0;
  background:#212121 url(/_images/navbar.jpg) repeat-x left top;
}
div#footer2 {
  float:left;
  width:100%;
  height:10px;
  margin:0;
  background: url(/_images/navbar2.jpg);
}
p#footermenu{
  margin-left:10px;
  float:left;
}
p#footercopy{
  float:right;
  margin-right:10px;
  color:#777777;
}
div#footer:after{
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

/* Home page content */
div#homecontwrapper{
  float:left;
  margin:10px 0 10px 20px;
  width:430px; 
  background:#222;
}
div#recentwork {
  float:right;
  clear:right;
  margin:10px 27px 0 0;
  padding:15px 10px 10px 10px;
  width:260px;
  background:#222;
}

img#topleft{
  float:left;
  margin-top:-243px;
}
img#topleft2{
  float:left;
  margin:0 -10px -10px -10px;
}
img#bottomright{
  float:right;
  margin-top:-15px;
}
img#bottomright2{
 float:right;
 clear:both;
 margin:10px -10px -10px 0;
}
div#topcontentholder:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#homecontent {
  min-height:432px;
  padding:10px 15px 0 20px;
  color:#ccc;
}
div#homecontent p{
  padding:0 10px 0 15px;
}
img#homecontentsig {
  float:right;
  margin:0 10px 10px 0;
}
div#homecontent:after{
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

/* Admin Pages */
div#views {
  margin:10px 0 0 10px;
}
div#views form, h2 {
  display:inline;
}
div.viewb {
  display:inline;
}
img.thumb {
  float:left;
  border:0;
}
div.blurb h2, P {
  display:inline;
  font-size:0.85em;
  margin:0 10px 0 10px;
}
div.blurb p {
  font-size:1em;
  padding-left:10px;
}
div.blurb:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.desc {
  margin:10px;
  font-size:1em;
}

/* Add Item */
div#addform {
  margin:10px 0 0 10px;
}
div#editform {
  margin:10px 0 0 10px;
}
div#deleteform {
  margin:10px 0 0 10px;
}
div.row label {
  float:left;
  width:160px;
}

/* Portfolio Page */
div#portviews {
  margin:0 0 0 10px;
}
div#portviews form, h2 {
  display:inline;
}
div.portviewb {
  display:inline;
}
div.portviewb button {
  border:0;
  padding:0;
  cursor: pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em;
  background:0;
}
div.portviewb button p{
  color:#777;
}
div.portviewb button:hover p{
  color:#09c;
}
p.subnavline{
  padding:0;
  margin:0;
}

/* CV Page */
p#cvtext {
  margin:0 0 0 -14px; 
}

/* Contact form */
div#enquiry {
	display:none;
}

/* New Portfolio Page */

div#portfolio_content {
	float:right;
	width:580px;
}

div#portfolio_content h1 {
	margin-bottom:4px;
}

div#portfolio_side {
	float:left;
	margin: 25px 0 0 -20px;
	width:156px;
	background:url(/_images/background-portfolio_side-looper.jpg) repeat-y left top;
}

div#portfolio_side div#side_top {
	width:156px;
	height:9px;
	background:url(/_images/background-portfolio_side-top.jpg) no-repeat left top;
}

div#portfolio_side div#side_main {
	margin-top:10px;
	width:156px;
	min-height:147px;
	background:url(/_images/background-portfolio_side-main.jpg) no-repeat left top;
}

div#portfolio_side div#portfolio_bottom {
	width:156px;
	height:8px;
	background:url(/_images/background-portfolio_side-bottom.jpg) no-repeat left top;
}

div#portfolio_side div#side_main ul#portfolio_sidenav {
	margin:-15px 0 0;
	padding:0;
	width:135px;
	list-style:none;
}
div#portfolio_side div#side_main ul#portfolio_sidenav li {
	padding:0 0 0 15px;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li.current a{
	color:#189;
	cursor:default;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li.current ul li a{
	color:#ccc;
	cursor:pointer;
}
div#portfolio_side div#side_main ul#portfolio_sidenav li.current ul li a:hover {
	color:#189;
}
div#portfolio_side div#side_main ul#portfolio_sidenav li.open a{
	background:url(/_images/sidenav_bullet_open.png) no-repeat left top;
}

ul#portfolio_sidenav li a {
	display:block;
	padding:10px 0 10px 10px;
	color:#ccc;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #666;
	background:url(/_images/sidenav_bullet.png) no-repeat left top;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li a:hover {
	text-decoration:none;
	color:#118899;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li#side_last a {
	border:none;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
}

div#portfolio_side div#side_main ul#portfolio_sidenav li ul li{
	margin:0;
	padding:0 0 0 10px;
	border-bottom:1px solid #666;
	background:none;
}
div#portfolio_side div#side_main ul#portfolio_sidenav li.open ul li a{
	border:none;
	background:url(/_images/sidenav_bullet.png) no-repeat left top;
}

div#portfolio_recent {
	padding-bottom:20px;
}

a#readmorelink {
	float:right;
	margin-top:10px;
	font-weight:bold;
	color:#189;
}

div#moreexamples {
	margin:10px 0 0 0;
}
div.example {
	float:left;
	padding:0 0 10px 13px;
	width:180px;
}
div.example span {
	float:right;
	color:#ccc;
	font-weight:bold;
}
div.example a:hover span {
	color:#189;
}
div#moreexamples div.last_item {
	padding-right:0;
}
div#moreexamples:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}