/*
Theme Name: Woodalls Design
Theme URI: http://woodallsdesign.co.uk
Description: A custom designed theme for Woodalls Design
Author: Savvydog Design
Author URI: http://savvydog.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font: 11px/18px Tahoma, Geneva, sans-serif;
	color: #000;
	background-color: #999;
}
#wrapper {
	margin: 0 auto;
	width: 100%;
	background: #fff;
	height: 720px;
	width:981px;
	background-image:url(images/WOODALLS_logo.gif);
background-position:top center;
background-repeat:no-repeat;
}
#page {
width: 811px;
margin: 0 auto;
padding: 45px 0 0 0;
}
#header {
	overflow: hidden;
	min-height:85px; height:85px !important;
}
	#logo {
		float: left;
	}
	#livechat {
		float: right;
		width: 223px;
		margin-right:320px;
	}
	
	
	
	#mainnav {
		float:left;
		width:100%;
		overflow:hidden;
		position:relative;
	}
	#mainnav ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
	}
	#mainnav ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#mainnav ul li a {
		display:block;
		margin:0 0 0 1px;
		padding: 22px 18px 10px 18px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		height: 22px;
	}
	#mainnav ul li a:hover {
		/*color: #bf5b1f;*/
		background:url(images/nav_indicator_over.gif) bottom center no-repeat;
	}
	#mainnav ul li.current a,
	#mainnav ul li.current a:hover {
		background:url(images/nav_indicator.gif) bottom center no-repeat;
	}
	
#content {
	padding-top: 20px;
	height: 180px;
	width: 811px;
	overflow:hidden;
	clear: both;
	padding-left:8px;

}
	.three-column-group {
		width: 809px;
		float: left;
		height: 165px;
	}
	.three-column-group .marginright .text {
		padding-right: 20px;
	}
.three-column-group.contactpage {
height: 140px;
}
	.three-column-group.divider {
		background:url(images/1col-double-col-bkg.gif) top left repeat-y;
	}
	.three-column-group.divider3 {
		background:url(images/3col-bkg.gif) top left repeat-y;
	}
		.three-column-group .col1 {
			float: left;
			width: 204px;
			position: relative;
		}
		.three-column-group.contactpage .col1 .text {
			position: static;
		}
		.three-column-group .col2double {
			float: left;
			width: 540px;
			position: relative;
		}
		.three-column-group .marginright {
			padding-right: 20px;
			margin-right: 20px;
		}
		.three-column-group .marginrighttight {
			padding-right: 10px;
			margin-right: 10px;
		}
		.three-column-group .col1scroll {
			float: left;
			width: 196px;
			position: relative;
		}
		.three-column-group .col1scroll .text {
			overflow: auto;
			width: 196px;
		}
		.three-column-group .col1scroll .text ul {
			list-style: none;
			margin: 0;
		}
		.three-column-group .col1scroll .text li {
			margin-bottom: 5px;	
		}
		
	.one-column-group {
		width: 649px;
		position: relative;
	}
	.two-column-group {
		width: 649px;
		float: left;
		height: 165px;
	}
		.two-column-group .col1 {
			width: 300px;
			float: left;
			position: relative;
		}
		.two-column-group .col1.left {
			margin-right: 10px;
		}
		.two-column-group .col1.right {
			margin-left: 10px;	
		}
		.two-column-group .col1 .text {
			height: 145px;
		}

		
	.four-column-group {
		position: relative;	
		width: 740px;
		float: left;
		height: 140px;
	}
	
	.four-column-group.divider4 {
		background:url(images/4col-bkg.gif) top left repeat-y;
	}
		.four-column-group .col1 {
			float: left;
			width: 165px;
position: relative;
		}
		.four-column-group .col1 .text {
			position: static;
		}
.four-column-group .marginrighttight {
			padding-right: 10px;
			margin-right: 10px;
		}
	
	.lastline {
		position: absolute;
		top: 145px;
		left: 0;
	}
        .contactpage .lastline {
		position: absolute;
		top: 105px;
		left: 0;
	}
.four-column-group .lastline {
		position: absolute;
		top: 105px;
		left: 0;
	}

	.timeframe {
		padding-left: 20px;	
	}
	.text {
		height: 110px;
		overflow:hidden;
		position: absolute;
		top: 28px;
		left: 0;
	}
	

	
	#footer {
		width:981px;
		margin: 0 auto;
	background-color: #fff;	
	text-align: center;
		color: #777;
		padding: 5px 0;
	}
	
	#footernav {
		float:left;
		width:100%;
		overflow:hidden;
		position:relative;
		margin-bottom: 5px;
	}
	#footernav ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
		
	}
	#footernav ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#footernav ul li a {
		display:block;
		margin:0 0 0 1px;
		padding: 0 10px;
		color:#777;
		text-decoration:none;
		background:url(images/footer_nav_divider.gif) center right no-repeat;
	}
	#footernav ul li.first a {
		padding-left: 0;	
	}
	#footernav ul li.last a {
		padding-right: 0;
		background: none;
	}
	#footernav ul li a:hover {
		color: #bf5b1f;	
	}
	
	
	
h1 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 10px 0;
}
ul, ol {
margin: 0 0 0 25px;
}
a {
color: #000;	
text-decoration:none;
}
a:hover {
color: #bf5b1f;	
}
#loginbox table td {
padding: 5px;
}
#loginbox .txt {
width: 120px;
}
#loginbox #close {
position: absolute;
bottom: 30px;
right: 30px;
}

/*** DOCUMENTS PAGES ***/
#content.documents-scrollable {
height: 500px;
width: 649px;
}
	#content.documents-scrollable .text {
		height: 450px;
		width: 649px;
		overflow: auto;
		position: static;
	}
	.listtable td {
		padding: 1px 3px;	
	}
	.listtable tr.altrow td {
		background-color: #666;	
	}
	.listtable tr.headerrow td {
		background-color: #fff;
		color: #23001f;
		font-weight: bold;
	}
	form table td {
vertical-align: top;
padding: 1px 5px 1px 0;
}
#scrollbox {
width: 450px !important;
}