/* reset */
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 { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; }
/* ----- */

p.skiplink{ padding: 0; }
a#skiptocontent { position: absolute; left: -9999px; z-index: 500; }
a#skiptocontent:active, a#skiptocontent:focus { width: 100%; padding: 2px 0 4px; left: 0; top: 0; text-align: center; font-size: 1em; font-weight: bold; color: #000; border: none; background: #ff0; }

body { font: 14px/1.2 "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #808184; }
h1, h2, h3, h4, a { color: #007599; }
h1, h2, h3, h4 { font-weight: normal; text-transform: uppercase; }
#container { width: 960px; margin: 0 auto; position: relative; }
#header { width: 100%; height: 113px; position: relative; background: #fff; }
#phone { color:#007599; font-size:36px; right:0; padding:0; position:absolute; top:64px; }

#nav { width: 948px; height: 47px; padding: 0 0 0 12px; background: #007599; }
	#nav, #nav ul, #nav li, #nav a { float: left; }
	#nav li { background: url(../images/nav-separator.gif) right 0 no-repeat; }
	#nav li.last { background: none; }
	#nav a { width: 112px; height: 29px; margin: 0 5px 0 0; padding: 18px 0 0; text-align: center; display: block; text-transform: uppercase; color: #b6d4a4; }
	* html #nav a { width: 108px; }
	#nav a:hover { color: #fff; }
	#nav a.on { color: #007599; background: url(../images/nav-tab.gif) center 0 no-repeat; }
	* html #nav a.on:hover { color: #007599; }
	
#content { clear: both; background: #fffde9; }

h1, /* .home  */h2 { margin: 0 0 5px; font-size: 25px; }
h2, .home h3 { margin: 0 0 3px; }
#main p { margin: 0 0 15px; }

#main, #panel { padding: 28px 21px; float: left; position: relative; display: inline; }
#main { width: 608px; }
.slim { width: 499px !important; padding: 28px 21px 28px 11px !important; } /* changed padding-right from '0' to add padding on about pages subnav */
* html .slim { width: 488px !important; }
#panel { width: 268px; background: url(../images/panel-strip.gif) 0 0 repeat-y; }
#panel h2 { margin: 0 0 5px; font-size: 17px; }

* html #panel { width: 260px; }

div.section { margin: 0 0 15px; border-bottom: 2px solid #adaeac; }
div.last { border: none !important; }
.article ul { list-style:disc outside none; }
.article ul li { margin-bottom: 10px; margin-left:15px; }

#feature { width: 588px; /* height: 328px; */ margin: 0 0 30px; position: relative; }
#feature div { width: 578px; height: 24px; padding: 10px 0 0 10px; position: absolute; left: 0; bottom: 0; background: url(../images/feature-bar.gif) 0 0 no-repeat; }
#feature h4 { display: inline; }
/* #feature a { display: block; position: absolute; right: 10px; top: 10px; text-transform: uppercase; } */


#subnav { width: 92px; margin: 28px 7px 0 10px; padding: 0 5px 50px;  float: left; background: #f0f5db; }
#subnav a { padding: 12px 0; display: block; text-transform: uppercase; text-align: center; border-bottom: 1px solid #c1c5b9; }

#panel div.panel-article, #panel form { margin: 0 0 15px; border-bottom: 1px solid #a7aba5; }
#panel form { padding: 10px 0 40px; position: relative; }
#panel form div { clear: both; }
#panel form div label, #panel form div input.textfield { float: left; }
#panel form div label { width: 65px; margin: 0 0 5px; padding: 7px 0 0; display: block; text-transform: uppercase; color: #007599; }
#panel form div input.textfield { width: 197px; height: 18px; }
* html #panel form div input.textfield { width: 185px; }
#panel form .submit { position: absolute; right: 0; }
* html #panel form .submit { right: 24px; }

div.panel-article { padding: 0 0 20px; position: relative; }
div.panel-article a { margin-top: 5px; }
#panel cite { margin: 3px 0 15px; display: block; text-align: right; font-size: 0.9em; color: #007599; }
#panel p { margin-bottom: 10px; }
#panel .testimonial { font-size: 0.9em; font-style: italic; }
* html #panel .testimonial p { width: 250px; }
#panel #clients { font-size: 0.9em; font-style: italic; color: #007599; }


.mini-grid ul, .mini-grid li, .mini-grid a, .mini-grid img { float: left; display: inline; position: relative; }
.mini-grid ul { width: 285px; margin: 0 0 0 -10px; }
* html .mini-grid ul { width: 268px; }
.mini-grid li { width: 126px; margin: 0 0 15px 10px; }
* html .mini-grid li { margin: 0 0 5px 5px; }
.mini-grid a { width: 126px; height: 84px; display: block; }

.grid ul, .grid li { float: left; display: inline; }
.grid ul { margin: 0 0 0 -25px; }
.grid li { width: 289px; margin: 0 0 25px 25px; }
.grid div { width: 238px; min-height:90px; height:auto !important; height: 90px; margin: 0; padding: 10px 30px 3px 9px; position: relative; background: url(../images/grid-strip.gif) 0 0 repeat-y; }
/* .grid a { position: absolute; bottom: 5px; right: 5px; text-transform: uppercase; } */
/* .grid a { position: relative; margin: 0; padding: 0; } */

.project div { width: 582px; padding: 13px; background: url(../images/project-detail-strip.gif) 0 0 repeat-y; }
.project h1, .project span.info { margin: 0 0 5px; display: block; font-size: 16px; }
.project h1, .project span.info, .project p span { text-transform: uppercase; color: #007599; }
.project span.last { margin: 0 0 15px !important; }

.logo { width: 350px; height: 103px; background: url(../images/logo.jpg) 0 0 no-repeat; }
h1.logo { text-indent: -9999px; }

#footer { height: 118px; padding: 21px; font-size: 12px; position: relative; background: #007599; }
#footer, #footer a { color: #e6e7e8; }
#footer ul { margin: 5px 0 0 -5px; padding: 0 0 10px; }
#footer li { padding: 0 5px; float: left; border-right: 1px solid #e6e7e8; }
#footer li.last { border: none; }
#footer div { position: absolute; right:10px; top: 18px; }
#footer img { margin: 0 0 0 5px; display: block; float: left; }
#footer h2 { color: #fff; }

.article { padding: 20px 0 20px 0; }
.article strong { color: #007599; }
.people { padding: 15px 0 10px 0; min-height: 150px; margin-bottom: 15px;}
.people p { font-size: 0.9em;  }
.people img { display: inline; float: left; margin: 0 35px 15px 0; border: 5px solid #B6D4A4; }
.newsdetail .article { padding: 0 0 20px 0; }
.article img { display: inline; float: right; margin: 0 0 15px 15px; border: 5px solid #B6D4A4; }
.entrygallery { display: inline; }
.entrygallery img { border: 5px solid #B6D4A4; }
.entrygallery a { margin-right: 10px; }
.navlist { margin: 0 0 20px 0; }
.navlist li { margin-bottom: 10px; }
.navlist li a, .downloads .section li a { color: #808184; }

.ssColumn { width: 300px; float: left; }

.button { font-size: 12px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; width: 60px; padding:6px 10px; background-color: #007599; color: #fff; }
.button:hover { background-color: #B6D4A4; text-decoration: none; }
.contactdetails p { margin: 0 0 20px 0; }
.contact h3 { margin: 0 0 8px 0; }
.downloads .section ul { margin-bottom: 25px; }
.downloads .fileinfo { color: #007599; font-size: 0.9em; }

.legal #main ul { margin-bottom: 15px; }
.legal #main li { list-style: square; list-style:outside; margin-left: 15px; }

ul.services { float: left; margin-right: 10px; width: 200px;}


/* FEATURED PRODUCT SLIDER */

.slider {
	position:relative;
}
.slider img {
	position:absolute;
	top:0px;
	left:0px;
}

/* PAGINATION */

.grid div.pagination { background: none; }
.pagination { clear: both; }
.pagination .pagenumber a {position:static; }
.pagination a { float: none; }
p.pagenumber a {display: inline; width: 150px; }
p.pagenumber a:link, 
p.pagenumber a:visited { background-color: none; border: 1px solid #C4CABF; padding: 2px 4px; }
p.pagenumber a:hover { background-color: #007599; color: #fff; border: 1px solid #C4CABF; padding: 2px 4px; text-decoration: none; }	
p.pagenumber strong { background-color: #B6D4A4; border: 1px solid #C4CABF; color: #000; padding: 2px 4px; }

/* VALIDATION */

.LV_validation_message { font-weight:bold; font-size: 14px; text-transform: uppercase; margin:0 0 0 5px; }
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00; }
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border: 1px solid #CC0000;}