/*
=====================
Global
=====================
*/
html {
	background:#bffb7c url(/Images/bg.jpg) top repeat-x;
}
body {
	font:12px/170% Arial,sans-serif;
	color:#444;
	padding-bottom:25px;
}
#wrapper {
	width:980px;
	margin:auto;
}
h1, h2, h3 {
	margin-bottom:0.6em;
	color:#42a622;
}
h1 {
	font-size:28px;
	color:#555;
}
h1 small {
	display:block;
	font-size:22px;
	color:#42a622;
}
h2 {
	font-size:24px;
	margin-top:20px;
}
h2 a {
	display:block;
}
h3 {
	margin-bottom:.8em;
	font-size:24px;
}
p {
	margin-bottom:1em;
}
strong {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#42a622;
	font-weight:bold;
}
#content p a.button {
	float:left;
	margin-right:10px;
	background:url(/Images/button-green.gif) no-repeat;
	border:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding-bottom:14px;
	text-align:center;
	width:106px;
}
p.buttons {
	height:44px;
	padding-top:20px;
}
#content p a,
#content ol a,
#content ul.bullet a {
	border-bottom:1px dotted #bbb;
}
a.linkMore {
	display:block;
	line-height:30px;
	border:0;
	width:100px;
	background:url(/Images/button-yellow-white.gif) no-repeat;
	text-align:center;
	color:#fff;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
}

/*
=====================
Header
=====================
*/
#headerWrapper {
	height:274px;
	background:url(/Images/logo-sharper.jpg) top center no-repeat;
}
#header {
	margin:auto;
	width:980px;
	height:274px;
	position:relative;
}
#logo {
	width:344;
	height:75px;
	left:43px; top:47px;
	position:absolute;
	line-height:500px;
	overflow:hidden;
}

/*
=====================
Content
=====================
*/
#content {
	width:660px;
	margin:-30px auto 0 auto;
	background:#fff;
	position:relative;
	min-height:300px;
	padding:0 30px 35px 290px;
}
* html #content {
	height:300px;
}
#text {
	position:relative;
	top:-50px;
}
#heading {
	width:640px;
	height:148px;
	background:url(/Images/bg-heading.gif) no-repeat;
	margin-bottom:30px;
	position:relative;
}
#heading h1 {
	width:345px;
	position:absolute;
	left:22px;
	top:48px;
}
#heading img {
	position:absolute;
	right:0;
	top:0;
}

/*
=====================
Footer
=====================
*/
#footer {
	width:930px;
	height:53px;
	margin:auto;
	background:#3c9007;
	padding:0 25px;
	position:relative;
}
#footer span.copyright {
	color:#fff;
	float:left;
	font-size:12px;
	line-height:53px;
}
#footer a.credit {
	position:absolute;
	top:20px; right:25px;
}

/*
=====================
Navigation
=====================
*/
#nav {
	position:absolute;
	top:-35px; left:0;
	padding:42px 22px 0 0;
	width:228px;
	background:url(/Images/line-vert1.jpg) 228px 0 no-repeat;
}
#nav li {
	background:url(/Images/line-horz1.jpg) top right no-repeat;
}
#nav a {
	display:block;
	line-height:42px;
	padding-right:22px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-align:right;
}
#nav li.active {
	margin-right:-17px;
}
#nav li.active a {
	background:url(/Images/bg-nav-active.gif) top right no-repeat;
	padding-right:39px;
}
#nav li.last a {
	padding-bottom:1px;
}
#subNav {
	height:60px;
}
#subNav li {
	float:left;
	height:60px;
}
#subNav a {
	float:left;
	width:110px;
	text-align:center;
	padding:15px 10px 0 10px;
	height:45px;
	font-size:13px;
	line-height:130%;
	margin-right:2px;
	background:url(/Images/bg-tab.gif) no-repeat;
}
#subNav li.active a {
	color:#fff;
	background:url(/Images/bg-tab-active.gif) no-repeat;
}
#tabContent {
	padding:30px;
	border:1px solid #a5d379;
	margin-right:6px;
}

/*
=====================
Lists
=====================
*/
ul.bullet, ol {
	margin:0 0 1em 20px;
	padding-left:20px;
}
ul.bullet li {
	list-style-type:disc;
}
ol li {
	list-style:decimal outside;
}
ul.gallery {
	margin:25px 0;
	height:83px;
}
ul.gallery li,
ul.gallery a {
	float:left;
}
ul.gallery li {
	margin-right:15px;
}
ul.gallery a {
	border:4px solid #ddd;
	cursor:-moz-zoom-in;
}
ul.gallery a:hover {
	border-color:#EF9417;
}
ul.gallery img {
	display:block;
}
ul.relatedLinks {
	background:#f2f2f2;
	margin-top:30px;
	border-top:1px solid #ccc;
	padding:20px 20px 20px 40px;
}
ul.relatedLinks li {
	list-style-type:disc;
}
ul.relatedLinks a:hover {
	text-decoration:underline;
}
ul.staff {
	margin-top:40px;
}
ul.staff li {
	float:left;
	width:350px;
	height:200px;
	padding-right:40px;
}
ul.staff h2 {
	margin-bottom:3px;
}
ul.staff h2 small {
	font-size:11px;
}
ul.staff p.quals {
	margin-bottom:.2em;
	font-weight:bold;
	color:#555;
}

/*
===================
Testimonials Page
===================
*/
#testimonials {
	margin-top:30px;
}
#testimonials li {
	position:relative;
	border-top:1px solid #A5D379;
	margin-top:20px;
	padding:20px 0 0 160px;
	min-height:80px;
}
* html #testimonials li {
	height:80px;
}
#testimonials li img {
	position:absolute;
	top:20px; left:0;
}

/*
===================
Gallery Page
===================
*/
#gallery {
	margin:30px -16px 0 0;
}
#gallery li {
	float:left;
	margin:0 16px 14px 0;
}
#gallery a {
	display:block;
	border:1px solid #cfcfc1;
	padding:4px;
	cursor:-moz-zoom-in;
}
#gallery img {
	display:block;
}

/*
===================
Home Page
===================
*/
#carousel {
	background:url(/Images/bg-carousel.gif) no-repeat;
	height:300px;
	position:relative;
	margin-bottom:30px;
}
#carousel h1 {
	position:absolute;
	top:24px; left:0;
	width:640px;
	text-align:center;
	text-transform:uppercase;
	font-size:22px;
	color:#42A622;
}
#carousel ul {
	position:absolute;
	top:69px;
	left:0;
}
#carousel li {
	position:absolute;
}
h2.logos {
	font-size:22px;
	margin:0 0 .3em 0;
}
#logos {
	height:70px;
}
#logos li {
	float:left;
	height:70px;
	margin: 20px 65px 0 0;
}
#logos li.last {
	margin: 25px 0 0 15px;
}

/*
===================
Request Quote
===================
*/
#request
{
	color:#fff;
	text-align:center;
	line-height:10px;
	line-height:39px;
	background:url(/Images/btn-quote.jpg) top no-repeat;
	display:block;
	width:150px;
	height:42px;
}
#request:hover{
	background:url(/Images/btn-quote.jpg) bottom no-repeat;
}

/*
===================
Forms
===================
*/
.form {
	padding:25px 20px 15px 20px;
	background:#f2f2f2;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	min-height:1%;
}
.form h2 {
	padding-left:85px;
}
.form p {
	position:relative;
	padding-left:85px;
	min-height:26px;
}
.form label {
	position:absolute;
	top:0; left:0;
	display:block;
	width:70px;
	text-align:right;
	font-weight:bold;
	padding:4px 0 2px 0;
	font-size:12px;
}
.form .inputGroup label {
	position:static;
	display:inline;
	padding:0 0 0 4px;
	font-weight:normal;
	color:#555;
}
.form span.value {
	display:block;
	padding-top:4px;
}
.form h3 {
	font-size:16px;
}
.form label span {
	font-size:11px;
	font-weight:normal;
}
.form input.text {
	padding:5px;
	width:260px;
	border:1px solid #ccc;
	margin-right:8px;
}
.form textarea {
	width:260px;
	height:180px;
	display:block;
	padding:5px;
	border:1px solid #bbb;
	font-family:Verdana,Arial,Sans-Serif;
}
.form select {
	font-size:13px;
	padding:3px;
	width:271px;
}
.form span select {
	width:auto;
	margin-right:8px;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#a5d379;
	background-color:#fefbf2;
}
input.button {
	padding:4px 6px;
}

/*
========================
Validation
========================
*/
.validation-container {
	border:1px solid #d00;
	background:#fcebeb url(/Images/icon-warning.gif) 12px 12px no-repeat;
	color:#d00;
	padding:10px 10px 10px 54px;
	margin-bottom:22px;
	line-height:130%;
}
.validation-title {
	font-weight:bold;
	margin-bottom:4px;
}
.validation-list li {
	line-height:150%;
	list-style:disc;
	margin-left:1.4em;
}

/*
===================
Contact Page
===================
*/
address {
	margin-bottom:25px;
	float:left;
	padding:8px 11px;
	border:1px solid #ccc;
}
address span {
	display:block;
	line-height:150%;
}
#contactInfo dl {
	float:left;
	width:280px;
	line-height:32px;
	margin-right:30px;
}
#contactInfo dt {
	float:left;
	clear:left;
	background-repeat:no-repeat;
	background-position:4px center;
	background:none !important;
	width:80px;
	height:33px;
	font-weight:bold;
	color:#777;
	border-bottom:1px solid #ddd;
}
#contactInfo dt.phone {
	background-image:url(/Images/icon-phone.gif);
}
#contactInfo dt.fax {
	background-image:url(/Images/icon-fax.gif);
}
#contactInfo dt.email {
	background-image:url(/Images/icon-email.gif);
}
#contactInfo dt.hours {
	background-image:url(/Images/icon-clock.gif);
}
#contactInfo dt.web {
	background-image:url(/Images/icon-web.gif);
}
#contactInfo dd {
	float:left;
	border-bottom:1px solid #ddd;
	width:200px;
	height:33px;
	color:#42a622;
}
#contactInfo dd strong {
	font-size:16px;
}
#contactInfo a:hover {
	text-decoration:underline;
}
.contactForm {
	width:390px;
}

/*
=====================
Email Friend Page
=====================
*/
#emailWrapper {
	padding:10px 25px 0 25px;
}
#emailWrapper .form label {
	width:150px;
}
#emailWrapper .form textarea {
	height:70px;
}
#emailWrapper .form p {
	padding-left:165px;
}
#captcha {
	padding-left: 165px;	
}
#captcha span {
	display: block;
	float:none !important;
}
#captcha input {
	border: 1px solid #CCCCCC;
	margin-right: 8px;
	padding: 5px;
	width: 200px;
}