/* OddJobsHobbs November 2008 - default styles 
------------------------------------------------------------------------*/
/* Structure
------------------------------------------------------------------------*/

@font-face
{
    font-family: Army;
    src: url('ARMY.eot');
    src: local(Army), url('Army.ttf') format('opentype');
}

body {
	background: #FFF;
	margin: 10px;
	padding: 0;
}

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* takes default (medium text size) 16px down to 10px */
	color: #555555;
}

div.outer {
	display: block;
}

div.joblist {
	display:none !important;
}


/* Banner Title - curved corner
------------------------------------------------------------------------*/
/* pre-load all banner images */
div#preloader {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#search {
	background: url(../images/img06.jpg) repeat-x; /* horiz body bg */
	height: 120px;
}

#search form {
	background: url(../images/img07.jpg) no-repeat;
	height: 120px;
	margin: 0;
	padding: 0;
}

#search fieldset {
	background: url(../images/img08.jpg) no-repeat right top; /* lower right */
	border: none;
	height: 120px;
	margin: 0;
	text-align: right;
}

body:nth-of-type(1) #search {
	background: url(../images/img06.jpg) repeat-x; /* horiz body bg */
	height: 120px;
}

body:nth-of-type(1) #search fieldset {
	background: url(../images/img08.jpg) no-repeat right top; /* lower right */
	border: none;
	height: 100px;
	margin: 0;
	padding: 22px 2px 0 0;
	text-align: right;
}

/* Typography
------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7 {
	color: #030;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 3em;	/* displayed at 36px */
	font-weight: 400;
	line-height: 1.8em;
}

h1.army {
	font-size: 3em;
	font-family: Army, Helvetica, sans-serif;
	font-weight: 400;
}

h2 {
	font-size: 2em; /* displayed at 24px */
}
	
h3 {
	font-size: 1.5em; /* displayed at 18px */
}

body, th, td, input, textarea, select {
	color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input, textarea, select {
	color: #222222;
}

a {
	color: #3A570F;
}

a:hover {
	text-decoration: none;
}

input, select, th, td {
	font-size:1em;
}

div.entry {
	padding: 0 20px 0 20px;
}

body:nth-of-type(1) div.entry > p {
	font-size: 1.9em;
	line-height: 1.5em;
	text-align:justify;
}

div.entry > p {
	font-size: 1.5em;
	line-height: 1.1em;
	text-align:justify;
}

div.columnthree > p {
	font-size: 1.6em;
	font-weight: 600;
}

p.signature {
  	font-family:"script MT Bold", "Times New Roman";
	font-size: 2.5em !important;
	margin-top: -20px;
	margin-left: 800px;
}

body#whatido p.emailer > a:hover  {
	color:#F60; 
}

body#contact p.emailer > a:hover  {
	color:#F90; 
}

body#testimonial p.emailer > a:hover  {
	color:#FC0;
}

body#home p > a:hover  {
	color:#F30; /*orange */
}

body#whatido p > a:hover  {
	color:#F60; /*orange */
}

/* Content
------------------------------------------------------------------------*/
#content {
	margin-top: 10px;
}

#content h1, #content h2 {
	font-weight: normal;
	margin-top: 0;
}

.pagetitle {
	margin: 0 0 10px 0;
	padding-top: 27px;
}

.title {
	margin: 0;
	padding: 0 20px;
}

.byline {
	margin: 10px 30px 10px 22px !important;
	border-top: 2px solid #C2C9B6;
}

.entry {
	padding: 20px 20px 0 20px;
}

.meta {
	margin: 0;
	padding: 0 20px;
}

/* Rounded Corners */

.ct {
}

.ct .l {
	background: url(../assets/corner/lt_top.gif) no-repeat;
}

.ct .r {
	height: 15px;
	background: url(../assets/corner/rt_top.gif) no-repeat right top;
}

.cb {
	background: url(../assets/corner/bar.gif) repeat-x left bottom;
}

.cb .l {
	background: url(../assets/corner/lt_bot.gif) no-repeat left bottom;
}

.cb .r {

	height: 15px;
	background: url(../assets/corner/rt_bot.gif) no-repeat right bottom;
}


h1.inln {
	display:inline;
}

/* Content
------------------------------------------------------------------------*/
/* Home
-------------------------------------*/
h1.titleiconmow {
	background: url(/images/mower.png) no-repeat 0;
	margin-left: 20px;
	overflow: visible;
	height:100px;
}

h1.titleiconmow span {
    display:block;
	margin-left: 10px;
	margin-top: 0px;
	position:relative;
	padding: 55px 0 10px 140px;
}

h1.subiconplane {
	background: url(/images/plane.png) no-repeat 0;
	margin-left: 15px;
	overflow: visible;
}

h1.subiconplane > span {
	display:block;
	padding:38px 0 0px 140px;
	margin-top: 0px;
	overflow: visible;
	height:50px;
}

/* height of the sidebar */
body#home div#navblock ul {
	height:435px;
}


/* What I do
-------------------------------------*/
h1.titleiconsaw {
	background: url(/images/saw.png) no-repeat 0;
	margin-left: 20px;
	overflow: visible;
	height:90px;
}

h1.titleiconsaw span {
    display:block;
	line-height: 1em;
	margin-top: 0px;
	padding: 40px 0 0px 170px;
	position:relative;
}

h1.subiconsand {
	background: url(/images/sander.png) no-repeat 0;
	margin-left: 15px;
	overflow: visible;
}

h1.subiconsand > span {
	display:block;
	padding:40px 0 0px 140px;
	margin-top: 0px;
	line-height: 1em;
}

/* height of the sidebar */
body#whatido div#navblock ul {
	height:472px;
}

/* Contact
-------------------------------------*/
h1.titleicon {
	background: url(/images/hand-drill.png) no-repeat 0;
	margin-left: 20px;
	overflow: visible;
	height:100px;
	line-height: 1.8em;
}

h1.titleicon span {
    display:block;
	margin-top: 0px;
	position:relative;
	padding: 58px 0 0px 170px;
}

/* Testimonials
-------------------------------------*/
h1.titleiconrecom {
	background: url(/images/shears.png) no-repeat 0;
	margin-left: 20px;
	overflow: visible;
	height:100px;
}

h1.titleiconrecom span {
    display:block;
	margin-top: 0px;
	padding: 58px 0 0px 140px;
	position:relative;
}

h1.subiconpaint {
	background: url(/images/brush.png) no-repeat 0;
	margin-left: 20px;
	overflow: visible;
	height:100px;
}

h1.subiconpaint span {
    display:block;
	position:relative;
	padding: 55px 0 10px 140px;
	margin-left: 10px;
	margin-top: 0px;
}

/* height of the sidebar */
body#testimonial div#navblock ul {
	height:660px;
}


/* Sidebar 
------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 250px;
}

#navblock-top {
	height: 355px;
	background: url(../images/cartoon.jpg) no-repeat;
}

/* navblock 
------------------------------------------------------------------------*/
#navblock {
	background: #FFF url(../images/img02.gif) repeat-y;
	margin: 0;
}

#navblock ul {
	background-color:#183219 !important; /* dk green - menu bg */
	width:240px; 
}

#navblock ul {
	background: url(../images/img03.jpg) no-repeat left bottom;
	list-style: none;
	height:345px;
	margin-top: 35px;
}

#navblock ul li a {
	padding: 1px 0 1px 20px;
	background: none;
	color:#FFF;
	font-size: 2.5em;
	font-family: "impact",army,sans-serif !important;
	font-stretch:expanded;
	text-decoration:none;
	height:50px;
	z-index: 1;
}

#navblock ul li a:hover {
	text-decoration:underline;
}

/* home 
---------------------------------------------------	*/
div#navblock ul li a#homenav {
	height:50px;
	display:block;
}

div#navblock ul li a#homenav:hover {
	color:#FF3300; /*orange */
	z-index:1;
}

body#home div#navblock ul li a#homenav {
	color:#FF3300; /*orange */
	height:50px;
}

/* what I do 
---------------------------------------------------	*/
div#navblock ul li a#whatnav {
	display:block;
	height:50px;
}

div#navblock ul li a#whatnav:hover {
	color:#FF6600; /* orange */
	display:block;
	z-index:1;
}

body#whatido div#navblock ul li a#whatnav {
	color:#F60;
	display:block;
	height:50px;
}

/* get in touch 
---------------------------------------------------	*/
div#navblock ul li a#contactnav {
	display:block;
	height:50px;
}

div#navblock ul li a#contactnav:hover {
	color:#FF9900; /* red */
	display:block;
	z-index:1;
}

body#contact div#navblock ul li a#contactnav {
	color:#FF9900; /* red */
	display:block;
	height:50px;
}

p >span.tel {
	color:#003300; /* yel */
	font-weight:700;
}

p > span.tel:hover {
	color:#FF9900; /* yel */
	font-weight:700;
}


/* testimonials 
---------------------------------------------------	*/
div#navblock ul li a#testnav {
	display:block;
	height:50px;
}

div#navblock ul li a#testnav:hover {
	color:#FFCC00; /* blue */
	display:block;
	z-index:1;
}

body#testimonial div#navblock ul li a#testnav {
	color:#FC0; /* blue */
	display:block;
	height:50px;
}

/* Page styles 
------------------------------------------------------------------------*/
div#page {
	margin-left: 250px;
}

div#header>h1.pagetitle {
	margin-top:-48px;
    margin-left:440px;
    color:#F5F;
	z-index:-5;
	font-size: 3em;
}

.post {
	margin-bottom: 10px;
	background: #ADB79E url(../images/img09.gif) repeat-y right top;
	margin-right:10px;
}

.post p{
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:10px;
	color:#030;
}

.title {
	margin: 0;
	padding: 0 20px 0 20px;
}

/* Testamonials Page - blockquote 
------------------------------------------------------------------------*/

blockquote {
	background: transparent url(../quoleft.png) left top no-repeat;
	font-size: 1.6em;
	font-weight: 600;
}
blockquote > div {
	padding: 0 48px;
	background: transparent url(../quoright.png) right bottom no-repeat;
	margin-bottom: 35px;
	margin-top: 5px;
}

blockquote > div span {
	float: right;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-right: 20px;
	font-size: 102%;
	font-weight: 600;
	color:#030;
}

ul.listofjobs {
	font-size: 1.6em;
	list-style: none;
	color:#030;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:10px;
	color:#183219; /* dk green - menu bg */
	text-align:left;
}

ul#block {
	background-color:#ADB79E;
    color:#030;
}

/* Home Page - 3 columns
------------------------------------------------------------------------*/

div.entry > p {
	font-size: 1.7em;
	line-height: 1.3em;
	text-align:justify;
}

ul.listofjobs li {
	font-size: 1.1em;
	line-height: 1.3em;
	text-align:justify;
}

.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}
.columnthree {text-align:justify; }
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}

/* 4 image
------------------------------------------------------------------------*/
div#gal {
	margin-bottom: 10px;
	background: #ADB79E url(../images/img09.gif) repeat-y right top;
	display:block;
	height: 250px;
	min-height: 150px;
	max-height: 350px;
	width:auto;
}

div.img {
	margin: 0px;
	margin-left: 1.3em;
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	display:block;
}

div.offsetlow {
	margin: 0px;
	margin-left: 1.3em;
	margin-top:28px;
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	display:block;
}

div.offsetlow img
{
	display: inline;
	margin: 6px;
	border: 6px solid #003300;
}

div.offsetlow a:hover img {
	border: 6px solid #ff9900;
}

.nobord {
	display: inline;
	margin-left: 12px;
	border: none !important;
}

div.img div.desc {
	margin-top: 15px;
	margin-left: 1em;
	text-align: center;
	font-weight: normal;
	width: 140px;
	font-size:1.4em;
	font-weight:600;
}

div.desc {
	margin-top: 15px;
	margin-left: 0.5em;
	text-align: center;
	font-weight: normal;
	width: 140px;
	font-size:1.4em;
	font-weight:600;
}

/* accordian menu */

#navigation {
	border:3px solid #FFF;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#ADB79E; /* olive */
}

#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background: url(/assets/acc/collapsed.gif) no-repeat scroll 3px 4px;
	color:#FF6600; /* orange */
	display:block;
	font-size: 2em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:25px;
	text-decoration: none;
}

#navigation a.head:hover {
	color:#FFFF99;
}


#navigation a.selected {
	background-image: url(/assets/acc/expanded.gif);
}

#navigation a.current {
	background-color:#FFFF99;
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#navigation li {
	list-style:none outside none; display:inline;
}

#navigation li li a {
	color: #030;
	background-color:#ADB79E;
	display:block;
	text-indent:22px;
	text-decoration: none;
	font-size: 1.7em;
}

#navigation li li a:hover {
	background-color:#ADB79E;
	color: #555555;
}

#navigation li ul li a:hover {
	background-color:#ADB79E;
	color:#020;
}

/* Accordian for WhatIdo.php Styles
------------------------------------------------------------------------*/

div.entry div.container {
    display: block;
}


div.item_body ul li {
	background: #EEE;
	color: #999;
	display: block;
	font-size: 10px !important;
	font-weight: 700;
	line-height: 12px;
	padding: 4px 5px;
	text-decoration: none;
	width:540px;
}

div.item_body ul li a, div.item_body ul li a:hover {
	background: #EEE;
	color: #555;
	display: inline;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 18px;
	padding: 2px 2px;
	text-decoration: none;
	width:580px !important;
}

div.item_body ul li a:hover  {
	color: #69F;
	text-decoration: none;
}

.item_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 580px;
}

.item_head {
	background-color: #183219; /* olive */
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 1.2em !important;
	font-weight: 700;
	line-height: 14px;
	margin:1px;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	width: 550px;
}

p.item_head {
	color: #FFF;
	background: #183219 url(/assets/acc/collapsed.gif) no-repeat 10px center;
	padding:12px 5px 12px 32px;
	font-size: 24px !important;
	font-weight: 600;
}

.bodyOpen {
	background: #E1EEFD url(/assets/acc/expanded.gif) no-repeat 10px center !important;
	padding:12px 5px 12px 32px;
	font-size: 24px !important;
	font-weight: 600;
}

.item_body {
	background-color:#EFF6FD; /* pale blue */
	font-size: 18px !important;
	font-weight: 600;
	line-height: 18px;
	padding: 15px 18px 15px 18px;
}

/* Footer 
------------------------------------------------------------------------*/
#footer {
	display:block;
	padding: 0px;
	float: left !important;
	height:20px;
	margin: 0;
	width:101em;
}

#footer p {
	color: #3A570F;
	font-weight: 400;
	margin: 0;
	font-size: 1.2em;
	font-weight:700;
	line-height: 1em !important;
}

body#home div#footer {
	width:99em !important;
    float:right !important;
}

body#testimonial div#footer {
	width:99.6em !important;
}

body#contact div#footer {
	width:99.6em !important;
}


.foot {
	display:block;
	height:13px;
}

.foot img{
	height:25px;
	margin:-7px;
	padding-left:10px
}

p.right {
	float:right;
	padding-right: 1em !important;
}

p.left {
	float:left;
	text-decoration: none;
	letter-spacing: .1em;
	padding-left: 2em !important;
	top: 2em;
}

p.left a {
  margin-top:-2px !important;
	text-decoration: none;
}

p.left a:hover {
	text-decoration: underline;
}

p.left > a img {
	text-decoration: none;
  margin-left:12px;
}

/* centre */
#footer ul#foot #footer1 {
	width: 24em;
	position: absolute;
	letter-spacing: .3em;
	left: -2.4em;
	top: 2em;
	text-align: center;
	color: #333;
	padding: 8em 0 .08em 0.5em;
}
	
#footer ul#foot #footer1 a {
	color: #FFF;
}

#footer ul#foot #footer1 a:hover span {
	color: #FF6600;
	text-decoration: underline;
}