@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
img {
	border:0
}
body {
	font-family:tahoma, helvetica, arial, sans-serif;
	font-size:78%;
	background:#d9d6cc
}
h1 {
	font-size:22px;
	font-weight:400;
	color:#349c22;
	margin:0;
	padding:4px 0 6px;
	line-height:1.5
}
h2 {
	font-size:1.4em;
	font-weight:400;
	color:#349c22;
	margin:0;
	padding:4px 0 5px;
	line-height:1.5
}
h3 {
	font-size:1.2em;
	font-weight:700;
	color:#555;
	margin:0;
	padding:2px 0 3px;
	line-height:1.3
}
p {
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding-left:15px
}
#top-bg {
	height:0;
	font-size:0
}
#logo {
	height:0;
	font-size:0
}
#main-bg {
	position:relative;
	width:100%;
	height:448px;
	background:url(cssimages/grn-bg.gif) repeat-x
}
#wrapper {
	position:relative;
	width:842px;
	height:200px;
	margin:0 auto
}
#top-border {
	position:relative;
	width:842px;
	height:25px;
	background:url(cssimages/top-bd.png) no-repeat top right
}
#mid {
	position:relative;
	width:842px;
	background:url(cssimages/body-bg.png) repeat-y right top
}
#nav {
	position:relative;
	float:left;
	display:inline;
	width:34px;
	z-index:50
}
#content {
	min-height:295px
}
#right {
	position:absolute;
	top:-17px;
	right:23px;
	width:193px;
	height:257px;
	background:#edefe7 url(cssimages/right-bg.gif);
	padding:50px 23px 25px 27px
}
#pclip {
	position:absolute;
	top:-27px;
	right:81px;
	width:15px;
	height:38px;
	background:url(cssimages/clip.gif) bottom left
}
#notes {
	position:absolute;
	top:5px;
	right:150px;
	width:88px;
	height:8px;
	font-size:1px
}
.news {
	background:url(cssimages/notes.gif) 0 -8px
}
.notes {
	background:url(cssimages/notes.gif) 0 -16px
}
.designs {
	background:url(cssimages/notes.gif) 0 -24px
}
.getintouch {
	background:url(cssimages/notes.gif) 0 -32px
}
.oops {
	background:url(cssimages/notes.gif) 0 -40px
}
.portfolio {
	background:url(cssimages/notes.gif) 0 -48px
}
#left {
	position:relative;
	margin-left:80px;
	width:470px
}
#left p {
	padding:0 0 10px
}
#full-width {
	position:relative;
	margin:0 50px 0 80px
}
#bookme {
	position:absolute;
	right:292px;
	top:0;
	height:16px
}
#bot {
	position:relative;
	clear:left;
	width:842px;
	height:192px;
	background:url(cssimages/just-desert.gif) no-repeat top right;
	color:#55a0ff
}
#pbug {
	position:absolute;
	left:448px;
	top:79px;
	width:110px
}
#right p {
	font-size:10px;
	padding-bottom:7px
}
#rightpics p, .portpic p {
	font-size:10px;
	padding-top:8px
}
#rightpics img {
	border-left:1px solid #aca899;
	border-top:1px solid #aca899;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff
}
#right a:link {
	text-decoration:none
}
#right a:visited {
	text-decoration:none;
	color:#00f
}
.imgleft {
	position:relative;
	float:left;
	padding:10px 20px 0 0
}
.imgright {
	position:relative;
	float:right;
	padding:5px 0 0 20px
}
#bot p {
	padding:172px 0 0 32px;
	font-size:11px;
	color:#349c22;
	line-height:12px;
	margin:0
}
.botleft {
	position:relative;
	float:left
}
.botright {
	position:relative;
	float:right
}
#content a {
	text-decoration:none
}
#content a:hover {
	text-decoration:underline
}
#content a:visited {
	color:#00f;
	text-decoration:none
}
#valid {
	padding:0
}
#valid p img {
	padding:0 3px
}
#valid p {
	padding:0
}
#news {
	display:none;
	list-style:none;
	padding-left:15px
}
#news a:hover {
	text-decoration:none;
	color:#349c22
}
#nav ul {
	position:absolute;
	width:31px;
	margin:0;
	padding:0;
	z-index:5
}
#nav li {
	float:left;
	width:31px;
	padding:0;
	margin:0;
	list-style:none
}
#nav li a span {
	display:block
}
#nav li a:link img, #nav li a:visited img {
	background:url(cssimages/navbut-t.gif) no-repeat right top
}
#nav li a:link span, #nav li a:visited span {
	background:url(cssimages/navbut-b.gif) no-repeat right bottom
}
#nav li.active a:link img, #nav li.active a:visited img {
	background-position:left top
}
#nav li.active a:link span, #nav li.active a:visited span {
	background-position:left bottom
}
#nav li a:hover img {
	background-position:-31px top
}
#nav li a:hover span {
	background-position:-31px bottom
}
#nav li a:hover {
	visibility:visible
}
#nav li a:hover img {
	visibility:visible
}
#nav li a:active img {
	background-position:-62px top
}
#nav li a:active span {
	background-position:-62px bottom
}
#nav2 {
	margin:10px 0 10px 80px;
	bottom:0;
	background:#fff;
	height:30px;
	width:513px
}
#formpics {
	position:relative;
	float:right;
	width:230px;
	height:520px;
	background:#06c
}
#formdiv {
	position:relative;
	width:596px;
	height:521px;
	background:#fdfdfd
}
form {
	padding:0 20px 0 10px
}
dl {
	margin:20px 0 0 20px
}
dt {
	float:left;
	clear:left;
	width:110px;
	margin:0 0 10px;
	padding:5px 0 0 5px;
	font-weight:400;
	color:#333
}
dt span, .red {
	color:red
}
dd {
	margin:0 0 10px;
	font-weight:400;
	color:#000
}
input, textarea {
	border:1px #ccc solid;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px
}
.submit {
	font-size:11px;
	width:100px;
	height:23px;
	margin:10px 0;
	padding:0;
	border:0;
	background:url(cssimages/send.gif);
	background-position:left bottom;
	cursor:pointer
}
.submit:hover {
	background-position:left top
}
.formtext {
	font-size:12px;
	font-weight:700;
	padding:0
}
.address, .enquiry {
	height:60px;
	width:260px
}
.clrboth {
	font-size:0;
	clear:both;
	height:0
}
.email {
	width:260px
}
.formtinytext {
	font-size:10px;
	padding:0 10px
}
.sig {
	padding:5px 0 0 70px;
	font-weight:600
}
#nav2 p {
	margin:-1px 0 0
}
.h10 {
	position:relative;
	height:1px;
	margin-top:9px
}
.center {text-align:center}