@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border:none;
}

html, body {
	height:100%;
}

.clear {
	clear:both;
}

body {
	text-align: center;
	background: #FFFFFF url(images/mainbg.jpg) repeat-x;
	font-family:Arial , Helvetica, sans-serif;
	font-size:12px;
	color: #000;
}

.errorMsg {
	color: red;
}

#shadow {
	background:url(images/shadow.png) repeat-y center;
}

td {
	font-size:12px;
}

p {
	margin:1em 0;
	}

a:link, a:visited, a:active {
	font-size:inherit;
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

table{
	font-size:12px;
	color: #000;
}

select, input, textarea {
	background:#fff;
	padding:4px;
	font-size: inherit;
	}

#pageContainer {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background:url(images/body_bg.gif);
	background-color:#FFFFFF;
	padding-bottom:18px;
	position:relative;
}

#top {
	height:148px;
	background: url(images/top_bg.gif) no-repeat top repeat;
	position:relative;
}

h1#mainLogo {
	position:absolute;
	width:200px;
	height:93px;
	top:14px;
	right:14px;
	text-indent:-4000px;
	background:url(images/HandWlogo.gif) no-repeat top;
}

#header {
	height:160px;
	background:url(images/header_bg.jpg) no-repeat top;
	position:relative;
}

/* = Navigation */
ul#nav1 {
	display:block;
	/*width:710px;*/
	overflow:hidden;
	margin-left:18px;
}

ul#nav1 li {
	display:block;
	float:left;
	width:111px;
	padding-right:8px;
	width:103px;
	padding-right:16px;
}
ul#nav1 li a {
	display:block;
	width:96px;
	height:17px;
	padding:5px 5px 2px 2px;
	color:#000000;
	background-image:url(images/arrowBlack.gif);
	background-repeat: no-repeat;
	background-position: 90px 7px;
	border-bottom:1px solid #333333;
}
ul#nav1 li a:hover, ul#nav1 li a.selected {
	background-color:#E3EE33;
	text-decoration:none;
	
}
ul#nav1 li a.selected {
	padding-bottom:20px;
}

ul {
	list-style-type:none;
}

ul#nav2 li a {
	display:block;
	overflow:hidden;
	margin-left:18px;
	width:166px;
	color:#FFFFFF;
	padding:4px 0px 4px 0px;
	background-repeat: no-repeat;
	background-position: right 6px;
	border-bottom:#FFFFFF 1px solid;
	font-size:18px;
	font-weight:bold;
}

ul#nav2 li a:hover, ul#nav2 li a.selected, ul#nav2 li a:hover.selected {
	color:#FFFFFF;
	text-decoration:none;
}

ul#nav2 li .address {
	display:block;
	margin-left:18px;
	margin-top:20px;
	color:#E3EE33;
	font-size:12px;
}

/* =EndNavigation */

#mainNav {
	position:absolute;
	left:400px;
	top:18px;
	height:11px;
}

#mainNav li {
	float:left;
	margin-right:25px;
	height:11px;
}

#mainNav li a{
	display:block;
	height:11px;
	text-indent:-4000px;
}

#mainBody {
	height:343px;
	width:240px;
	background:url(images/main_img_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

body.home #mainBody {
	height:343px;
	width:970px;
	background:url(images/main_img_bg.jpg) no-repeat top left;
	position:relative;
	clear:both;
}

#bodyText {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-left:14px;
	font-size:14px;
	color:#666;
}
	
#bodyText ul {
	list-style-type:disc;
	margin:1em 0 1em 14px;
}

h2.title {
	font-size:28px;
	color:#000;
}

.row {	
	margin-left:18px;
	margin-right:18px;
	margin-top:6px;
	border-top:#918f8c solid 1px;
	padding-top:6px;
	clear:both;
}
.sectionHeader {
	margin-top:8px;
	margin-bottom:8px;
}

.quicklinkContainer {
	clear:both;
	padding-left:4px;
}
.testimonialImg {
	float:left;
	background:url(images/testimonial.jpg) no-repeat top;
	height:274px;
	width:221px;
}

.oneCol {
	float:left;
	width:237px;
	padding-bottom:14px;
}
	
.oneCol div {
	margin-left:14px;
	
}
.oneCol:first-child { 
	margin-left:-14px;
}
.twoCol {
	float:left;
	width:474px;
	padding-bottom:14px;
}
	
.twoCol div {
	margin-left:14px;
}
.twoCol:first-child { 
	margin-left:-14px;
}

.threeCol {
	float:left;
	width:711px;
	padding-bottom:14px;
}
	
.threeCol div {
	margin-left:14px;
}
.threeCol:first-child { 
	margin-left:-14px;
}
	
.quickImage {
	margin-top:10px;
	display:block;
	margin-bottom:10px;
}

a.quickMore:link, a.quickMore:visited, a.quickMore:hover, a.quickMore:active {
	margin-top:5px;
	display:block;
	background:url(images/arrowBlack.gif) no-repeat center right;
	text-decoration: none;
	font-size: inherit;
	font-weight:bold;
	color:#000;
}
a.quickMore:hover {
	text-decoration: underline;
}

.clear {
	clear:both;
}

.ink1 {
	background:url(images/backgroundInk.png) no-repeat top right;
	height:204px;
}

#footer {
	width:100%;
	/*height:41px;
	position:relative; */
	text-align:center;
}

#footerContainer {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background: url(images/footer.gif) no-repeat 0 0;
	height:86px;
	position:relative;
}

#footerLinks {
	position:absolute;
	right:240px;
	bottom:16px;
	color:#FFF;
	list-style-type:none;
}

#footerLinks li {
	float:left;
	margin-left:25px;
}

#footerLinks a:link, #footerLinks a:visited, #footerLinks a:active {
	text-decoration: none;
	font-size: inherit;
	color:#FFF;
}
#footerLinks a:hover {
	text-decoration: underline;
	font-size: inherit;
	color:#E3EE33;
}


/* Contact form  */
			
			#registration_form {
			text-align: left;

			}
				#registration_form p {
				margin: 14px 0;
				}		
				#registration_form label {
				display: block;
				color: #000;
				font-weight: normal;
				}	
				#registration_form input, #registration_form textarea  {
				width: 270px;
				font-size: 14px;
				line-height: 21px;
				font-family: Arial , Helvetica, sans-serif;
				padding: 0 3px;
				border: 1px solid #666;
				text-align: left;
				}	
				#registration_form input {
				height: 21px;
				}	
				input#submit_btn {
				width: 87px;
				height: 30px;
				border: none;
				}

			p#sorry_error {
			text-indent: -4000px;
			background:url(images/contact_err_msg.gif) no-repeat top left;
			height: 222px;
			margin-right: 12px;
			}
			p#thankyou_confirmation {
			text-indent: -4000px;
			background:url(images/msg_snt.gif) no-repeat top left;
			height: 45px;
			margin-right: 12px;
			}
			
			/* End of contact form */
			
/* What we do */

h2.whatwedo {
	position:absolute;
	width:169px;
	height:429px;
	top:0px;
	right:214px;
	text-indent:-4000px;
	background:url(images/blackink.jpg) no-repeat top;
}	

.thinkink {
	position:absolute;
	width:171px;
	height:160px;
	top:250px;
	right:14px;
}

/* End of what we do */

/* Who we are */

h2.whoweare {
	position:absolute;
	width:407px;
	height:247px;
	top:240px;
	right:0px;
	text-indent:-4000px;
	background:url(images/colourchart.jpg) no-repeat top;
}

/* End of what we do */

/* Plant list */

#bodyTextplant {
	float:left;
	width:480px;
	padding-bottom:14px;
	margin-left:14px;
	font-size:14px;
	color:#666;
}

#bodyTextplant ul {
	list-style-type:disc;
	margin:1em 0 1em 14px;
}

#bodyTextplant p {
	margin:1em 0;
	}

#flower {
	position:absolute;
	width:239px;
	height:717px;
	top:230px;
	right:0px;
	background:url(images/flower.jpg) no-repeat;
}

#ryobi {
	position:absolute;
	width:560px;
	height:248px;
	top:958px;
	right:35px;
	background:url(images/sakuri.jpg) no-repeat;
}

/* End of plant list */

/* Where we are */

#bodyTextletters {
	float:left;
	width:230px;
	padding-bottom:14px;
	margin-left:14px;
	font-size:14px;
	color:#666;
}

#letters {
	position:absolute;
	width:475px;
	height:466px;
	top:110px;
	right:0px;
	background:url(images/blockletters.jpg) no-repeat;
}

/* End of where we are */

/* Contact */

h2.contact {
	position:absolute;
	width:410px;
	height:313px;
	top:180px;
	right:0px;
	text-indent:-4000px;
	background:url(images/bookflip.jpg) no-repeat top;
}

/* End of contact */

/* Portfolio */

#bodyTextportfolio {
	float:left;
	width:700px;
	padding-bottom:14px;
	margin-left:14px;
	font-size:14px;
	color:#666;
}

/* End of portfolio */

/* Legal */

#bodyTextLegal {
	float:left;
	width:700px;
	padding-bottom:14px;
	margin-left:14px;
	font-size:14px;
	color:#666;
}

#bodyTextLegal ul {
	list-style-type:disc;
	margin:1em 0 1em 14px;
}

#bodyTextLegal p {
	margin:1em 0;
	}

/* End of Legal */

/* Socal Links */

#facebook {
	position:absolute;
	width:36px;
	height:36px;
	top:512px;
	right:56px;

}

#twitter {
	position:absolute;
	width:36px;
	height:36px;
	top:512px;
	right:14px;
}