/*--------------------------------------------*/ /*---------------[BASIC STYLES]---------------*/ /*--------------------------------------------*/ * { padding:0; margin:0; } body{background:#e2e2e2; background-image:url('../images/bg.jpg'); background-repeat:repeat-x; background-position:center top; color:#000000; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; behavior: url(iepngfix.htc); behavior: url(csshover3.htc); } img {behavior: url(iepngfix.htc)} img {border-style: none;} a {outline: none;} /*--------------------------------------------*/ /*---------------[HOME PAGE]------------------*/ /*--------------------------------------------*/ /************************************************ * Slider * ************************************************/ #main_container{margin:171px auto 0 auto; width:100%; height:399px; background-image:url('../images/feature_bg.png'); background-repeat:repeat-x;} #main_container_inside {margin:171px auto 0 auto; width:100%; height:59px; background-image:url('../images/inside-feature_bg.png'); background-repeat:repeat-x;} #home_feature_bg{position:relative; margin:0 auto 0 auto; width:975px; height:400px;} #feature_bg{position:relative; margin:0 auto 0 auto; width:975px;} #feature_container{position:absolute; width:975px; height:399px; margin:0px auto 0 auto;} #feature_container h3.title{font-size:16px; margin:0px 0px 10px 0px;} #logo{position:absolute; margin:-170px 0 0 83px;} #left_grad{position:absolute; margin-left:-10px;} #right_grad{position:absolute; margin-left:966px;} #nav_bottom{position:absolute; margin:57px 0 0 344px; z-index:1;} #DemoOptions{list-style:none;} #DemoOptions li{margin:0px 0px 20px 0px;} #DemoOptions li pre{padding:10px; margin:10px 0px 10px 0px; background:#f9f9f9 none repeat scroll 0 0; border-color:#dddddd #dddddd #dddddd #cccccc; border-style:solid; border-width:1px 1px 1px 3px; font-size:11px; width:95%;} #DemoOptions li pre code{padding:0px; margin:0px;} /************************************************ * Navbar * ************************************************/ #nav_wrap{position:relative;width: 960px;} #navbar {position:absolute; z-index:100; font-size: 15px; font-family: Helvetica, Arial, Trebuchet MS, Verdana; text-transform: uppercase; text-align: left; color: #FFFFFF; font-weight: bold; padding: 0px;} #navbar .menu {position: absolute; background: url(../images/nav_bg.png) no-repeat; outline:none; width:639px; margin:-45px 0 0 342px; padding: 0px; height: 47px; z-index:101; } /*** ESSENTIAL STYLES ***/ .menu, .menu * {margin: 0; padding: 0;list-style: none;} .menu {line-height: 1.0;} .menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */} .menu ul li {width: 100%; border: none; margin: 0px 0px 0px 0px;} .menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .menu li {float: left; position: relative;} .menu a {display: block; position: relative;} .menu li ul li {font-size:12px; text-align:left; text-transform: uppercase;} .menu li:hover ul, .menu li.sfHover ul {left: 0; top: 48px; /* match top ul list item height */ z-index: 99;} ul.menu li:hover li ul, ul.menu li.sfHover li ul {top: -999em;} ul.menu li li:hover ul, ul.menu li li.sfHover ul {left: 160px; /* match ul width */ top: 0;} ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top: -999em;} ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {left: 200px; /* match ul width */ top: 0;} /*** SKIN ***/ .home{margin:0 0 0 0px;} .menu_item {width:104px; height:47px; text-align:center;} .current_menu_item {width: 104px; text-align:center; z-index:150; position:absolute;} .menu .current_menu_item a {width:104px; height:20px; color: #2 !important;} .menu .first.current_menu_item { color: #242522 !important; z-index: 151;} .menu .first.current_menu_item a {color: #242522 !important; background: none;} .menu li li.current_menu_item a {color: #242522 !important; background: url(../images/sub_menu_bg_hover.png) #ABC749 !important;} .menu {margin-bottom: 0;} .menu a {border: none; padding: 13px 0 13px 0; text-decoration: none; line-height: 16px;} .menu li li a {border: none; padding: 6px 10px 5px 10px; text-decoration: none; text-transform: none; text-shadow: none;} .menu a, .menu a:visited {color: #F5F5F5; text-decoration: none;} .menu li {background: none;} .menu li li, .menu li.current_menu_item li a { z-index: 103; background: url(../images/sub_menu_bg.png) repeat-x; text-shadow: none;} .menu li li li {background: url(../images/subnav_bg.png) #8fc02c repeat-x;} .menu .sub a:hover, .menu .sub a.sfHover, .menu .sub a:focus, menu .sub a:active {background: url(../images/sub_menu_bg_hover.png) repeat-x;} .menu a:focus, .menu a:hover, .menu a:active {color: #242522; text-decoration: none;} .menu li:hover, .menu li.sfHover, .menu li:focus, .menu li:active {background: url(../images/nav_home_over.png) no-repeat !important; color: #242522; outline: 0;} .menu li.first {background: url(../images/nav_home_over.png) no-repeat;} /*** ARROWS **/ .menu a.sf-with-ul {padding-right: .5em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position: absolute; display: block; right: 10px; top: 16px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(/dpmw/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 14px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .menu ul .sf-sub-indicator {background-position: -10px 0;} .menu ul a > .sf-sub-indicator {top: 5px; background-position: 0 0;} /* apply hovers to modern browsers */ .menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} /************************************************ * Columns * ************************************************/ #col_footer {width: 930px; position: relative; margin:0 auto 0 auto; z-index:-1;} #contact_wrap {position:relative; margin:46px auto 0 auto; width:930px; height:258px; } #contact_div {position: absolute; margin:0 0 0 35px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color:#787878} .contact_title {font-size: 19px; color: #94ae1f;} #contact_logo {position: absolute; margin: -150px 0 0 700px;} #footer {position: relative; background-image: url(../images/footer_bg.png); height: 74px; margin:40px auto 0 auto;} #footer_wrap {position: relative; margin: 30px auto 0 auto; width: 930px; text-align:center;} #bottom {background: url(../images/bot_bg.png) repeat-x; text-align: left; padding: 0px; border:0; width: 100%; position:relative;} #content {background: url(../images/inside_body_bg.png) repeat-x; text-align: left; padding: 0px; border:0; width: 100%; position:relative;} #wrapper {text-align: left; padding: 0px; border:0; width: 931px; position:relative; margin: 0px auto 0 auto;} #side-a {float: left; width: 300px; height: 337px; background: url(../images/col_bg.png);} #side-b {float: right; width: 300px; height: 337px; background: url(../images/col_bg.png);} #col_content {float: left; width: 303px; height: 337px; background: url(../images/col_mid_bg.png); margin: 0 0 0 14px;} #wrapper:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #fp_col_title {position:absolute; margin:26px 0 0 40px; font-size:22px;} #fp_col_text {position:absolute; margin:190px 0 0 23px; font-family: Tahoma; font-size:13px; width:260px;} #fp_col_pic {position:absolute; margin:71px 0 0 23px; } #fp_col_but {position:absolute; margin:290px 0 0 148px; } #serv_col_title {position:absolute; margin:26px 0 0 63px; font-size:22px;} #serv_col_text {position:absolute; margin:190px 0 0 23px; font-family: Tahoma; font-size:13px; width:260px;} #serv_col_pic {position:absolute; margin:71px 0 0 23px; } #serv_col_but {position:absolute; margin:290px 0 0 150px; } #news_col_title {position:absolute; margin:26px 0 0 51px; font-size:22px;} #news_col_text {position:absolute; margin:190px 0 0 23px; font-family: Tahoma; font-size:13px; width:260px;} #news_col_pic {position:absolute; margin:71px 0 0 23px; } #news_col_but {position:relative; margin:290px 0 0 148px; } /*--------------------------------------------*/ /*---------------[INNER PAGE]-----------------*/ /*--------------------------------------------*/ #wrap {width:931px; margin:0 auto; font-family: Tahoma; font-size: 14px; line-height: 24px; color: #565656 ; z-index: 200;} #wrap ul {list-style-image:url(../images/square.png); margin: 0 0 0 20px;} #main {padding: 36px; float:right; width:673px; background: #f0f0f0;} .main_wrap {padding: 0 0 0 20px;} #main h3 {font-size: 19px; font-weight: normal;} #sidebar {float:left; width:186px; height: 400px; background: url(../images/inside-sidebar_bg.png) no-repeat;} #sidebar ul {margin: 25px 0 0 28px; padding: 0; line-height: 42px; list-style: none; font-weight: bold; font-size: 19px;} #sidebar ul a {text-decoration: none;} #sidebar ul a:link {color:#666666;} #sidebar ul a:active {color:#666666; } #sidebar ul a:visited {color:#666666; } #sidebar ul a:hover{color:#adc051; margin:0 0 0 5px; background: url(../images/sidebar_arrow.png) no-repeat; background-position: -15px 1px!important;} /*--------------------------------------------*/ /*---------------[ABOUT PAGE]-----------------*/ /*--------------------------------------------*/ #building {margin: 0 0 0 -36px;} .staff_title {font-size: 15px; color: #9dad4a; font-weight: normal;} /*--------------------------------------------*/ /*---------------[PRODUCTS PAGE]---------------*/ /*--------------------------------------------*/ .prod_wrap {width: 550px;} .prod_pic {background: url(../images/prod_pic.png);margin: 0px 0 0 -36px; float:left; width: 363px; height: 181px;} .prod_info {margin: 20px 0 0 0; float: right; text-align:left; width:215px;} .prod_pic_insert {margin: 35px 0 0 49px;} #prod_sidebar {float:left; width:186px; height: 400px; background: url(../images/inside-sidebar_bg.png) no-repeat;} #prod_sidebar ul {margin: 25px 0 0 34px; padding: 0; line-height: 42px; list-style: none; font-weight: bold; font-size: 19px;} #prod_sidebar ul a {text-decoration: none;} #prod_sidebar ul a:link {color:#666666;} #prod_sidebar ul a:active {color:#666666; } #prod_sidebar ul a:visited {color:#666666; } #prod_sidebar ul a:hover{color:#adc051; margin:0 0 0 5px; } /*--------------------------------------------*/ /*---------------[SERVICES PAGE]--------------*/ /*--------------------------------------------*/ #serv_wrap {width:931px; margin:0 auto; font-family: Tahoma; font-size: 14px; line-height: 24px; color: #565656; background:#f0f0f0;} #serv_wrap ul {list-style-image:url(../images/square.png); margin: 0 0 0 20px;} #serv_main {padding: 36px; float:left; width:570px; background: #f0f0f0; margin:0 0 0 30px;} #serv_sidebar {padding: 53px 36px 36px 36px;float:right; width:187px; height: 570px; background: url(../images/serv_sidebar_bg.png) no-repeat;} #serv_sidebar ul a {text-decoration: none;} #serv_sidebar ul a:link {color:#666666;} #serv_sidebar ul a:active {color:#666666; } #serv_sidebar ul a:visited {color:#666666; } #serv_sidebar ul a:hover{color:#adc051; margin:0 0 0 5px; } #powder {padding-bottom:25px;} #warehouse {padding-bottom: 25px;} /*--------------------------------------------*/ /*---------------[NEWS PAGE]------------------*/ /*--------------------------------------------*/ #news_main {height: 600px; padding: 36px; float:left; width:570px; background: #f0f0f0; margin:0 0 0 30px;} #news_sidebar {padding: 53px 36px 36px 36px; float:right; width:187px; height: 570px; background: url(../images/news_sidebar_bg.png) no-repeat;} #now {margin: 4px 0 0 -4px; } /*--------------------------------------------*/ /*---------------[CONTACT PAGE]---------------*/ /*--------------------------------------------*/ #contact_main {padding: 36px; float:left; width:875px; background: #f0f0f0; margin:0 0 0 30px;} #contact_wrap {width: 550px;} #contact_left {margin: 0 0 0 20px;float:left; width: 465px;} #contact_right {float: left; width:215px;} #contact_wrap a {color: #acc647; text-decoration: none; padding:5px;} #contact_wrap a:link {color:#acc647;} #contact_wrap a:active {color:#acc647; } #contact_wrap a:visited {color:#acc647; } #contact_wrap a:hover{color:#2f2f2f; background: #e2e2e2;} /************************************************ * Footer * ************************************************/ #col_footer {width: 930px; position: relative; margin:0 auto 0 auto; z-index:-1;} #contact_wrap {position:relative; margin:46px auto 0 auto; width:930px; height:258px; } #contact_div {position: absolute; margin:0 0 0 35px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color:#787878} .contact_title {font-size: 19px; color: #94ae1f;} #contact_logo {position: absolute; margin: -150px 0 0 700px;} #footer {font-family: Tahoma; font-size: 14px; color: #e6e7e7; position: relative; background-image: url(../images/footer_bg.png); height: 74px; margin:40px auto 0 auto;} #footer_wrap {position: relative; margin: 0 auto 0 auto; width: 930px; text-align:center; padding:20px;} #footer a {color: #e6e7e7; text-decoration: none; padding:5px;} #footer a:link {color:#e6e7e7;} #footer a:active {color:#e6e7e7; } #footer a:visited {color:#e6e7e7; } #footer a:hover{color:#2f2f2f; background: #e2e2e2;} .footer_spac {color: #abc749; font-weight: bold;}