/*main css*/ body{font: 12pt open_sanscondensed_light, sans-serif;margin:0;padding:0;overflow-y:scroll;color:#222} a{border:0;outline:0} a:visited{border:0;outline:0} a span{border:0;outline:0} .menu{font: 10pt Arial, sans-serif;height:30px;} .menu a{color:#222;padding-right:40px;text-decoration:none} .menu a:hover{color:#F15F2A !important} .menu a.selected{color:#F15F2A !important} .menu h1{font: 38px BebasNeueRegular, Arial, sans-serif;margin-bottom:-20px;;margin-top:-20px;color:#444;} .inner{font: 12pt open_sanscondensed_light, sans-serif;color:#fff} .inner h1{font: 66px BebasNeueRegular, Arial, sans-serif;margin-bottom:-20px;;margin-top:-20px;color:#fff;} .inner h2{font: 38px BebasNeueRegular, Arial, sans-serif;margin-bottom:-10px;;margin-top:-10px;color:#fff;} .inner h3{font: 30px BebasNeueRegular, Arial, sans-serif;margin-bottom:-10px;;margin-top:-10px;color:#fff;} .inner h4{font: 20px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px;;margin-top:0px;color:#fff;} .inner .grey{color:#858584} .inner a{text-decoration:none;color:#fff} .inner a:hover{color:#F15F2A} #all{position:absolute;width:100%;height:400%;background:#fff;} #main{position:fixed;width:100%;height:126px;background:#fff;z-index:500} .fixed{position:fixed;} #header{position:fixed;width:1024px;height:115px;background:#fff;z-index:500} #header div{margin:5px 40px 0px 0px} #header .breadcrumb{height:20px} #header .logo{height:80px} #header .breadcrumb a{font-size:14px;text-decoration:none;color:#F15F2A} #first{position:relative;top:120px;width:100%;margin-left:auto;margin-right:auto;background:#fff;border: 1px solid} .intro{position:relative;width:680px;line-height:20px} .intro h2{font: 38px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px} .intro h3{font: 26px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px} .intro ul{margin-top:0px;margin-left:-40px} .intro ul li{list-style-position:outside;} .intro div{font-size:10pt;margin:40px;} .intro h4{font: 20px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px;color:#919191} .intro h4 a{text-decoration:none;color:#F15F2A !important} .intro .orange{color:#F15F2A !important} .intro .grey{color:#323232 !important} .intro .testimonial{font: 26px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px} #show{position:relative;overflow:hidden} #navprev{position:absolute;top:0px;left:0px;z-index:200;margin-left:0px;vertical-align:middle} #navnext{position:absolute;top:0px;right:0px;z-index:200;margin-right:0px;vertical-align:middle} #next{display:block;width:512px;height:556px} #prev{display:block;width:512px;height:556px} #nextim{display:block;width:512px;height:556px;background-image:url(SlideShowArrows/slideright.png)} #previm{display:block;width:512px;height:556px;background-image:url(SlideShowArrows/slideleft.png)} #aboutshow{position:relative;overflow:hidden} #aboutnavprev{position:absolute;top:0px;left:0px;z-index:200;margin-left:0px;vertical-align:middle} #aboutnavnext{position:absolute;top:0px;right:0px;z-index:200;margin-right:0px;vertical-align:middle} #aboutnext{display:block;width:250px;height:556px} #aboutprev{display:block;width:250px;height:556px} #aboutnextim{display:block;width:250px;height:500px;background-image:url(SlideShowArrows/aboutslideright.png)} #aboutprevim{display:block;width:250px;height:500px;background-image:url(SlideShowArrows/aboutslideleft.png)} /*#next:hover{background-image:url(SlideShowArrows/_right.png)} #prev:hover{background-image:url(SlideShowArrows/_left.png)}*/ #show .info{display:none;position:absolute;top:0px;left:0px;width:100%;height:500px;z-index:300;background:url(overlay.png)} #show .info .inner{margin:40px 40px 60px 40px} #show .info .inner .coname{font: 38px BebasNeueRegular, Arial, sans-serif;color:#fff} #show .info .inner .codesc{font: 12px Arial, sans-serif;color:#fff} #show .info .inner .matprodtitle{position:absolute;font: 17px BebasNeueRegular, Arial, sans-serif;color:#fff;bottom:20px} #show .info .inner .matprod{font: 12px Arial, sans-serif;color:#fff} #show .infotoggle{font: 18px BebasNeueRegular, Arial, sans-serif;z-index:400;position:absolute;top:-7px;right:0px;width:64px;height:34px;background-image:url(triangle.png);text-align:center;padding-top:5px;cursor:pointer} #show .infotoggle:hover{background-image:url(triangle_hover.png);color:#fff} .box .triangle{font: 14pt BebasNeueRegular, Arial, sans-serif;position:absolute;top:-9px;left:0px;width:64px;height:34px;background-image:url(triangle.png);text-align:center;text-decoration:underline;padding-top:5px} #second{position:relative;width:1024px;margin-left:auto;margin-right:auto;background:#fff} #footer{position:absolute;width:100%;height:auto;top:125px} .sidebar{font: 8pt Arial, sans-serif;font-weight:normal !important} .sidebar h4{font: 20px BebasNeueRegular, Arial, sans-serif;margin-top:5px;margin-bottom:0px;color:#919191} .sidebar .itemTitle a{font: 10pt Arial, sans-serif;font-weight:bold;margin-bottom:0px;height:25px;color:#006AC8;text-decoration:none; background:url(SmallArrowSet16px/smallarrows_gray_right_16px-01.png) no-repeat left center} .sidebar .itemTitle a:hover{text-decoration:underline} .sidebar h3{font: 25px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px} .sidebar a{text-decoration:none;color:#006AC8} .sidebar img{width:300px;height:auto}; #portfolio .info{text-decoration:none} #portfolio .info .headline{font: 25px BebasNeueRegular, Arial, sans-serif;margin-bottom:5px} #portfolio .overlay{} .portfolionext{display:block;width:40px;height:40px;margin:10px;background-image:url(MediumArrows/medium_normal_right.png);float:left} .portfolioprev{display:block;width:40px;height:40px;margin:10px;background-image:url(MediumArrows/medium_normal_left.png);float:left} .portfolionext:hover{background-image:url(MediumArrows/medium_orange_right.png)} .portfolioprev:hover{background-image:url(MediumArrows/medium_orange_left.png)} .portfolionextdisabled{display:block;width:40px;height:40px;margin:10px;background-image:url(MediumArrows/medium_normal_right.png);float:left} .portfolioprevdisabled{display:block;width:40px;height:40px;margin:10px;background-image:url(MediumArrows/medium_normal_left.png);float:left} #filtermark{margin-top:-4px} #filtermark td{height:40px;background:url(triangle.png) -10px -15px no-repeat;margin-left:-10px;} #filter td{font: 20px BebasNeueRegular, Arial, sans-serif;color:#323232;padding:2px} #filter td span{font: 12px Arial, sans-serif;color:#323232} #filter td .alphabetic{display:block;margin-top:5px;font: 20px Arial, sans-serif;letter-spacing:3px;font-weight:bold;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px} #filter td a{text-decoration:none;color:#323232} #filter td a:hover{color:#F15F2A} #portfolio tr td img{width:311px;height:auto;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:2px solid transparent} .contact{width:730px;font: 12px Arial, sans-serif;line-height:20px} .contact h2{font: 38px BebasNeueRegular, Arial, sans-serif;margin-bottom:0px} .contact input,.contact textarea{width:500px;border:0;resize:none;font-size:18px} .contact button{font: 22px BebasNeueRegular, Arial, sans-serif;padding:5px 10px;color:#222;background:#F0F0F0;border:1px solid#ccc;cursor:pointer} .contact button:hover{color:#fff;background:#F15F2A} .contact .error{font: 20px BebasNeueRegular, Arial, sans-serif} .footer{color:#fff} .footer h2{font: 38px BebasNeueRegular, Arial, sans-serif;margin-bottom:-20px} .footer .footermenu .fhm{font: 18px 'BebasNeueRegular', Arial, sans-serif;border-bottom:1px solid #fff} .footer .footermenu .fhb{font: 12px Arial, sans-serif;line-height:20px} .footer .footermenu .fhb a{text-decoration:none;color:#fff} .footer .footermenu .fhb a:hover{color:#F15F2A} .totop{font: 18px BebasNeueRegular, Arial, sans-serif} .totop a{text-decoration:none;color:#fff;padding-right:20px;background:url(SmallArrowSet16px/smallarrows_white_up_16px-01-01.png) no-repeat right center} .totop a:hover{color:#F15F2A;padding-right:20px;background:url(SmallArrowSet16px/smallarrows_orange_up_16px-01-01.png) no-repeat right center} .copyright{color:#858584;width:944px;font: 12px Arial, sans-serif;line-height:20px;border-top:1px solid}