/* selector reset 
--------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, tablefieldset, form, fieldset, label, legend, select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

/* common selector layout 
--------------------------------*/

body { background: url(../images/background.png); line-height: 1; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; }
p { padding: 5px 0; margin: 0; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
strong, b { color: #D60303; }
a:link { color: #C30210; }
a:visited { color: #C30210; }
a:hover { color: #C30210; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }
/*.opacity { opacity: .60; filter: Alpha(opacity=60); } not valid css 2.1*/

h1.sifr-text,h2.sifr-text { margin:0;padding:0; }
select.text { border: 1px solid #999; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; }
textarea.text { padding: 2px; border: 1px solid #DDD9D3; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 790px; text-align:left; margin: 0 auto 0 auto; background: #D60303; }
#home div#content { background: url(../images/content-bg.jpg) repeat-x bottom #FFF; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#home div#content div#left { float: left; display: inline; width: 230px; margin: 21px 22px 0 26px; }
#home div#content div#left h1 { color: #FFF; padding: 8px 0 8px 26px; margin:0; background:#B2AB82; font-size: 12px; font-family:Arial, Helvetica, sans-serif; border-bottom: 1px solid #FFF; }
#home div#content div#right { float: left; display: inline; width: 453px; border-left: 1px solid #D6D5D4; padding: 5px 0 7px 13px; margin: 19px 0 30px 0; }
#home div#content div#right h1 { margin:0;padding:0 0 14px 0; }
#home div#content div#right div.text { margin: 0 0 22px 0;line-height: 1.4em; min-height: 178px; }
* html #home div#content div#right div.text { height: 178px; }

/* internal */
#internal { width: 790px; text-align:left; margin: 0 auto 0 auto; background: #D60303; }
#internal div#content { background: url(../images/content-bg.jpg) repeat-x bottom #FFF; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#internal div#content div#left { float: left; width: 153px; display: inline; margin: 18px 19px 0px 16px; background:#EBE7C1; border: 1px solid #CDC79C; }
#internal div#content div#left ul { color:#D60303; padding: 0;margin:5px 0px 0px 20px; list-style:none; width: 129px; }
#internal div#content div#left li a { display:block; padding: 5px 0 5px 11px; text-decoration:none; background:url(../images/subnav-li-bg.png) 0 8px no-repeat; width:118px; }
#internal div#content div#left li a:hover { text-decoration:underline; }
#internal div#content div#right { float: left; width: 546px; display: inline; margin: 20px 0 0 0; line-height: 1.4em; padding: 0px 15px 30px 0px; }
#internal div#content div#right h1 { margin:0 0 16px 0; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
#internal div#content div#right div.text { line-height: 1.4em; min-height: 261px; }
* html #internal div#content div#right div.text { height: 261px; }
#internal div#content div#right div.text img { display:inline; }

#shell { background:url(../images/shell-bg.png) repeat-y #FFF; margin: 0 13px 0 6px; padding: 0 0 0 7px; }
/*shared*/
#header { height: 95px; padding:0; margin: 0 13px 0 6px; background: url(../images/header-bg.png) no-repeat 0 bottom; position:relative; }
#header img#logo { width: 212px; height: 70px; position: absolute; left: 34px; top: 61px; z-index:20; }

#photos { margin: 0 11px 0; border: solid #000; border-width: 1px 0; width: 741px; padding: 3px 0; background:#FFF; }

#nav-top { float: right; display:inline; width: 258px; height: 22px; margin: 8px 0 18px 0; }
/* #slogan { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; clear:right; float: right; width: 390px; display:inline; margin: 0 80px 0 0; text-transform: uppercase; } use once commerce goes live*/
#slogan { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; clear:right; float: right; width: 390px; display:inline; margin: 48px 80px 0 0; text-transform: uppercase; }
#slogan span.title { color:#FFF; font-size: 16px; letter-spacing: 0em;}
#slogan span.text { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; border-top: 1px solid #E45656; margin: 5px 0 0 0; padding: 5px 0 0 0; letter-spacing: .3em; word-spacing: .4em; }
/*NAV*/
#nav ul { height: 10px; background: url(../images/nav-bg.jpg) repeat-x; list-style:none; margin:0;padding: 15px 0 12px 224px; }
#nav a { display: block; height: 10px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform: capitalize; margin: 0 11px; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 10px; text-indent: 0; text-transform:none; height: auto; width: 147px; color: #000; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #D60303; background: url(../images/dropdown-over-bg.png) no-repeat; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 10px;left: 0px; width: 160px; height: auto; margin:0;padding:0; list-style:none; border-top: 0px #DADCF6 solid; } /*dropdown properties*/
#nav li ul li { border: #E5E1BC solid; border-width: 0 0px 1px 0px; } /*borderbottom for ie6*/
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
/* display/don't display */
#nav ul ul,
#nav li:hover ul ul{ display: none; } /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{ display: block; background: #F3F1E2; } /*dropdown item properties*/

/* nav categories */
#nav li#nav-fibermat-processes { background: url(../images/nav-fibermat-processes.png); width: 138px; } 
#nav li#nav-fibermat-processes:hover {background-position: 0 -10px; }
#nav li#nav-media-gallery { background: url(../images/nav-media-gallery.png); width: 96px; } 
#nav li#nav-media-gallery:hover {background-position: 0 -10px; }
#nav li#nav-shop-online { background: url(../images/nav-shop-online.png); width: 82px; } 
#nav li#nav-shop-online:hover {background-position: 0 -10px; }
#nav li#nav-news { background: url(../images/nav-news.png); width: 35px; } 
#nav li#nav-news:hover {background-position: 0 -10px; }
#nav li#nav-contact-us { background: url(../images/nav-contact-us.png); width: 77px; } 
#nav li#nav-contact-us:hover {background-position: 0 -10px; }

#gallery { overflow:hidden; width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; background: #EBE7C1; border:#C8C399 solid 1px; }
#gallery img { border: #C8C399 solid 4px; margin: 5px; }
#gallery-heading { width: 90%; font-size:14px; color:#830908; border-bottom:#C8C399 solid 1px; }

#footer { color: #FFF; background: #D60303 url(../images/footer-bg.png) top left no-repeat; height: 45px; padding: 10px 0 0 0; text-align: center; margin: 0 0 0 6px; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #DDD9D3; text-decoration: underline; }
#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

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

/* forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }