/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl, dt, dd, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
html { background:#5da136; }
body { background: url(../images/body.png) #5da136 repeat-x top; line-height: 1; color: #767676; 
font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #41811d; line-height:1.1em; }
a:visited { color: #41811d; }
a:hover { color: #41811d; }
a strong { color: #41811d; text-decoration: underline; }
.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important; }.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l11 { width:110px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important; }.l16 { width:160px !important; }.l17 { width:170px !important; }.l18 { width:180px !important; }.l19 { width:190px !important; }.l20 { width:200px !important; }.l21{ width:210px !important; }.l22{ width:220px !important; }.l23{ width:230px !important; }.l24{ width:240px !important; }.l25{ width:250px !important; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

/*positioning*/
.top { display:block; position:absolute; top:0; bottom:auto !important; }
.right { display:block; position:absolute; right:0; left:auto !important; }
.left { display:block; position:absolute; left:0; right:auto !important; }
.bottom { display:block; position:absolute; bottom:0; top:auto !important; }

.inline { display:inline !important; }
.block { display:block !important; }
.block-link { display:block; width: 100%; height: 100%; text-indent:-6000px; position:relative; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { border:0; }
.num { text-align:right; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }
.font-01,.font-02 { display:block; visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

select { border: 1px solid #999; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 1px 0 0 0; *margin-top:-3px; vertical-align:top; }
input.radio { width:20px; margin: 2px 0 0 0; *margin-top:-3px; vertical-align:top; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/
.buttons { text-align:right; }

/* BODY SELECTORS
---------------------------------*/
.site { width: 973px; text-align:left; margin: 0 auto 0 auto; padding: 24px 0 0 0; position:relative; background:url(../images/site.png) 0 0 repeat-x #fff; }
.site .bottom { background:url(../images/site-bottom.png) repeat-x 0 bottom; left:0; width: 973px; height:82px; }
* html .site .bottom { width: 984px; }

/* BRANDING */
#branding { height: 173px; width: 185px; position:absolute; /*top: 99px; left:47px;*/ z-index:20;top:83px; left:47px; }
#internal #branding { top:83px; left:47px; }
#logo-siegel { width: 185px; height: 173px; position:absolute; top: 0; left: 0; background:url(../images/logo-siegel.png) no-repeat; text-indent:-6000px; }

/*FLASH*/
#flash { width: 957px; height: 255px; background:url(../images/flash.jpg) 0 0 no-repeat; margin: 9px 0 0 11px; padding:1px 0 0 0; position:relative; z-index:1; }
#flash .display{  display:block; width:694px; height: 230px; margin: 11px 0 0 242px;  }
#flash .display embed { }
#flash .navigation { overflow:hidden; width: 160px; height: 31px; background:url(../images/flash-navigation.png) 0 0 no-repeat; z-index:50; position:absolute; top:200px;left:269px; }
#flash .navigation a { display: block; float:left; display:inline; width: 24px; height: 23px; margin: 4px 5px 0 0; }

#flash #vid{ position:absolute; top:48px; right:100px; width:320px;	height:235px;	padding:0;	margin:0; }

#flash #slides{	margin: 0; border: 0; }
#audio-01 { background:url(../images/audio-01.png) 0 0 no-repeat; margin-left: 10px ! important; }
#audio-02 { background:url(../images/audio-02.png) 0 0 no-repeat; }
#audio-03 { background:url(../images/audio-03.png) 0 0 no-repeat; }
#audio-04 { background:url(../images/audio-04.png) 0 0 no-repeat; }
#audio-05 { background:url(../images/audio-05.png) 0 0 no-repeat; margin-right: 10px ! important; }

/* PHOTO */
#photo { display:block; width:956px; height:220px; background:url(../images/photo.png) 0 0 no-repeat; margin: 9px 0 0 12px; padding:1px 0 0 0; }
#photo .display { display:block; position:relative; width:695px; height:194px; background-repeat: no-repeat; background-position: 0 0; margin: 11px 0 0 239px; }
#home #photo .display { background-image:url(../images/photo-about-us.jpg); }
#photo #vid { display:block; position:absolute; top:0px; right:0px;width:320px;height:235px;padding:0; margin:0;}

/*NAV*/
#nav { position: relative; z-index: 100; margin:0 0 0 11px; width: 100%; }
#nav ul { height: 24px; list-style:none; margin:0;padding:0; position:relative; }
#nav a { text-align:left; display: block; height: 24px; padding: 0 19px; text-indent: -6000px; background-repeat: no-repeat; background-position: 50% top; }
#nav li { position:relative; }
#nav li.level1 { float: left; display: block; background: url(../images/nav-level1.png) 100% 4px no-repeat; }/*menu category styling*/
#nav li.last { background:none; }
#nav li.last a { border: 0; padding-right:19px; }

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #377415; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#377415; }
#nav ul ul { display:none; position: absolute; top:24px;left: 27px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-left: 1px #E2C700 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #fff; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { background:#fdf5b9; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

#nav li ul li a.flyout { background-image:url(../images/nav-flyout.png); background-repeat: no-repeat; background-position: 97% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background:#fff; height: 5px; }
#nav li ul li.bottom { background:#fff; height: 5px; }
* html #nav li ul li.top { background:#fff; font-size: 0; }
* html #nav li ul li.bottom { background:#fff; font-size: 0; }

/* nav categories */
#nav #nav-exterior-drainage a { background-image: url(../images/nav-exterior-drainage.png); width: 155px; }
#nav #nav-exterior-drainage:hover a {background-position: 50% bottom; }
#nav #nav-interior-drainage a { background-image: url(../images/nav-interior-drainage.png); width: 154px; }
#nav #nav-interior-drainage:hover a {background-position: 50% bottom; }
#nav #nav-landscaping a { background-image: url(../images/nav-landscaping.png); width: 116px; }
#nav #nav-landscaping:hover a {background-position: 50% bottom; }
#nav #nav-about-us a { background-image: url(../images/nav-about-us.png); width: 95px; }
#nav #nav-about-us:hover a {background-position: 50% bottom; }
#nav #nav-gallery a { background-image: url(../images/nav-gallery.png); width: 81px; }
#nav #nav-gallery:hover a {background-position: 50% bottom; }
#nav #nav-contact-us a { background-image: url(../images/nav-contact-us.png); width: 103px; }
#nav #nav-contact-us:hover a {background-position: 50% bottom; }

/*MAIN*/
#main { overflow:hidden; width: 100%; margin: 9px 0 0 0; min-height: 300px;}

/* IN THE NEWS */
#in-the-news { width: 262px; background:url(../images/in-the-news.png) repeat-y; 
position:relative; padding:20px 0 0 0; float:left; display:inline; margin: 0 0 36px 11px; }
#in-the-news .top { background:url(../images/in-the-news-top.png) no-repeat 0 0; top:0;left:0; width: 262px; height: 26px; }
#in-the-news .bottom { background:url(../images/in-the-news-bottom.png) no-repeat 0 0; bottom:-36px;left:0; width: 262px; height: 36px; }
#in-the-news h2 { height:20px; border-bottom: 1px solid #d1d0cc; background:url(../images/in-the-news-h2.png) 2px 0 no-repeat; margin: 0 0 0 30px; width:191px; position:relative; z-index: 20; text-indent:-6000px; }
#in-the-news dl { width: 191px; line-height: 1.4em; margin: 5px 0 0 30px; }
#in-the-news dt { margin: 10px 0 0 0; }
#in-the-news dd { border-bottom: 1px solid #d1d0cc; padding: 0 0 6px 0; }

/* WELCOME */
#welcome { float:right; display:inline; width:611px; position:relative; margin: 0 62px 0 0; overflow:hidden; }
#welcome h2.title { margin:0 0 0 0; padding:0; height: 25px; background:url(../images/welcome-h2.png) 0 0 no-repeat; text-indent:-6000px; border-bottom: 1px solid #dfdeda; }
#welcome .cms { margin: 10px 0 0 0; }
* html #welcome .cms { margin: 0 0 0 0; }

/*VIDEO */
#video { float:left; display:inline; background:url(../images/video.png) 0 0 repeat-x; border:4px solid #dededd; overflow:hidden; width:387px; margin: 10px 0 0 0; }
#video h2 { float:left; display:inline; height:211px; background:url(../images/video-h2.png) 0 0 no-repeat; margin: 19px 0 0 13px; padding:0; width:40px; position:relative; z-index: 20; text-indent:-6000px; }
#video .display { display:block; display:inline-block; float:right; border:1px solid #fff; background:url(../images/temp-video.jpg) 0 0; margin: 3px 8px 3px 0; width: 314px; height: 232px; }

/* MEMBERSHIPS */
#memberships { float:right; display:inline; width:171px; border: 1px solid #d7d7d7; margin: 10px 23px 0 0; }
#memberships h2 { color:#3a7619; text-transform: uppercase; margin: 12px 0 0 0; text-align:center; font-weight:normal; }
#memberships ul { margin:22px 0 0 0;padding:0;list-style:none; width: 100%; }
#memberships li { margin: 0 0 16px 0; text-indent: -6000px; }
#logo-hic { height: 46px; background:url(../images/logo-hic.png) 50% 50% no-repeat; }
#logo-bbb { height: 70px; background:url(../images/logo-bbb.png) 50% 50% no-repeat; }
#logo-nawsrc { height: 37px; background:url(../images/logo-nawsrc.png) 57% 50% no-repeat; }

/*CONTENT PANEL*/
#content-panel { float:left; width:231px; display:inline; padding: 20px 0 0 0; margin:0 0 40px 15px; background:url(../images/content-panel.png) 0 0 repeat-y; position:relative; }
#content-panel .top { background:url(../images/content-panel-top.png) no-repeat 0 0; top:0;left:0; width: 231px; height: 31px; z-index:10; }
#content-panel .bottom { background:url(../images/content-panel-bottom.png) no-repeat 0 0; bottom:-37px;left:0; width: 231px; height: 37px; }

/*NAV SUB*/
#nav-sub { list-style:none; padding:0; margin:0 0 0 26px; width: 175px; position: relative; z-index:20; }
#nav-sub li { background:url(../images/nav-sub-li.png) no-repeat 14px 11px;  padding: 0 0 0 25px; width: 150px; border-bottom:1px solid #d1d0cc; }
#nav-sub li a { display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

#link-video-gallery { margin:0;padding:0; width: 189px; height:68px; }

/*CONTENT*/
#content { float:right; width: 663px; display:inline; margin: 0 36px 0 0; padding: 0 0 0 0; background:url(../images/content.png) repeat-x; position:relative; }
#content .cms { margin: 10px 0 0 5px; min-height: 200px; }
* html #content .cms { height: 200px; }

/*PAGE TITLE*/
#page-title { padding:0;margin:0 0 0 0; height: 25px; border-bottom:1px solid #dfdeda; }
#page-title span.font-01 { font-size:25px; height:30px; color:#3a7619; margin:0 0 0 0; }
#link-home { background:url(../images/link-home.png) 0 0 no-repeat; position:absolute; top:7px; right:0; width: 59px; height:17px; text-indent:-6000px; }

/* SITE INFO */
#site-info { background: url(../images/site-info.png) repeat-x; height: 52px; padding: 1px 0 0 0; margin: 24px 0 0 24px; border-top:1px solid #d1d0cc; text-align: center; position:relative; line-height:1.4em; width:924px; }
#site-info address { margin:9px 0 0 0; font-style: normal; }
#site-info address span { border-right: 1px solid #595959; padding: 0 6px 0 3px; }
#site-info address br { display:none; }
#site-info address .last { border:0; }
#site-info ul { display:inline; margin: 0 0 0 0;padding:0;list-style:none; }
#site-info li { color:#595959; display:inline; border-right: 1px solid #000; }
#site-info li.last { }
#site-info li a { color:#595959; line-height: 1.1em; margin: 0 6px 0 3px; }
#site-info #copyright {  display:inline; margin: 0 0 0 0; }

/* CORE101 */
#logo-core101 { position:absolute; bottom:-40px; right: 0; height:15px; padding:0 0 10px 0; line-height:14px; width: 276px; }
#logo-core101 span { background:url(../images/icon-core101.png) no-repeat 0 0; display:block; width: 15px; height: 15px; position:absolute; right:0; top:0; left:auto; bottom:auto; }
#logo-core101 a { text-decoration:none; display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* FORM *****************************************************************************************************************/
.site-form { line-height:1.2em; margin:0 auto; }

/*fieldset*/
.site-form fieldset { margin: 30px 0 0 0; padding:0 0 5px 0; position:relative; background:url(../images/fieldset.png) repeat-y left; border:1px solid #ccc; }
/*legend*/
.site-form legend { margin:0;padding:0; }
.site-form legend span.legend span { font-weight: bold;  display:block; line-height: 17px; width:196px; padding: 0 0 0 5px; background: url(../images/corner-left.png) no-repeat left top;color:#fff; }
.site-form legend span.legend { position:absolute; display:block; top:-17px; *top:-16px; left:0; margin: 0 0 0 -1px; padding: 0 5px 0 0; background:#ccc url(../images/corner-right.png) no-repeat right top; }
* html .site-form legend span.legend { top: -16px; }
*+html .site-form legend span.legend { top: -16px; }

/*row wrapper*/
.site-form label,.site-form .group { display: block; width: 100%; margin: 5px 0 0 0; padding: 0 0; overflow:hidden; }
/*row title*/
.site-form label span.title,.site-form .group span.title { width: 200px; float: left; text-align: right; padding: 0 5px 0 0; color:#666; }
/*input, select, textarea*/
.site-form label input.text { float: left; display:inline; margin:0 0 0 5px; width: 110px; /*change as needed*/ }
.site-form label select { float: left; display:inline; margin:0 0 0 5px; width: 115px; /*change as needed*/ }
.site-form label textarea { float: left; display:inline; margin:0 0 0 5px; }
.site-form textarea,.site-form ul,.site-form .block { width:300px; /*change as needed*/ }
/*list group*/
.site-form ul { float:left; display:inline; display:inline-block;padding:0;margin:-3px 0 0 5px;list-style:none; overflow:hidden; }
.site-form li { width:50%; float:left; padding: 4px 0; }
.site-form li label, .site-form ul li span,.site-form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
/*misc group*/
.site-form .block { float: left; margin:0 0 0 5px; }
.site-form .block label,
.site-form .block input,
.site-form .block select,
.site-form .block span,
.site-form label.inline,
.site-form label.inline span, 
.site-form label.inline input { display: inline !important; float:none !important; }
/*button group*/
.site-form .buttons { text-align:right; margin:5px 0 0 0; background:none !important; }
/*errors*/
.site-form label span.error {  }
.site-form label span.error span {  }
/*notes*/
.site-form .note { margin:0 0 0 210px;padding:0; font-size:0.95em; }

/* BUTTONS ***************************************************************************************************************/
button { cursor: pointer; padding:0;margin:0 0 0 0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; background:transparent; }
/* button::-moz-focus-inner { padding: 0; border:0;} */
a.button, span.button { cursor: pointer !important; display:block !important; display:inline-block !important; background:url(../images/button.png) no-repeat left top #ccc !important; vertical-align:middle; text-decoration:none !important; position:relative !important; padding:0 0 0 17px !important; text-indent:0 !important; }	
a.button span, span.button span { display:block; white-space:nowrap; line-height:25px; background:url(../images/button.png) no-repeat right top; padding: 0 17px 0 0; color:#fff !important; font-size:11px !important; font-weight:bold !important; }

/* small buttons */
a.small,button span.small { padding: 0 0 0 12px !important; background:url(../images/button-small.png) no-repeat left top !important; width:auto !important; }
a.small span,button span.small span { color:#eee !important; padding: 0 12px 0 0 !important; line-height: 20px !important; background:url(../images/button-small.png) no-repeat right top !important; }

/*hover*/
button:hover span.button, a.button:hover { background-position: left bottom !important; background-color:#bbb; }
button:hover span.button span, a.button:hover span { background-position: right bottom !important; }

/*alternate button*/
a.alt, button span.alt { background:url(../images/button-alt.png) no-repeat left top !important; }
a.alt span, button span.alt span { color:#eee !important; background:url(../images/button-alt.png) no-repeat right top !important; }

/* PAGES
-------------------------------------*/



/* DL Forms
--------------------------------------*/
.dl_form dl{
	width: 100%;
}

.dl_form label{	
	width:100%;
	padding: 2px;
}

.dl_form dt{
	width:30%;
	clear:both;
	float:left;
	text-align: right;
	font-weight: bold;
}

.dl_form dd{
	float: left;	
	margin-left: 15px;	
	margin-bottom: 25px;	
	text-align: left;
	width: 65%;
}

.dl_form input.inputtext, .dl_form textarea{
	padding: 3px; 
	border: 1px solid silver;
	margin: 0px;
	clear: both;
}

.dl_form input.inputsubmit{
	padding: 4px; 
	font-weight: bold; 
	background-color: lightgreen;
	border: 0;
}
.error{
}


#jingle{
	height: 20px;
	margin-top:170px;
	margin-left:25px;
	position: absolute;
	left: 0; bottom: 0;
}