/* MAIN STYLES */
body { margin: 5px 0; text-align: center; min-width: 1000px; background: url(images/bg.jpg) top center repeat-x #000000 fixed; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
h1 { color: #FF7F00; font-size: 1.9em; text-transform: capitalize; margin: 0px 0px 5px 0px; font-weight: normal; }
h2 { color: #FF7F00; font-size: 1.7em; text-transform: capitalize; margin: 0px 0px 5px 0px; font-weight: normal; }
h3 { color: #FF7F00; font-size: 1.5em; text-transform: capitalize; margin: 0px 0px 5px 0px; font-weight: normal; }
h4 { color: #FF7F00; font-size: 3.27em; text-transform: uppercase; margin: 0px 20px 0px 0px; font-weight: normal; text-align: right; }
h4 a { color: #FF7F00; text-decoration: none; }
h4 a:hover { color: #191919; }
h5 { color: #191919; font-size: 1.7em; margin: 15px 20px -10px 0px; font-weight: normal; text-align: right; }
h5 a { color: #FF7F00; text-decoration: none; }
h5 a:hover { color: #191919; }
a { color: #FFF; text-decoration: underline; }
a:hover { color: #6D6E73; text-decoration: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
* { behavior: url(scripts/iepngfix.htc); }
img { border: 0px; }
table { border: 0; width: 100%; }
.leftimg { float: left; margin: 0px 10px 10px 0px; }
.rightimg { float: right; margin: 0px 0px 10px 10px; }

/* FORM STYLES */
.instructions { font-size: 0.9em; vertical-align: top; padding: 2px 0px 5px 0px; }
table.form th { width: 25%; text-align: right; vertical-align: top; padding: 4px 5px 0px 0px; }
table.form td { vertical-align: top; }

/* PAGE STYLES */
#outer { margin: auto; width: 1000px; text-align: left; position: relative; }
#header { width: 1000px; height: 100px; position: relative; overflow: hidden; background: url(images/header-bg.jpg) repeat-x; }
#mainouter { background-color: #191919; position: relative; float: left; padding: 10px 20px 0 20px; width: 960px; }
#mainarea { width: 700px; position: relative; float: left; }
#catarea { background: #FFF; text-align: center; }
#mainright { width: 240px; position: relative; float: right; /*border: 1px solid red;*/ position: relative; top: -10px; }
.contfull { width: 680px; background: url(images/cont-bg-700.gif) no-repeat; padding: 10px; min-height: 130px; float: left; }
#mainfscont { position: relative; float: right; margin: 0 0 10px -10px; left: 10px; top: -25px; }
.examples { width: 700px; padding: 10px 0px; }
.examples a:hover img { opacity: 1.0; filter: alpha(opacity=100); }
.conthalf { width: 320px; background: url(images/cont-bg-340.gif) no-repeat; padding: 10px; float: left; min-height: 130px; }
.left { margin-right: 20px; }
#mainright .contright { width: 220px; background: url(images/cont-bg-240.gif) no-repeat; padding: 10px; margin-bottom: 10px; min-height: 120px; }
#mainright .brocreq { height: 50px; padding: -80px; margin: 10px 0 0 0; text-align: center; }
#mainright .brocreq img { position: relative; top: -80px; z-index: 9997; left: -20px; }
#mainright .brocreq p { position: relative; top: -105px; }
#mainright .newsletter { margin-bottom: -60px; }
#mainright .newsletter p.first { margin-top: 0; }
#mainright .newsletter form { width: 100%; text-align: center; }
/*#mainright .newsletter form input { padding: 3px; margin: 0; border: #CCC 1px solid; }*/
#mainright .newsletter form input.mailing { width: 150px; float: left; background: #FFF; border: #CCC 1px solid; }
/*#mainright .newsletter form input.butt { width: 60px; background: #FF7F00; cursor: pointer; border-left: 0; }*/
#mainright .other { width: 240px; padding: 0; margin-top: -50px; }
#mainright .galleries { margin-bottom: 0; }
#mainright .galleries h2 { margin: 0 0 -10px 0; }
#mainright .galleries img { margin-top: -10px; }
#mainright .products { margin-bottom: -20px; }
#mainright .cards { margin-top: 20px; margin-bottom: -70px; }
.clientleft { margin-right: 10px; }
#examplecont { width: 700px; height: 200px; overflow: hidden; }
#examplecont #mask { position: relative; top: -200px; }
p.intro { border-bottom: 1px solid #6D6E73; padding-bottom: 1em; }

#brands { position: relative; float: left; padding: 10px; width: 960px; background: url(images/cont-bg-960.gif) no-repeat; margin-top: 10px; min-height: 50px; text-align: center; }
#brands img { margin: 0 10px; }
#footer { width: 1000px; text-align: center; position: relative; float: left; background: url(images/footer-bg.jpg) repeat-x; color: #FFFFFF; font-size: 10px; padding: 9px 0 0 0; line-height: 15px; }
#footer a { color: #FFFFFF; }
#footer p { padding: 10px 0 0 0; }

/* CONTENT STYLES */
.slideshowholder { margin: 0px 15px 0px 0px; float: left; }
.slideshowholderrt { margin: 0px 0px 0px 0px; float: left; }

.terms h2 { margin: 0px; font-size: 1em; display: inline; }
.terms h2 a { color: #FF7F00; text-decoration: none; }
.terms li { margin: 1em 0 0 0; }
.terms ul ul li { margin: 0; }
.terms ol ol li { margin: 0; }

.productinfo { margin-bottom: -460px; }
.productinfo p, .productinfo h2, .productinfo ul { width: 420px; position: relative; bottom: 460px; }
.productinfo #imgcont { width: 380px; height: 450px; overflow: hidden; position: relative; left: 310px; bottom: 20px; }

.dlcont { width: 100%; position: relative; float: left; border-top: 1px solid #515151; padding: 5px 0; }
.dlcont img { float: left; margin: 0 10px 0 0; }

/* FIND STYLES */
.find h3 { margin: 0px; font-size: 1em; display: inline; }
.find h2 { border-top: #515151 1px solid; padding-top: 5px; }
#map { margin: 10px 0px 10px 0px; width: 678px; height: 398px; border: 1px solid #515151; }

/* MENU STYLES */
#menucontainer { height: 30px; width: 1000px; position: relative; float: left; z-index: 9996; background: url(images/menu.jpg) no-repeat; }
/* All <ul> tags in the menu including the first level */
#menucontainer .menulist { list-style: none; margin: 0px; padding: 0px; font-size: 1.1em; z-index: 9995; }
#menucontainer .menulist ul { margin: 0; padding: 0; list-style: none; background: url(images/sub-menu-bg.gif) repeat-x top #FF7F00; font-size: 1.1em; font-weight: normal; }
#menucontainer .menulist li a.top { float: left; height: 30px; overflow: hidden; text-indent: -9999px; background: url(images/menu.jpg) no-repeat;  }
#menucontainer .menulist a#nav_home { width: 57px; background-position: 0px 0px; }
#menucontainer .menulist a#nav_prod { width: 78px; background-position: -57px 0px; }
#menucontainer .menulist a#nav_gall { width: 76px; background-position: -135px 0px; }
#menucontainer .menulist a#nav_broc { width: 86px; background-position: -211px 0px; }
#menucontainer .menulist a#nav_bran { width: 79px; background-position: -297px 0px; }
#menucontainer .menulist a#nav_cont { width: 71px; background-position: -376px 0px; }
#menucontainer .menulist a#nav_temp { width: 144px; background-position: -447px 0px; }
#menucontainer .menulist a#nav_trad { width: 108px; background-position: -591px 0px; }

#menucontainer .menulist a#nav_home:hover { background-position: 0px -30px; }
#menucontainer .menulist a#nav_prod:hover { background-position: -57px -30px; cursor: default; }
#menucontainer .menulist a#nav_gall:hover { background-position: -135px -30px; cursor: default; }
#menucontainer .menulist a#nav_broc:hover { background-position: -211px -30px; }
#menucontainer .menulist a#nav_bran:hover { background-position: -297px -30px; cursor: default; }
#menucontainer .menulist a#nav_cont:hover { background-position: -376px -30px; }
#menucontainer .menulist a#nav_temp:hover { background-position: -447px -30px; }
#menucontainer .menulist a#nav_trad:hover { background-position: -591px -30px; }

#menucontainer .menulist a#nav_home:active { background-position: 0px -60px; }
#menucontainer .menulist a#nav_prod:active { background-position: -57px -60px; }
#menucontainer .menulist a#nav_gall:active { background-position: -135px -60px; }
#menucontainer .menulist a#nav_broc:active { background-position: -211px -60px; }
#menucontainer .menulist a#nav_bran:active { background-position: -297px -60px; }
#menucontainer .menulist a#nav_cont:active { background-position: -376px -60px; }
#menucontainer .menulist a#nav_temp:active { background-position: -447px -60px; }
#menucontainer .menulist a#nav_trad:active { background-position: -591px -60px; }

#menucontainer.home .menulist a#nav_home { background-position: 0px -60px !important; cursor: default; }
#menucontainer.prod .menulist a#nav_prod { background-position: -57px -60px !important; }
#menucontainer.gall .menulist a#nav_gall { background-position: -135px -60px !important; }
#menucontainer.broc .menulist a#nav_broc { background-position: -211px -60px !important; cursor: default; }
#menucontainer.bran .menulist a#nav_bran { background-position: -297px -60px !important; }
#menucontainer.cont .menulist a#nav_cont { background-position: -376px -60px !important; cursor: default; }
#menucontainer.temp .menulist a#nav_temp { background-position: -447px -60px !important; cursor: default; }
#menucontainer.trad .menulist a#nav_trad { background-position: -591px -60px !important; cursor: default; }

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul { display: none; position: absolute; white-space: nowrap; top: 30px; left: 0px; border: 1px solid; border-top: 0px; border-right-color: #BF5F00; border-bottom-color: #D76B00; border-left-color: #FF9F40; padding: 0 5px; }
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul { margin-top: 0; left: 148px; }
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li { float: left; position: relative; display: block; margin: 0px; }
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li { float: none; margin: 0; margin-bottom: -1px; }
.menulist ul>li:last-child { margin-bottom: 0px; /* Mozilla fix */ }
/* Links inside the menu */
.menulist ul a {  display: block; padding: 3px 10px 5px 10px; color: #000; text-decoration: none; }
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul a:hover, .menulist a.highlighted:hover, .menulist a:focus { color: #FFF; }
.menulist ul a.highlighted { color: #FFF; }
/* Only style submenu indicators within submenus. */
.menulist a .subind {  display: none; }
.menulist ul a .subind { display: block; float: right; }
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left; }
.menulist ul a { float: none; }
/* \*/
.menulist a { float: none; }
/* */
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li { float: left; width: 100%; }

* html .menulist ul li { height: 1%; }
* html .menulist ul a { height: 1%; }
/* End Hacks */

/* HORIZONTAL STEPS ARROW STYLES */
#steparrowcontainer { height: 50px; width: 700px; margin: 0 0 10px 0; position: relative; z-index: 9994; overflow: hidden; float: left; /*border-style: solid; border-width: 1px; border-color: orange*/ }
#steparrowcontainer #step  { margin: 0; padding:0; }
#steparrowcontainer #step li { display: inline; }
#steparrowcontainer #step li a { float: left; height: 0; padding-top: 50px; background-image: url(images/horizontal-step-arrows.jpg); background-repeat: no-repeat; }

#steparrowcontainer #step li#step_1 a { width: 250px; background-position: 0px 0px; }
#steparrowcontainer #step li#step_2 a { width: 223px; background-position: -250px 0px; }
#steparrowcontainer #step li#step_3 a { width: 227px; background-position: -473px 0px; }

#steparrowcontainer #step li#step_1 a:hover { background-position: 0px -50px; }
#steparrowcontainer #step li#step_2 a:hover { background-position: -250px -50px; }
#steparrowcontainer #step li#step_3 a:hover { background-position: -473px -50px; }

#steparrowcontainer #step li#step_1 a:active { background-position: 0px -50px; }
#steparrowcontainer #step li#step_2 a:active { background-position: -250px -50px; }
#steparrowcontainer #step li#step_3 a:active { background-position: -473px -50px; }

#steparrowcontainer.step_1 #step li#step_1 a { background-position: 0px -50px !important; cursor: default; }
#steparrowcontainer.step_2 #step li#step_2 a { background-position: -250px -50px !important; cursor: default; }
#steparrowcontainer.step_3 #step li#step_3 a { background-position: -473px -50px !important; cursor: default; }

/* PROCESS STYLES */
#processtabscontainer { height: 35px; width: 680px; margin-top: 10px; position: relative; z-index: 9998; overflow: hidden; }
#processtabscontainer #processtabs  { margin: 0; padding:0; }
#processtabscontainer #processtabs li { display: inline; }
#processtabscontainer #processtabs li a { float: left; height: 0; padding-top: 35px; background-image: url(images/process-tabs.jpg); background-repeat: no-repeat; }
#processtabscontainer #processtabs li#tab_print a { width: 227px; background-position: 0 0; }
#processtabscontainer #processtabs li#tab_embro a { width: 227px; background-position: -227px 0; }
#processtabscontainer #processtabs li#tab_trans a { width: 226px; background-position: -454px 0; }

#processtabscontainer #processtabs li#tab_print a:hover { background-position: 0 -35px; }
#processtabscontainer #processtabs li#tab_embro a:hover { background-position: -227px -35px; }
#processtabscontainer #processtabs li#tab_trans a:hover { background-position: -454px -35px; }

#processtabscontainer #processtabs li#tab_print a:active { background-position: 0 -70px; }
#processtabscontainer #processtabs li#tab_embro a:active { background-position: -227px -70px; }
#processtabscontainer #processtabs li#tab_trans a:active { background-position: -454px -70px; }

#processtabscontainer.print #processtabs li#tab_print a { background-position: 0 -105px !important; }
#processtabscontainer.embro #processtabs li#tab_embro a { background-position: -227px -105px !important; }
#processtabscontainer.trans #processtabs li#tab_trans a { background-position: -454px -105px !important; }

#processcontent { width: 658px; height: 475px; overflow: auto; padding: 10px; background-color: #191919; border: solid 1px #515151; border-top: 0; }
#processcontent h3 { border-top: #515151 1px solid; padding-top: 5px; }

/* BROCHURE STYLES */
#brochuretabscontainer { height: 35px; width: 680px; margin-top: 10px; position: relative; z-index: 9998; overflow: hidden; }
#brochuretabscontainer #brochuretabs  { margin: 0; padding:0; }
#brochuretabscontainer #brochuretabs li { display: inline; }
#brochuretabscontainer #brochuretabs li a { float: left; height: 0; width: 170px; padding-top: 35px; background-image: url(images/brochure-tabs.jpg); background-repeat: no-repeat; }
#brochuretabscontainer #brochuretabs li#tab_work a { background-position: 0px 0px; }
#brochuretabscontainer #brochuretabs li#tab_corp a { background-position: -170px 0px; }
#brochuretabscontainer #brochuretabs li#tab_leis a { background-position: -340px 0px; }
#brochuretabscontainer #brochuretabs li#tab_fash a { background-position: -510px 0px; }

#brochuretabscontainer #brochuretabs li#tab_work a:hover { background-position: 0px -35px; }
#brochuretabscontainer #brochuretabs li#tab_corp a:hover { background-position: -170px -35px; }
#brochuretabscontainer #brochuretabs li#tab_leis a:hover { background-position: -340px -35px; }
#brochuretabscontainer #brochuretabs li#tab_fash a:hover { background-position: -510px -35px; }

#brochuretabscontainer #brochuretabs li#tab_work a:active { background-position: 0px -70px; }
#brochuretabscontainer #brochuretabs li#tab_corp a:active { background-position: -170px -70px; }
#brochuretabscontainer #brochuretabs li#tab_leis a:active { background-position: -340px -70px; }
#brochuretabscontainer #brochuretabs li#tab_fash a:active { background-position: -510px -70px; }

#brochuretabscontainer.work #brochuretabs li#tab_work a { background-position: 0px -105px !important; }
#brochuretabscontainer.corp #brochuretabs li#tab_corp a { background-position: -170px -105px !important; }
#brochuretabscontainer.leis #brochuretabs li#tab_leis a { background-position: -340px -105px !important; }
#brochuretabscontainer.fash #brochuretabs li#tab_fash a { background-position: -510px -105px !important; }

#brochurecontent { width: 658px; height: 485px; overflow: auto; padding: 10px; background-color: #191919; border: solid 1px #515151; border-top: 0; }
#brochurecontent h3 a { color: #FF7F00; text-decoration: none; }