/* 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 { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/body.png) #7fc9ee repeat-x top; line-height: 1; color: #000; font-size:12px; 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 { color:#D62620; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
legend { font-weight:bold; margin: 20px 0; }
a:link { color: #009442; line-height:1.1em; }
a:visited { color: #009442; }
a:hover { color: #009442; }
a strong { color: #009442; text-decoration: underline; }
h1, h2, h3, h4, h5, 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;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !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; }

.inline { display:inline; }
.block { display:block; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/required.png) no-repeat 99% 4px; }
.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 { margin:0;padding:0; font-weight:normal; }

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.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
button.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

.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%; }

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 900px; text-align:left; margin: 0 auto 0 auto; padding: 8px 0 0 0; background:#FFF; }

/* HEADER */
#header { height: 93px; position:relative; }
#header #logo { cursor: pointer; display:block; width: 260px; height: 93px; position:absolute; top: 0; left: 32px; background:url(../images/logo.png) no-repeat; text-indent:-6000px; z-index:20; padding:0;margin:0; }
#header #logo a { display:block; width: 100%; height: 100%; }

#btn-request-a-quote { display:block; float:right; text-indent:-6000px; width: 123px; height: 27px; margin: 0 37px 0 0; background:url(../images/btn-request-a-quote.png) no-repeat; }
#slogan { clear:right; display:block; float:right; text-indent:-6000px; width: 293px; height: 13px; margin: 26px 11px 0 0; background:url(../images/slogan.png) no-repeat; }

/* SEARCH */
#search {}
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input.text { width:; margin: 0 4px 0 0; }
#search button { background: url(../images/search-btn.png) no-repeat; }

/* PHOTO */
#photo { width: 900px; height: 258px; text-indent: -6000px; background-image:url(../images/photo-home.jpg); background-repeat: no-repeat; background-position: 0 4px; position:relative; padding: 4px 0 0 0; }

/* SLIDESHOW */
#slideshow { position:relative; width:; height:; margin: 0 0 0 0; }
#slideshow span { display:block; position:absolute; top:0; left:0; z-index:8; height: 100%; width:100%; background-repeat:no-repeat; }
#slideshow span.active { z-index:10; }
#slideshow span.last-active { z-index:9; }

#photo-01 { background-image: url(../images/photo-01.jpg); }
#photo-02 { background-image: url(../images/photo-02.jpg); }
#photo-03 { background-image: url(../images/photo-03.jpg); }
#photo-04 { background-image: url(../images/photo-04.jpg); }
#photo-05 { background-image: url(../images/photo-05.jpg); }

/*NAV*/
#nav { margin: 6px 0 0 0; }
#nav ul { height: 35px; list-style:none; margin:0;padding:0; position:relative; z-index: 100; }
#nav a { text-align:left; display: block; height: 35px; padding: 0 20px; text-indent: -6000px; background-repeat: no-repeat; background-position: 50% 13px;  }
#nav li.level1 { float: left; display: block; width: 112px; }/*menu category styling*/
#nav li.first {}
#nav li.last { background:0; border: 0; padding-right:0; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #fff; text-decoration: none; background:none !important; } /* reset for dropdown */
#nav li ul a.hover { color:#333; }
#nav ul ul { display:none; position: absolute; top: 29px;left: 0px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #eee; }
#nav li ul li:hover { }
#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; }
* html #nav ul ul li { height: 1%; float:left; } /*ie6*/
*+html #nav ul ul li { height: 1%; float:left; } /*ie7*/

#nav li ul li.top { background:url(../images/nav-ul-ul-top.png) no-repeat; height: 5px; }
#nav li ul li.bottom { background:url(../images/nav-ul-ul-bottom.png) no-repeat; height: 5px; }
* html #nav li ul li.bottom { background:#FFF; font-size: 0; }
* html #nav li ul li.top { background:#FFF; font-size: 0; }

/* nav categories */
#nav #nav-home { background:url(../images/nav-home.png) repeat-x; }
#nav #nav-home a { background-image: url(../images/nav-home-a.png); }
#nav #nav-home ul li { background:#8F769F; }
#nav #nav-home ul li.top { background:url(../images/nav-ul-ul-home-top.png) no-repeat; }
#nav #nav-home ul li.bottom { background:url(../images/nav-ul-ul-home-bottom.png) no-repeat; }

#nav #nav-poured-in-place { background:url(../images/nav-poured-in-place.png) repeat-x; }
#nav #nav-poured-in-place a { background-image: url(../images/nav-poured-in-place-a.png); }
#nav #nav-poured-in-place ul li { background:#e2544b; }
#nav #nav-poured-in-place ul li.top { background:url(../images/nav-ul-ul-poured-in-place-top.png) no-repeat; }
#nav #nav-poured-in-place ul li.bottom { background:url(../images/nav-ul-ul-poured-in-place-bottom.png) no-repeat; }

#nav #nav-bonded { background:url(../images/nav-bonded.png) repeat-x; }
#nav #nav-bonded a { background-image: url(../images/nav-bonded-a.png); }
#nav #nav-bonded ul li { background:#8C8A8B; }
#nav #nav-bonded ul li.top { background:url(../images/nav-ul-ul-bonded-top.png) no-repeat; }
#nav #nav-bonded ul li.bottom { background:url(../images/nav-ul-ul-bonded-bottom.png) no-repeat; }

#nav #nav-splash-pad { background:url(../images/nav-splash-pad.png) repeat-x; }
#nav #nav-splash-pad a { background-image: url(../images/nav-splash-pad-a.png); }
#nav #nav-splash-pad ul li { background:#3798CF; }
#nav #nav-splash-pad ul li.top { background:url(../images/nav-ul-ul-splash-pad-top.png) no-repeat; }
#nav #nav-splash-pad ul li.bottom { background:url(../images/nav-ul-ul-splash-pad-bottom.png) no-repeat; }

#nav #nav-composite-overlays { background:url(../images/nav-composite-overlays.png) repeat-x; width:116px; }
#nav #nav-composite-overlays a { background-image: url(../images/nav-composite-overlays-a.png); }
#nav #nav-composite-overlays ul li { background:#37A96A; }
#nav #nav-composite-overlays ul li.top { background:url(../images/nav-ul-ul-composite-overlays-top.png) no-repeat; }
#nav #nav-composite-overlays ul li.bottom { background:url(../images/nav-ul-ul-composite-overlays-bottom.png) no-repeat; }

#nav #nav-photo-gallery { background:url(../images/nav-photo-gallery.png) repeat-x; }
#nav #nav-photo-gallery a { background-image: url(../images/nav-photo-gallery-a.png); }
#nav #nav-photo-gallery ul li { background:#EB9243; }
#nav #nav-photo-gallery ul li.top { background:url(../images/nav-ul-ul-photo-gallery-top.png) no-repeat; }
#nav #nav-photo-gallery ul li.bottom { background:url(../images/nav-ul-ul-photo-gallery-bottom.png) no-repeat; }

#nav #nav-specifications { background:url(../images/nav-specifications.png) repeat-x; }
#nav #nav-specifications a { background-image: url(../images/nav-specifications-a.png); color:#78756F; }
#nav #nav-specifications a:hover { color:#333; }
#nav #nav-specifications ul li { background:#FFF737; }
#nav #nav-specifications ul li.top { background:url(../images/nav-ul-ul-specifications-top.png) no-repeat; }
#nav #nav-specifications ul li.bottom { background:url(../images/nav-ul-ul-specifications-bottom.png) no-repeat; }

#nav #nav-contact-us { background:url(../images/nav-contact-us.png) repeat-x; }
#nav #nav-contact-us a { background-image: url(../images/nav-contact-us-a.png); }
#nav #nav-contact-us ul li { background:#3CADE5; }
#nav #nav-contact-us ul li.top { background:url(../images/nav-ul-ul-contact-us-top.png) no-repeat; }
#nav #nav-contact-us ul li.bottom { background:url(../images/nav-ul-ul-contact-us-bottom.png) no-repeat; }

/*NAV SUB*/
#nav-sub { float:left; display:inline; margin:11px 0 0 32px; width: 201px; }
#nav-sub ul { list-style:none; padding:0; margin:0;  width: 100%; }
#nav-sub li { background:url(../images/nav-sub-li.png) no-repeat 4px 10px; padding: 0 0 0 26px; width: 175px; border-bottom: 1px solid #ccc; }
#nav-sub li a { display:block; line-height: 29px; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/*MAIN*/
#main{ overflow:hidden; width: 100%; background: url(../images/main.png) repeat-y 311px 0; border: 1px solid #989798; border-width: 1px 0; margin: 4px 0 0 0; }
#internal #main { background:none; margin: 7px 0 0 0; }

#featured-project { width: 300px; float:left; display:inline; margin: 4px 0 26px 6px; }
#featured-project h2 { color:#FFFFFF; background: url(../images/h2-featured-project.png) repeat-x; height: 25px; padding: 7px 0 6px 0; text-align:center; }
#featured-project dl { margin:0;padding:0; }
#featured-project dt { text-align:center; display:block; line-height:29px; font-weight:bold; margin:0;padding:0; }
#featured-project dt span { font-weight:normal }
#featured-project dd { margin:0;padding:0; }
#featured-project dd a { font-size: 10px; margin: 4px 0 0 0; text-align:right; display:block; text-decoration:none; }

/*CONTENT*/
#content { float:right; width: 578px; display:inline; margin: 5px 5px 0 0; padding: 0 0 0 0; background:url(../images/content.png) repeat-x; }
#content h2 { background:url(../images/h2-rubber-safety-surfacing.png) no-repeat; height: 47px; width: 478px; margin: 18px 0 0 35px; text-indent: -6000px; }
#content .cms { margin: 0 20px 26px 20px; min-height: 200px; }
* html #content .cms { height: 200px; }

#internal #content { width: 667px; margin:0; padding: 25px 0 0 0; }
#internal #content .cms { margin: 0 65px 26px 52px; min-height: 300px; font-family:Verdana, Geneva, sans-serif; }
* html #internal #content .cms { height: 300px; }

/*PAGE TITLE*/
#page-title { padding: 15px 0 6px 31px; margin:6px 0 0 0; font-weight:normal; font-size:24px; color:#FFFFFF; height: 40px; background:url(../images/page-title.png) repeat-x; visibility:hidden; overflow:hidden; }

/* BREADCRUMB */
#crumb { list-style: none; padding: 0; margin: 12px 0 9px 0; }
#crumb li { display:inline; padding: 0 0 0 0; margin: 0 0 0 0; }
#crumb li a, #crumb li a:hover {}

/* FOOTER */
#footer { font-size: 10px; color:#666; background: url(../images/footer.png) repeat-x; line-height: 24px; padding: 1px 0 0 0; text-align: center; }
#footer address { display:inline; font-style: normal; }
#copyright { margin: 0 0 0 0; }

/* CORE101 */
#logo-core101 { width:271px; height:17px; text-align:center; margin: 20px auto 20px auto; background:url(../images/logo-core101.png) no-repeat; text-indent: -6000px; }
#logo-core101 a { 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; }

/* MISC
-------------------------------------*/

/* FORMS */
#form-contact { width:570px;}

/* forms */
fieldset { margin:0; padding:0; border:0; }

/*wrapper*/
form label,form .group { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
form label span,form .group span { width: 200px; float: left; text-align: right; padding: 4px 5px 0 0; }
form label input.text { float: left; margin: 0 0 5px 0; width: 110px; }
form label select { float: left; margin: 0 0 5px 0; width: 115px; }
form .buttons { text-align:right; width: 100%; }
form .error{ color: #C00;}
/*group*/
form ul { float:left; width:auto; margin:0 0 5px 0;padding:0;list-style:none; overflow:hidden; }
form li.heading { text-decoration:underline; float:left; padding: 4px 0; width: 100%; }
form li.error { float:left; padding: 4px 0; width: 100%; }
form li { width:50%; float:left; padding: 4px 0; }
form li label, form ul li span, form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
form label span.error { width:180px; color:#C00; text-align:left; margin-left: 5px; }
form .group .block { float: left; margin: 0 0 5px 0; width: 200px; }
form .group .block label, form .group .block input, form .group .block span,label.inline, label.inline span, label.inline input { display: inline !important; width:auto !important; float:none !important; } 

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

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

#dl_form dl{width:100%;
}

#dl_form dt{
	width:40%;
	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: 50%;

}

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

#dl_form input.submit{
	padding: 4px; font-weight: bold; background-color: lightgreen;
},




#captcha-image { margin: 0 0 5px 215px; }
#captcha-image img { display:block; }

/* BUTTONS */
button { padding:0;margin:0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; }
a.button,span.button { cursor: pointer;	display:block; display:inline-block; background:url(../images/button.png) no-repeat left top; vertical-align:middle; text-decoration:none; position:relative;	padding:0 0 0 13px; }	
a.button span,span.button span { display:block; white-space:nowrap; line-height:24px; background:url(../images/button.png) no-repeat right top; padding: 0 13px 0 0; color:#FFF; }
/*hover*/
button:hover span.button,a.button:hover { background-position: left bottom; }
button:hover span.button span,a.button:hover span { background-position: right bottom; }
/*alt button*/
a.alt, span.alt { background:url(../images/button-alt.png) no-repeat left top; }
a.alt span, span.alt span { color:#777; background:url(../images/button-alt.png) no-repeat right top; }