/*
lime green #99cc00
background grey #e0e0e0
*/
/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}

/* set font size to 62.5% so that 1em=10px, 2em=20px */
body {position:relative;top:0;left:0;font-size:62.5%;font-family:Arial,Helvetica,sans-serif;color:#ffffff;line-height:1.2em;} 
.background1 {background-image:url(../images/common/background1.jpg); background-position:top;background-repeat:repeat-x;}

/* basics */
h1 { font-size:1.8em; line-height:1em; font-weight:normal;}
h2 { font-size:1.8em; line-height:1em; padding-bottom:10px; font-weight:normal;}
h3 { font-size:1.5em; line-height:1em; padding:5px 0px;}
h4 { font-size:1em; line-height:1em;}
h5 { font-size:1em; line-height:1em;}
h6 { font-size:1em; line-height:1em;}
p { font-size:1.1em; line-height:1.2em;padding-bottom:10px;}
blockquote {}
form {}
label {}
fieldset {position:relative;top:0;left:0;padding:0; border:none;}
ul {  margin:0 0 0 10px; padding:0 0 0 10px;}
ul li { margin:0 0 3px 0; padding:0;  }
img {border:none}

#wrapper {position:relative;top:0;left:0;width:900px; margin:0 auto;}
	
/* header ------------------------------------------------------------ */
#supernav {position:absolute;top:0px;left:0px; z-index:1;}
#supernav a:link, #supernav a:visited {text-decoration:none; color:#FFFFFF;}
#supernav a:hover, #supernav a:active {text-decoration:none; color:#FFFFFF;}
#header {position:relative;top:0;left:0;width:900px;height:108px;text-align:right;}
#header img {}

/* nav  --------------------------------------------------------------- */
#navbar {position:relative;top:0;left:0;width:900px;height:37px;text-align:left; }
#navbarpad {position:relative;top:0;left:0;padding:2px 0 0 0px; font-size:1.1em;}

#navbarpad ul#topnav {position:relative;top:0;left:0;list-style:none; margin:0; padding:0; }
#navbarpad ul#topnav li {position:relative;top:0;left:0;float:left; display:block; margin:0 15px 0 0; padding:0; text-align:center; }

#navbarpad ul#topnav li ul#subnav {position:absolute;top:15px;left:0;list-style:none; margin:0; padding:0; width:700px;}
#navbarpad ul#topnav li ul#subnav li {position:relative;top:0;left:0;float:left; display:block; margin:0 15px 0 0; padding:0;}

#navbarpad ul#topnav li a:link, #navbarpad ul#topnav li a:visited {text-decoration:none; color:#ffffff;}
#navbarpad ul#topnav li a:hover, #navbarpad ul#topnav li a:active {text-decoration:none; color:#99cc00;}
#navbarpad ul#topnav li span.selected {color:#99cc00;}

#navbarpad ul#topnav li ul#subnav li a:link, #navbarpad ul#topnav li ul#subnav li a:visited {text-decoration:none; color:#99cc00;}
#navbarpad ul#topnav li ul#subnav li a:hover, #navbarpad ul#topnav li ul#subnav li a:active {text-decoration:none; color:#ffffff;}
#navbarpad ul#topnav li ul#subnav li span.selected {color:#ccc;}

/* general page */
a:link, a:visited {text-decoration:underline; color:#666666;}
a:hover, a:active {text-decoration:underline; color:#99cc00;}

.makecaps {text-transform:uppercase;}
.prop {float:left;width:1px; }
.minclear {clear:both;height:1px;overflow:hidden;}
.minpx {height:437px;} /* other pages */
.minpxdets {height:381px;} /* details pages */
.clearboth {clear:both;}
.emailaddr:after { content: "info\40timpestridge.co.uk"; }

div.row {clear:both; padding-top:6px;width:680px;}
*html div.row {clear:both; padding-top:6px;width:600px;}
div.rowhide { display:none;}
div.row div.formleft {float:left;padding:0; margin:0;width:150px;text-align:right; color:#666666; font-weight:bold;}
div.row div.formright {padding:0; margin:0;margin-left:160px;}

#content {position:relative;top:0;left:0; width:900px; }
#content-top {position:relative;top:0;left:0; }
#content-left {position:relative;top:0;left:0;  height:453px; width:222px; float:left; }
#content-right {position:relative;top:0;left:0; height:453px; width:674px; float:right;}
.content-inner {position:relative;top:0;left:0; border:8px solid #ffffff; background-color:#e0e0e0;}

/* admin pages */
.content-inner2 {position:relative;top:0;left:0; border:8px solid #ffffff /*aaaaaa*/; background-color:#ffffff; padding:20px; color:#000000;}
.br { border-right:1px solid #ffffff;}
.bb { border-bottom:1px solid #ffffff;}
#content-bottom {position:relative;top:0;left:0; border-left:8px solid #ffffff;border-right:8px solid #ffffff; color:#828282;}
.spacer {position:relative; top:0; left:0; height:20px; clear:both;}
#content-title {position:relative;top:0;left:0; height:38px;}
#content-text {position:relative;top:0;left:0;  width:638px; float:left;  }
/* public pages */
/*.content-inner3 {position:relative;top:0;left:0; border:8px solid #ffffff; background-color:#aaa; padding:20px; color:#ffffff;}*/
.content-inner3 {position:relative;top:0;left:0; border:8px solid #ffffff; background-color:#ffffff; padding:20px; color:#828282;}

.article2col {column-count:2;column-gap: 10px; /* see http://www.csscripting.com/ */}
/* -----------------------------------------------------------------
multi column css requires the multicol.js javascript file 
examples:
.Article {	column-count: 3;column-gap: 20px;column-rule: 1px dotted #BBB;background-color: #FFFFFF;border-top: 1px solid #999;border-bottom: 1px solid #999;	padding: 8px;text-align: justify;}
.Article2Col {column-count:2;}
.Article3Col {column-count:3;}
----------------------------------------------------------------- */

/* NEWS/BLOG specific -------------------------------------------------------------- */
#sidebar {}
#sidebar h2 {padding:5px 0px;}
#sidebar ul { list-style:none; margin:0; padding:0;}
#sidebar ul li {}
#sidebar ul li ul {}
#sidebar ul li ul li {}
input#s { width:80px;}
div.entry ul { font-size:1.1em;line-height:1.2em;padding-bottom:10px;}


#footer {position:relative;top:0;left:0; width:165px; float:right;}
#footer a:link, #footer a:visited { color:#999; text-decoration:underline;}
#footer a:hover, #footer a:active {color:#99cc00;text-decoration:underline;}
#callus { font-weight:bold;}


/* Admin ---------------------------------------------------------------------- */
#admincontent { background-color:#FFFFFF; padding:20px 20px;}

.errormessage, .okmessage { position:relative;top:0;left:0;font-weight:bold; color:#ffffff; border:1px solid #ffffff; padding:3px 5px; margin:10px 0;}
.errormessage {background-color:#cc0000;}
.okmessage {background-color:#99cc00;}

.admintable {width:100% /*680px*/;  margin-bottom:10px; border:1px solid #aaaaaa;font-size:1.0em;}
.admintable td {padding:1px 5px 1px 5px;}
.admintable a:link, .admintable a:visited { color:#000000; text-decoration:underline;}
.admintable a:hover, .admintable a:active {color:#cc0000;text-decoration:underline;}
.admintable h2 { margin:0; padding:5px 0;}

div.rowadmin {clear:both; padding-top:10px;width:100%/*680px*/;}
div.rowadmin div.formleft {float:left;padding:0; margin:0;width:150px;text-align:right; color:#666666; font-weight:bold;}
div.rowadmin div.formright {padding:0; margin:0;margin-left:160px;}
div.rowadmin div.formright input {margin:-4px 0 0 0;}

div.rowadmininner {clear:both; padding-top:10px;width:100%;}
div.rowadmininner div.formleftinner {float:left;padding:0; margin:0;width:100px;text-align:left; color:#666666; font-weight:bold;}
div.rowadmininner div.formrightinner {padding:0; margin:0;margin-left:110px;}
div.rowadmininner div.formrightinner input {margin:-4px 0 0 0;}

fieldset { border:none;}

.cellalign {text-align:center;}
.rowcol1 { background-color:#cccccc;}
.rowcol2 { background-color:#ffffff;}
.fakelink { color:#0000FF; text-decoration:underline;}

.spacer { margin-left:3em; margin-right:3em;}
.bigtext {font-size:2em;}



.hp_n { background-color:#FFFFFF;} /*border:2px solid #ffffff; padding:1px;*/
.hp_y { background-color:#FF9900;} /*border:2px solid #cc0000; padding:1px;*/
.admingalimg {position:relative; top:0; left:0; margin:5px; padding:6px; border:1px solid #666666; float:left; text-align:center;}
div.admingalimg img {border:1px solid #666666;margin-bottom:5px;}

/* client admin ------------------------------------------------------------------------ */
.clientbox {position:relative;top:0;left:0;border:solid #666666 1px; padding:10px;margin-bottom:10px;}
.projbox {position:relative;top:0;left:0;text-align:right; padding-right:5px;border:solid #cccccc 1px; }
.clientthumb {position:relative;top:0;left:0;border:solid #666666 1px; padding:10px 10px 0 10px;margin:0 10px 10px 0; height:130px; float:left; text-align:center; background-color:#FFFFFF;}
*html .clientthumb { height:145px;}
.clientemaildiv {position:relative;top:0;left:0; padding:4px 0px;}
.clientemailformhr { border:none; height:1px; background-color:#cccccc; margin:10px 0px 5px 0px;}
.clientbox2 {position:relative;top:0;left:0;border:solid #666666 1px; padding:10px;margin-bottom:10px;}
.projectbox2 {position:relative;top:0;left:0; border:solid #cccccc 1px; background-color:#F0F0F0; padding:10px; margin-bottom:10px; clear:both; }

#termsdisplay { border:1px solid #666666; padding:20px; height:200px; overflow-y: scroll; margin-bottom:10px;}


/*
.navproj { font-size:80%; text-align:right; margin-top:-30px; margin-bottom:0px;padding-right:5px;}
.navproj A {font-weight:normal;padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:2px;}
.navproj A:link, .navproj A:visited {text-decoration: underline;color:#FFFFFF;background-color:#666666; }
.navproj A:hover, .navproj A:active {text-decoration: none;color:#000000;background-color:#FFFF66; }



.navdoc { font-size:80%; text-align:right; margin-top:-30px; margin-bottom:0px; padding-right:5px; }
.navdoc A {font-weight:normal;padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:2px;}
.navdoc A:link, .navdoc A:visited {text-decoration: underline;color:#000000;background-color:#EEEEEE; }
.navdoc A:hover, .navdoc A:active {text-decoration: none;color:#000000;background-color:#FFFF66; }
*/