/*---css reset start---*/
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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

html { overflow-y: scroll; }

/* remember to define focus styles! */
:focus { outline:0; }

body {
	line-height:1;
	color:black;
	background:white;
}

ol, ul { list-style:none; }

/*---css reset end---*/
/*-- global styles --*/
/*---fonts---*/
body {
	font:13px Trebuchet, "Trebuchet MS", Tahoma, Arial, clean, sans-serif;
	*font-size:small;
	*font:x-small;
	text-shadow: #000000 0 0 0px; // to fix bold text effect in Safari
}

table {
	font-size:inherit;
	font:100%;
}

select, input, textarea { font:99% tahoma, arial, helvetica, clean, sans-serif; }

pre, code { font:112% monospace; *font-size:100%;
}

body * { line-height:1.22em; }

/*---fonts end---*/
body {
	margin:0;
	padding:0;
}

blockquote {
	margin:15px;
	padding:0;
}

img { border:0; }

img.alignright {float:right;padding-left:10px;}

img.alignleft {float:left;padding-right:10px;}

hr{
	border: none 0;
	border-top: 1px dotted #cccccc;
	width: 100%;
	height: 1px;
	margin:0;
	padding:0;
}

strong { font-weight: bold; }

em { font-style: italic; }

br.clear { display:block;clear:both; }

.landing-content {
	display:block;
	width:650px;
	padding:0;
	margin:auto;
	margin-top:10%;
	text-align:left;
}

#main-link1 {
	width:47%;
	float:left;
	overflow: hidden;
	margin-left:1%;
}


#main-link1 a {
	display:block;
	background:url(img/jbs-landing-page-button.jpg) no-repeat 0 0;
	width:248px;
	height:225px;
	text-decoration:none;
	margin:auto;
}
#main-link1 a:hover {
	background-position:0% -225px;
}

#main-link1 a span {
	visibility: hidden;
}

#main-link2 {
	width:47%;
	float:right;
	margin-right:1%;
	overflow: hidden;
}

#main-link2 a {
	display:block;
	background:url(img/jb-hvac-landing-page-button.jpg) no-repeat 0 0;
	height:225px;
	width:248px;
	text-decoration:none;
	margin:auto;
}
#main-link2 a:hover {
	background-position:0% -225px;
}
#main-link2 a span {
	visibility: hidden;
}
#main-link1 p, #main-link2 p {margin: 7px 28px;}
#main-link1 p a, #main-link2 p a {}
#main-link1 p a:hover, #main-link2 p a:hover {}
#secondary-links {
	text-align:center;
	float:left;
	margin:auto;
	padding:0 0 0 15px; /* adjusated for letter spacing*/
	text-decoration:none;
	white-space:nowrap;
	background:url(img/botlinks_lt.gif) no-repeat left top;
	height:57px;}
	
#secondary-links span {
	float:left;
	display:block;
	padding:7px 15px 5px 0;
	color:#006a29;
	background:url(img/botlinks_rt.gif) no-repeat right top;
	height:57px;
	width:624px;}
	
#secondary-links ul {
	list-style-type: none;
	margin:auto;
	padding: 0;
}

#secondary-links li {
	display:inline;
	width:200px;
	padding:0 7px;
	font-size: 115%;
}

#secondary-links li a {
	color:#FFFFFF;
	text-decoration:none;
}

#secondary-links li a:hover {
	color: #619c62;
	text-decoration:none;
}


/*-- end global styles --*/


/*-- vertical seperators --*/
div.sep128 {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:128px;
	width:2px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

div.sep196 {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:196px;
	width:2px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

div.sep27lt {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:27px;
	width:2px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

div.sep27rt {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:27px;
	width:2px;
	display:block;
	float:right;
	margin:0;
	padding:0;
}

div.sep200lt {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:200px;
	width:2px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

div.sep200rt {
	background:url(img/brd-nav-sep.gif) repeat-y 0 0;
	height:200px;
	width:2px;
	display:block;
	float:right;
	margin:0;
	padding:0;
}

/*-- end vertical seperators --*/
/*-- end backgrounds --*/


/*-- content --*/
/*-- link styles --*/
#content a { color: #619C62; }

#content a:hover { color: #00512f; }

#home-body a { color: #00512f; }

#home-body a:hover { color: #ffffff; }

.morelink-drk {
	display:block;
	float:right;
	color: #ffffff;
	margin:10px 0;
	padding-right:10px;
	background:url(img/drk-grn-arrow-fwd.gif) no-repeat 100% center;
	text-decoration:none;
}

a.morelink-drk:hover {
	color: #00512f;
	background:url(img/wht-arrow-fwd.gif) no-repeat 100% center;
}

.morelink-lt {
	display:block;
	float:left;
	color: #ffffff;
	margin:10px 0;
	padding-right:10px;
	background:url(img/lt-grn-arrow-fwd.gif) no-repeat 100% center;
	text-decoration:none;
}

a.morelink-lt:hover {
	color: #619C62;
	background:url(img/wht-arrow-fwd.gif) no-repeat 100% center;
}

a.back {
	background:url(img/lt-grn-arrow-bck.gif) no-repeat left center;
	padding-right:0px;
	padding-left:10px;
}

a.back:hover {
	background:url(img/lt-grn-arrow-bck.gif) no-repeat left center;
}


/*-- rounded box --*/
/* set the image to use and establish the lower-right position */
.highlite-box, .highlite-box-body, .highlite-box-head, .highlite-box-head h2 { background: transparent url(img/bg-box.gif) no-repeat bottom right; }

.highlite-box {
	width: 191px !important; /* intended total box width - padding-right(next) */
	width: 192px; /* IE Win = width - padding */
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
	margin: 17px auto 0px auto; /* use to position the box */
}

/* set the top-right image */ 
.highlite-box-head {
	background-position: top right;
	margin-right: -10px; /* pull the right image over on top of border */
	padding-right: 15px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */ 
.highlite-box-head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 11px 0 15px 13px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size: 115%;
	font-weight:bold;
	text-align: left;
	color: #00512f;
}

.highlite-box-head hr{
	border: none 0;
	border-top: 1px dotted #cccccc;
	width: 100%;
	height: 1px;
	margin:-5px -7px 0 10px;
	padding:0;
}

/* set the lower-left corner image */ 
.highlite-box-body {
	background-position: bottom left;
	margin-right: 2px; /* interior-padding right */
	padding: 2px 0 13px 13px; /* mirror .highlite-box-head right/left */
	font-size: 95%;
	color: #5c5c5c;
}

#content .highlite-box-body p {
	margin-right: 0;
	font-weight:normal;
	text-align: left;
	color: #5c5c5c;
}

#content .highlite-box-body ul.bullets {
	margin: 1em 0 0 0;
	font-size: 93%;
	line-height: 100%;
}

#content .highlite-box-body ul.bullets li {
	margin: 0 10px 0 20px;
	padding-bottom: .5em;
	list-style: none outside url('img/li-con3.gif');
}

#content .highlite-box-body ul.checklist {
	margin: 1em 0 0 0;
	font-size: 93%;
	line-height: 100%;
}

#content .highlite-box-body ul.checklist li {
	margin: 0 10px 0 20px;
	padding-bottom: .5em;
	list-style: none outside url('img/li-con-check.gif');
}

ul.list {
	margin: 0;
	padding: 0;
}

ul.list li a, #content ul.list li a {
	background: transparent url('img/li-con.gif') no-repeat scroll 2px 5px;
	border-bottom: 1px dotted #cccccc;
	color: #5c5c5c;
}

ul.list li a.email, #content ul.list li a.email {
	background: transparent url('img/li-con-email.gif') no-repeat scroll 2px 5px;
}

ul.list li a.website, #content ul.list li a.website {
	background: transparent url('img/li-con-website.gif') no-repeat scroll 2px 5px;
}

ul.list li a.top-border, #content ul.list li a.top-border {
	border-top: 1px dotted #cccccc;
}

ul.list li a:hover, #content ul.list li a:hover {
	color: #00512f;
	background-position: -248px 5px;
	background-color: #EBF5E9;
}

ul.list li a.current, ul.list li a.current:hover {
	background-color: #EBF5E9;
	background-position: 2px 5px;
	cursor: default;
	color: #50AA33;
}

ul.list li { line-height: 100%; }

ul.list li a {
	display: block;
	padding: 6px 1em 6px 21px;
	border-bottom-width: 1px;
	/*font-size: 93%;*/
	font-size: 96%;
	font-weight: bold;
	line-height: 100%;
	vertical-align: baseline;
	text-decoration: none;
}

ul.list li span {
	/*font-size: 93%;*/
	font-size: 96%;
	font-weight: bold;
	line-height: 100%;
	vertical-align: baseline;
	text-decoration: none;
}



/*-- bottom features --*/
#bot-green #bot-feature {
	float:left;
	width:311px;
	margin:0;
	padding:0;
	overflow:visible;
}

#bot-green #bot-feature h2 {
	padding:15px 0 5px 90px;
	font-size: 135%;
	color:#FFFFFF;
}

#bot-green #bot-feature p {
	padding-left:90px;
	color:#619C62;
	font-size: 90%;
}

#bot-green #bot-feature a {
	display:block;
	margin:0;
	padding:0 15px 0 0; /*-- side padding attempt --*/
	background:url(img/bgt-ft-nav-btn.gif) repeat-x 0 0;
	width:auto;
	height:128px;
	text-decoration:none;
	cursor:pointer;
}

#bot-green #bot-feature a:hover { background-position:0% -128px; }

#bot-green #bot-feature div.download-forms {
	background:url(img/downloads.gif) no-repeat 18px 0;
	height:128px;
}

#bot-green #bot-feature div.security-ideas {
	background:url(img/ideas.gif) no-repeat 18px 0;
	height:128px;
}

#bot-green #bot-feature div.quick-contact {
	background:url(img/contact.gif) no-repeat 18px 0;
	height:128px;
}

#bot-green #bot-feature a.big {
	display:block;
	margin:0;
	padding:0 15px 0 0; /*-- side padding attempt --*/
	background:url(img/bgt-ft-nav-btn-big.gif) repeat-x 0 0;
	width:auto;
	height:196px;
	text-decoration:none;
	cursor:pointer;
}

#bot-green #bot-feature a.big:hover { background-position:0% -196px; }

#bot-green #bot-feature div.big {
	background-position: 18px 34px; height:196px;
}

/*-- end bottom features --*/

/*-- end content --*/

/*-- footer --*/
#landing-footer {
	height:125px;
	margin:0;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#landing-footer div.menu {
	position:relative;
	left:50%;
	float:left;
}

#landing-footer div.menu ul {
	margin:15px 0 0 -50%;
	padding:0 0 11px 0;
	list-style:none;
	overflow:hidden;
	float:left;
	position:relative;
}

* html #landing-footer div.menu ul {
	left:-50%;
	margin-left:0;
}

*+html #landing-footer div.menu ul {
	left:-50%;
	margin-left:0;
}

#landing-footer div.menu ul li {
	float:left;
	padding:0 10px 0 10px;
	background:url(img/br-footer-menu.gif) no-repeat 0 3px;
	display:inline;
	margin:0 0 0 -1px;
}

#landing-footer div.menu ul li a {
	font:bold 11px/11px;
	color:#00512f;
	text-decoration:none;
}

#landing-footer div.menu ul li a:hover {
	color:#619c62;
	text-decoration:underline;
}

#landing-footer p {
	text-align:center;
	margin:0;
	font:bold 11px/11px;
	color:#a3a3a3;
	clear:both;
}

#landing-footer p a{
	color:#a3a3a3;
}

#footer p a:hover{
	color:#a3a3a3;
	text-decoration:none;
}
/*-- end footer --*/