/* CSS Document */

/*GLOBAL*/
html{margin:0px; padding:0px; width:100%; height:100%; font-family: Lucida Grande, Verdana, Helvetica, sans-serif; font-size:62.5%; color:#60432F;}
body{margin:0px; padding:0px; width:100%; height:100%; min-height:768px; min-width:965px; text-align:center; background:#f4efe9 url(../gui/bg_gradient.gif) repeat-x top;}

a, a:visited{text-decoration:none; outline-style: none;}
a:hover, a:active{border-bottom:1px dashed;}
h1, h2, h3, h4 , h5 , h6, p{margin:0px; padding:0px;}
ul{margin:0px; padding:0px; list-style:none;}

/* MAIN LAYOUT */
#container1{margin:0px auto; padding:0px; width:965px; position:relative; text-align:left; background:url(../gui/box_bg.gif) repeat-y top;}
#logo{margin:0px; padding:0px; width:965px; height:109px; display:block; position:absolute; background:url(../gui/logo.gif) no-repeat; z-index:3; text-indent:-9999px;}
#logo a{margin:0px; padding:0px; width:202px; height:85px; display:block; position:absolute; top:19px; left:3px;}
#tagline{margin:0px; padding:0px; width:291px; height:35px; display:block; position:absolute; background:url(../gui/tagline.gif) no-repeat; z-index:3; text-indent:-9999px; top:42px; left:225px}
a#catalog{margin:0px; padding:0px; width:183px; height:39px; display:block; position:absolute; background:url(../gui/btn_online.gif) no-repeat; z-index:3; text-indent:-9999px; top:40px; right:25px;}
a#catalog:hover{background:url(../gui/btn_online.gif) no-repeat 0px -39px; border:none;}
#menu{width:182px; height:269px; position:absolute; top:125px; left:14px; z-index:4;}
#submenu{width:190px; height:280px; position:absolute; top:410px; left:10px; z-index:4; background:url(../gui/submenu_bg.gif) no-repeat; padding:26px 0px 0px 1px;}
#menu2{width:141px; position:absolute; top:0px; left:207px; z-index:4;}

#box{margin:0px; padding-left:353px; width:596px; min-height:710px; _height:710px; position:relative;}
.about #box{background:url(../gui/content_bg_red.gif) repeat-y 207px;}
.contract #box{background:url(../gui/content_bg_orange.gif) repeat-y 207px;}
.containers #box{background:url(../gui/content_bg_tan.gif) repeat-y 207px;}
.protective #box{background:url(../gui/content_bg_green.gif) repeat-y 207px;}
.materials #box{background:url(../gui/content_bg_teal.gif) repeat-y 207px;}
.machinery #box{background:url(../gui/content_bg_brown.gif) repeat-y 207px;}

#content_top{width:742px; height:25px; position:absolute; top:109px; left:207px; z-index:4;}
.about #content_top{background:url(../gui/content_top_red.gif) no-repeat;}
.contract #content_top{background:url(../gui/content_top_orange.gif) no-repeat;}
.containers #content_top{background:url(../gui/content_top_tan.gif) no-repeat;}
.protective #content_top{background:url(../gui/content_top_green.gif) no-repeat;}
.materials #content_top{background:url(../gui/content_top_teal.gif) no-repeat;}
.machinery #content_top{background:url(../gui/content_top_brown.gif) no-repeat;}

#content_bottom{margin:0px; padding:0px; width:949px; height:23px; position:relative;}
.about #content_bottom{background:url(../gui/content_bottom_red.gif) no-repeat 207px bottom;}
.contract #content_bottom{background:url(../gui/content_bottom_orange.gif) no-repeat 207px bottom;}
.containers #content_bottom{background:url(../gui/content_bottom_tan.gif) no-repeat 207px bottom;}
.protective #content_bottom{background:url(../gui/content_bottom_green.gif) no-repeat 207px bottom;}
.materials #content_bottom{background:url(../gui/content_bottom_teal.gif) no-repeat 207px bottom;}
.machinery #content_bottom{background:url(../gui/content_bottom_brown.gif) no-repeat 207px bottom;}

#box_bottom{margin:auto; padding:0px; width:965px; height:4px; position:relative; background:url(../gui/box_bottom.gif) no-repeat;}

#content{margin:162px 0px 0px 0px; padding:0px; width:596px; position:relative; float:left;}
#content .text{font-size:1.2em; line-height:1.44em;}
#content ul, #content ol{margin:0px; padding:10px 0px 10px 26px; list-style-type:circle;}
#title{position:absolute; display:block; top:0px; left:0px;}
.subtitle{font-weight:bold; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; word-spacing:normal;}
.text{margin:0px; padding:70px 56px 40px 48px; display:block;}
.text img{border:1px solid #A0927F;}
.navText{font-variant:small-caps; font-size:.9em;}

.about .text a, .about .subtitle{color:#870C2F;}
.contract .text a, .contract .subtitle{color:#B55C21;}
.containers .text a, .containers .subtitle{color:#847766;}
.protective .text a, .protective .subtitle{color:#2A5132;}
.materials .text a, .materials .subtitle{color:#015054;}
.machinery .text a, .machinery .subtitle{color:#3A1404;}


#copyright{margin:4px auto; padding:0px 0px 60px 20px; display:block; width:937px; position:relative; color:#a0927f; line-height:1.6em; font-size:1.1em; text-align:left;}
#copyright a{color:#a0927f;}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}
