body{padding:0px; margin:0px; background:#fff; color:#003300; font:14px/16px Arial, Helvetica, sans-serif;} div, p, ul, form, input, h2, h3, h4, img{ padding:0; margin:0; line-height: 1em; } ul{list-style-type:none;} /*----MAIN ----*/ #main{width:778px; position:relative; margin:0 auto;} /*----Left Menu----*/ #leftmenu{width:155px; float:left; background:#669933; color:#003300; border-bottom:1px solid #003300; border-left:1px solid #003300; border-right:1px solid #003300; padding:48px 0 0;} #leftmenu ul.one{width:127px; height:177px; margin:0 0 22px 14px;} #leftmenu ul.one li{width:127px; height:21px; border-bottom:1px solid #003300;} #leftmenu ul.one li a{width:93px; height:21px; display:block; background:url(images/arrow1.gif) 23px 8px no-repeat #669933; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px;} #leftmenu ul.one li a:hover{background:url(images/arrow2.gif) 23px 8px no-repeat #a7d038; color:#fff; text-decoration:none; padding:0 0 0 34px;} #leftmenu ul.one li.home{width:93px; height:21px; background:url(images/arrow2.gif) 23px 8px no-repeat #a7d038; color:#fff; text-decoration:none; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 34px;} #leftmenu ul.one li.contact{width:127px; height:21px; border-bottom:none;} #leftmenu h3{height:14px;background:#669933;color:#669933;font:18px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;padding:0 0 0 25px;} #leftmenu ul.two{width:127px; height:150px; margin:23px 0 22px 14px;} #leftmenu ul.two li{width:127px; height:18px;} #leftmenu ul.two li a{width:105px; height:18px; display:block; background:url(images/arrow3.gif) 12px 6px no-repeat #669933; color:#003300; font-size:13px; text-decoration:underline; padding:0 0 0 22px;} #leftmenu ul.two li a:hover{background:url(images/arrow1.gif) 12px 6px no-repeat #669933; color:#ffffcc; font-size:13px; text-decoration:underline;} #formbox {width:127px; height:95px; background:#99cc33; color:#669933; margin:0 14px 30px;border:1px solid #003300;} #formbox form.formtwo{width:127px;height:95px;} #formbox form.formtwo h2{width:117px;height:46px;background:#666600;color:#fff;font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;padding: 0 5px 0 5px} #formbox form.formtwo .input{width:70px; height:23px; background:url(images/button.gif) 0 0 no-repeat #336600; color:#fff; border:none; font:9px/9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase; margin:10px 0 0 50px;} #formbox input{width:104px; height:18px; display:block; background:#fff; color:#000; font:10px/12px Verdana, Arial, Helvetica, sans-serif; margin:8px 0 0 10px} #formbox2 { width:140px; height:120px; background:#99cc33; color:#fff; margin:0 5px 5px 5px; padding: 3px 2px 0px 2px; border:1px solid #003300; } #formbox2 form.formtwo{ width:140px; height:95px; } #formbox2 form.formtwo p{ width:130px; height:46px; color:#fff; font:12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif; padding: 5px 5px 0 5px; line-height: 1.2em; font-weight: bold; } /*----Right Panel----*/ #rightpanel{width:621px; float:left;} /*---Top Box----*/ #topbox{ width:600px; height:250px; padding:0 0 10px; background-image: url(images/trex_reflect_small.jpg); background-position:right top; background-repeat: no-repeat; } #topbox img.logo{ width:340px; height:204px; margin:3px 0 5px; } #topbox p{width:350px;height:18px;border:1px solid #D1C7A7;background:#fff;color:#010000;text-align:center;font-size:14px;font-weight: bold; padding: 5px 5px 5px 5px; margin-left: 50px;} #topbox ul{width:112px;position:absolute;top:10px;right:100px;} #topbox ul li{width:55px; height:38px; float:left;} #topbox ul li.pen{width:55px; height:38px; background:url(images/icon1-normal.gif) 0 0 no-repeat; border-right:1px solid #336600;} #topbox ul li.pen a{width:55px; height:38px; display:block; background:url(images/icon1-normal.gif) 0 0 no-repeat; text-indent:-20000px;} #topbox ul li.pen a:hover{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;} #topbox ul li.book{width:55px; height:38px; background:url(images/icon2-normal.gif) 0 0 no-repeat;} #topbox ul li.book a{width:55px; height:38px; display:block; background:url(images/icon1-norma2.gif) 0 0 no-repeat; text-indent:-20000px;} #topbox ul li.book a:hover{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;} /*--- Main Body ----*/ #bodymain{width:525px; padding:14px 40px 0 56px;} #bodymain h2{height:30px;background:#fff;color:#40361B;font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;} #bodymain p.content1{background:url(images/image1.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content2{background:url(images/image2.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content3{background:url(images/image3.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content4{background:url(images/image4.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content5{background:url(images/image5.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content6{background:url(images/image6.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content7{background:url(images/image7.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content8{background:url(images/image8.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content9{background:url(images/image9.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content10{background:url(images/image10.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content11{background:url(images/image11.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content12{background:url(images/image12.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content13{background:url(images/image13.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content14{background:url(images/image14.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content15{background:url(images/image15.gif) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.content16{background:url(images/image16.jpg) 0 8px no-repeat; padding:6px 10px 0 90px;} #bodymain p.more{background:url(images/more-line.gif) 0 90% repeat-x;} #bodymain p.more a{background:#fff;color:#336600;font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none; margin:0 0 0 325px; } #bodymain p.more a:hover{background:#a7d038; color:#ffffcc; text-decoration:none;} #bodymain form p.more{background:url(images/more-line.gif) 0 90% repeat-x;} #bodymain form p.more a{background:#fff; color:#336600; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 355px;} #bodymain form p.more a:hover{background:#a7d038; color:#ffffcc; text-decoration:none;} /*---Body Lower Panel----*/ #bodybottom{width:500px;padding:11px 0 0;position:relative;margin:0 auto;} #bodymenubottom{width:250px;padding:0 40px 0 0;float:left;} #bodymenubottom p{padding:20px 0;} #bodymenubottom h3{height:60px;background:#fff;color:#336600;font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; padding-bottom:2px} #bodymenubottom ul.list{width:290px;} #bodymenubottom ul.list li{width:290px; height:20px;} #bodymenubottom ul.list li a{height:20px; background:url(images/bullet1.gif) 0 3px no-repeat #fff; color:#000; line-height:20px; text-decoration:underline; padding:0 0 0 20px;} #bodymenubottom ul.list li a:hover{background:url(images/bullet2.gif) 0 3px no-repeat #fff; color:#cc0000; line-height:20px; text-decoration:underline;} #bodymenubottom p.more{background:url(images/more-line.gif) 0 90% repeat-x; padding:0px;} #bodymenubottom p.more a{background:#fff; color:#336600; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 193px;} #bodymenubottom p.more a:hover{background:#fff; color:#ff0000; text-decoration:none;} #bodybottomright{width:194px; float:left; border-bottom:1px solid #003300;} #bodybottomright h4{height:50px;background:#fff;color:#336600;font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;} #bodybottomright ul{width:162px; height:150px; padding:16px 16px 0; background:#a7d038; color:#fff;border-top:1px solid #003300;border-right:1px solid #003300;border-left:1px solid #003300;} #bodybottomright ul li{width:162px; height:27px; border-bottom:1px solid #336600;} #bodybottomright ul li a{width:142px;height:27px;background:url(images/arrow4.gif) 8px 6px no-repeat #a7d038;color:#336600;text-decoration: none;line-height:27px;padding:0 0 0 20px;font-weight: bold;} #bodybottomright ul li a:hover{background:url(images/arrow5.gif) 8px 6px no-repeat #a7d038; color:#ffff00; text-decoration:none; padding:0 0 0 20px;} #bodybottomright ul li.lastlink{border:none;} #bodybottomright p.more{width:194px; height:38px; background:url(images/more-bg.jpg) 24px 0 no-repeat #336600; color:#336600; padding:12px 0 0;} #bodybottomright p.more a{width:72px; background:#fff; color:#336600; font-size:13px; font-weight:bold; margin:0 0 0 77px; text-decoration:none; } #bodybottomright p.more a:hover{text-decoration:none;} #contactboxl{width:80px;padding:0 40px 0 0;float:left;} #contactboxl p{padding:3px 0;line-height: 2.2em;} #contactboxl h3{height:60px;background:#fff;color:#336600;font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; padding-bottom:2px} #contactboxl ul.list{width:290px;} #contactboxl ul.list li{width:290px; height:20px;} #contactboxl ul.list li a{height:20px; background:url(images/bullet1.gif) 0 3px no-repeat #fff; color:#000; line-height:20px; text-decoration:underline; padding:0 0 0 20px;} #contactboxl ul.list li a:hover{background:url(images/bullet2.gif) 0 3px no-repeat #fff; color:#cc0000; line-height:20px; text-decoration:underline;} #contactboxl p.more{background:url(images/more-line.gif) 0 90% repeat-x; padding:0px;} #contactboxl p.more a{background:#fff; color:#336600; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 193px;} #contactboxl p.more a:hover{background:#fff; color:#ff0000; text-decoration:none;} #contactboxr{width:370px;float:left;} #contactboxr h4{height:50px;background:#fff;color:#336600;font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;} #contactboxr ul{width:162px; height:150px; padding:16px 16px 0; background:#a7d038; color:#fff;border-top:1px solid #003300;border-right:1px solid #003300;border-left:1px solid #003300;} #contactboxr ul li{width:162px; height:27px; border-bottom:1px solid #336600;} #contactboxr ul li a{width:142px;height:27px;background:url(images/arrow4.gif) 8px 6px no-repeat #a7d038;color:#336600;text-decoration: none;line-height:27px;padding:0 0 0 20px;font-weight: bold;} #contactboxr ul li a:hover{background:url(images/arrow5.gif) 8px 6px no-repeat #a7d038; color:#ffff00; text-decoration:none; padding:0 0 0 20px;} #contactboxr ul li.lastlink{border:none;} #contactboxr p.more{width:194px; height:38px; background:url(images/more-bg.jpg) 24px 0 no-repeat #336600; color:#336600; padding:12px 0 0;} #contactboxr p.more a{width:72px; background:#fff; color:#336600; font-size:13px; font-weight:bold; margin:0 0 0 77px; text-decoration:none; } #contactboxr p.more a:hover{text-decoration:none;} /*----FOOTER ----*/ #footermain {height:100px;color:#fff;clear:both;padding:50px 0 0;} #footer{width:778px; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif;} #footer ul{width:580px; height:20px; position:relative; margin:0 auto;} #footer li{float:left; } #footer ul li a{padding:0 10px 0; color:#336600; background:#fff; text-decoration:none; font-size:12px;} #footer ul li a:hover{text-decoration:underline;color:#FF0000} #footer p.copyright{width:200px;position:relative;margin:0 auto;background:#fff;color:#336600;font-size:11px;} #footer ul.kissnet{width:100px;background:#fff;color:#444;display:block;position:absolute;top:50px;left:300px;font-size:10px;} #footer ul.kissnet li{height:20px;} #footer ul.kissnet li a{background:#fff; display:block; color:#666666; text-decoration:none;} #footer ul.kissnet li a:hover{text-decoration:underline;color:#FF0000}