/*=======================================================
CSS
Created by Rich Hinchcliffe - http://www.tmrw.co.uk
=======================================================*/

/*START override default styles*/
body {
	font:0.8em Arial, Helvetica, Sans-Serif;
	color:#666;
	background:#006868 url(../images/bg-page.png) center top repeat-y;
	padding:0px;
	margin:0px;
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font:normal 1.0em Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:8px;
	color:#7FC800;
	text-align:left
}
h1 {
	font-size:1.6em;
	color:#006565;
}
h2 {
	font-size:1.3em;
	margin-bottom:4px
}
h3 { font-size:1.4em }
h4 { font-size:1.2em }
h5 { font-size:1.0em }
h6 { font-size:1.0em }
a {
	color:#7FC800;
	text-decoration:underline
}
a:hover, a:active, a:focus {
	text-decoration:none;
	background:#7FC800;
	color:#fff
}
p { margin-top:0px }
form { margin:0px }
hr {
	border:none;
	background:none;
	border-top:1px solid #000;
	height:1px;
	line-height:1px
}
/*END override default styles*/

/*miscellaneous styles used throughout*/
.hide { display:none }
.floatleft { float:left }
.floatright { float:right }
.noborder, .noborder img { border:none!important }
.nomargin { margin:0px!important }
/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after, .tile:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix, .tile { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix, * html .tile { height:1% }
.floatfix, .tile { display:block }
/* End hide from IE-mac */













#wrapper {
	margin:0px auto 30px auto;
	width:920px
}
#header {position:relative;
	background:url(../images/logo-ashberry.png) no-repeat center;
	height:110px;
	text-align:right;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#7FC800;
	padding:15px 0px 0px 0px
}
.left {position:absolute;left:50px;top:30px;}
.left1 {position:absolute;top:80px; left:50px;text-align:left; width:300px;font-style:italic;}
#header h1 { display:none }
#header strong, #header strong a {
	font-weight:normal;
	font-size:1.1em;
	color:#006565;
}
#header a { text-decoration:none!important }
#header strong a:hover, #header strong a:focus, #header strong a:active { color:#fff!important }
ul#nav {
	margin:0px 0px 1px 0px;
	padding:0px;
	list-style:none;
	background:url(../images/bg-nav.png) repeat-x;
	font-size:1.2em
}
ul#nav li {
	float:left;
	background:url(../images/bg-nav-li.png) no-repeat right 8px;
	padding:0px 2px 0px 0px
}
ul#nav li a {
	display:block;
	float:left;
	padding:6px 11px 6px 11px;
	color:#FFFF99;
	text-decoration:none
}
ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {
	color:#006565;
	background:none!important
}
ul#nav li#active a { color:#fff!important }
#mainimage {
	border-bottom:10px solid #006565;
	margin:0px 0px 20px 0px;
	padding-bottom:1px;
}
#mainimage img { border-bottom:1px solid #fff }
#cols { padding:0px 0px 20px 0px }
#colL {
	width:190px;
	float:left
}
#colM {
	float:left;
	width:485px;
	padding:0px 20px 0px 20px
}
#colR {
	width:190px;
	float:right
}
#colR p a {
	display:block;
	padding:3px;
	border:1px solid #7FC800
}
#colR p a img { border:none }
#contact-bit {
	background:#7FC800 url(../images/bg-contact-block.png) top repeat-x;
	border:1px solid #5F9700;
	padding:10px;
	margin:0px 0px 20px 0px;
	color:#fff;
	font-size:1.1em
}
#contact-bit h2 {
	color:#FFFF99;
	font-weight:normal;
	font-size:1.3em
}
#contact-bit input, #contact-bit textarea {
	font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#99D333;
	width:99%;
	border:0px;
	padding:3px 0px 3px 3px;
	margin:0px 0px 3px 0px
}
#submitbtn {
	width:auto!important;
	padding:0px!important;
	margin:0px!important
}
.highlight { color:#006565 }
.testimonials h2 {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	margin:0px;
	color:#006565
}
.testimonials strong { color:#7FC800 }
#footer {
	background:url(../images/bg-footer.png) repeat-x top;
	padding:10px 0px 0px 0px
}
#footer a {
	display:block;
	float:right;
	padding:10px 00px 10px 0px;
	color:#666;
	background:none!important;
	text-decoration:none;/*background:url(../images/logo-marklucasdesign.png) no-repeat right center*/
}
/*#footer a:hover, #footer a:focus, #footer a:active { background:url(../images/logo-marklucasdesign-over.png) no-repeat right center }*/