body { /*background: #999 url(images/background.jpg) no-repeat; */ } #container { width: 770px; margin: 0 auto } #masthead { position: absolute; height:135px; width:770px; top:20px; } #logo { position:absolute; left:2px; width: inherit; height:135px; background:url(images/logo-whole.gif) no-repeat; } #banner { position:absolute; right:2px; width:475px; height:135px; background: url(images/banner.gif) no-repeat; } #navi { margin-top:0px; left: 60px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; z-index:1; } .ul { margin: 40px 0 0 0; height:20px; padding:0; position:absolute; margin-top:172px; margin-left:20px; list-style:none; width:770px; font-size:13px; } .ul li { background: url(images/nav.gif) no-repeat; width:119px; float:left; margin: 0 0 0 20px; } .ul a { display:block; height:24px; width: 119px; line-height:24px; text-align:center; text-decoration: none; color:#000000; } .ul a:hover { color:#666666; } #content { font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; margin-top:175px; width:100%; max-width:770px; z-index:1; } h2 { font-size: 24px; font-weight: normal; line-height: 1; color: #CCCCCC; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 20px 30px 20px; } p { font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } .textbox { margin:0 auto; width: 700px; background: url(images/images/textbox_03.gif) no-repeat left bottom; } .textbox-outer { background: url(images/images/textbox_04.gif) no-repeat right bottom; padding-bottom:10px; } .textbox-inner { background: url(images/images/textbox_01.gif) no-repeat left top; padding-bottom:10px; } .textbox h2 { background: url(images/images/textbox_02.gif) no-repeat right top; padding-top: 10px; padding-left: 15px; padding-right: 0px; padding-bottom:50px; color:#333333; font-size:18px; } .textbox p { padding-left: 15px; padding-right: 20px; color:#333333; font-size:14px; width:95%; text-align:justify; } .textbox h3 { padding-left: 15px; padding-right: 20px; color:#333333; font-size:16px; } .textbox-inner img { float:right; padding-right:15px; padding-top:0px; padding-left:10px; padding-bottom:15px; } .box2 { margin: 135px 0 0 0; padding: 5px 0 5px 0; } .cbb { margin: 0 0 0 0; background: url(images/bg.png); padding: 0px 0 5px 0; } .cbb p, .cb p { margin: 0; } .cb { margin: 0.5em 0; line-height: 120%; } .bt { background:url(images/box.jpg) no-repeat 100% 0 !important; background:url(images/box.gif) no-repeat 100% 0; margin:0 0 0 18px; height:27px; } .bt div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box.jpg) no-repeat 0 0 !important; background:url(images/box.gif) no-repeat 0 0; } .bb { background:url(images/box.jpg) no-repeat 100% 100% !important; background:url(images/box.gif) no-repeat 100% 100%; margin:0 0 0 12px; height:14px; } .bb div { height:14px; width:12px; position:relative; left:-12px; background:url(images/box.jpg) no-repeat 0 100% !important; background:url(images/box.gif) no-repeat 0 100%; } .i1 { padding: 0 0 0 12px; background:url(images/borders.jpg) repeat-y 0 0 !important; background:url(images/borders.gif) repeat-y 0 0; } .i2 { padding: 0 12px 0 0; background:url(images/borders.jpg) repeat-y 100% 0 !important; background:url(images/borders.gif) repeat-y 100% 0; } .i3 { background: url(images/bg.jpg); border: 1px solid #990099; border-width:0px 0; padding:0 0 0 0; } .clear { clear: both; } .news { width: 99%; margin: 0 auto; } .news img { float: right; padding: 0px 5px 5px 5px; } .news p { float: left; width: 400px; margin: 10px; padding: 0px 0px 10px 5px; } .news a { color:#999999; text-decoration:underline; } .news h3 { font-size:16px; font-weight:600; } .clearfix:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } .news ul { padding:0; list-style:disc; width:400px; margin-top:230px; margin-left:10px; font-size:12px; } .news ul li { margin: 0 0 0 20px; } .product { width: 99%; margin: 0 auto; } .product img { float: right; padding: 50px 5px 5px 5px; } .product p { float: left; width: 500px; margin: 10px; padding: 0px 0px 10px 5px; } .product a { color:#999999; text-decoration:underline; } .product h3 { font-size:16px; font-weight:600; } .product h4 { font-size:14px; margin-left:15px; } .product ul { padding:0; list-style: disc; width:500px; margin-top:10px; margin-left:10px; font-size:13px; } .product ul li { margin: 0 0 0 20px; } .product2 { width: 99%; margin: 0 auto; } .product2 img { float:left; padding: 10px 0px 15px 10px; } .product3 img { margin:0 auto; padding-right: 15px; } .product2 p { float: left; width: 400px; margin: 10px; padding: 0px 0px 10px 5px; } .product2 a { color:#999999; text-decoration:underline; } .product2 h3 { font-size:16px; font-weight:600; } .product2 h4 { font-size:14px; margin-left:15px; } .product2 ul { padding:0; list-style:disc; width:500px; margin-top:10px; margin-left:10px; font-size:13px; } .product2 ul li { margin: 0 0 0 20px; } #wrapper { margin-top:-70px; padding-right:10px; } #legal { width:800px; color:#999999; font-size:10px; padding-left:30px; margin-top:-5px; } #legal a { color:#999999; text-decoration:none; } #legal a:hover { text-decoration:underline; }