/* CSS Document */ * { margin:0; padding:0; font-size:100%; } body{background:#fff; text-align:center; min-width:1000px;} img {vertical-align:top;} a img {border:0;} ul {list-style:none;} .left {float:left;} .right {float:right;} .clear {clear:both;} .alignright {text-align:right;} .alignleft {text-align:left;} .aligncenter {text-align:center;} html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#383838;} input, select {vertical-align:middle; font-weight:normal;} a {3:#3f3f3e; outline:none;} a:hover{text-decoration:none;} p {padding-top:17px;} .top { padding-top:5px; } .top1 { padding-top:12px; } .top1-1 { padding-top:16px; } .top2 { padding-top:23px; } .top3 { padding-top:26px; } .top4 { padding-top:31px; } .top5 { padding-top:68px; }.bot1 { padding-bottom:5px; } .bot2 { padding-bottom:10px; } .bot3 { padding-bottom:16px; } .bot5 { padding-bottom:30px; } .margin-top { margin-top:-3px; } .wrapper {width:100%; overflow:hidden;} .phone {display:inline-block; width:56px;} .phone1 {display:inline-block; width:80px;} /* ============================= main layout ====================== */ li {background:#fff; padding-left:12px; line-height:1.5em;} li a {color:#B6BDC3;} .imgindent {margin:0 20px 0 0; float:left;} .imgindent2 {margin:0 20px 80px 0; float:left;} h1 { padding:15px 0 12px 17px; position:relative; float:left; } * html h1 { padding:6px 0 12px 17px; } h1 a { display:block; height:78px; width:296px; text-indent:-5000px; background:url(images/logo.jpg) left top no-repeat; } h1 {font-size:17px; line-height:1.2em; color:#5D5D5D; margin-bottom:-1px;} h2 {font-size:17px; line-height:1.2em; margin-bottom:-1px;} h3 { font-size:16px; line-height:32px; color:#262626; letter-spacing:-1px; display:block; letter-spacing:normal; font-family:"sans-serif"; } h4 { font-size:11px; line-height:1.2em; color:#c6c6c6; text-transform:capitalize;} h5 { font-size:15px;} display:block; padding-bottom:9px; } h5 { font-size:20px; line-height:1.2em; color:#888888; display:block; padding-top:15px; } .h-top {padding-top:15px;} /* ============================= header ====================== */ .bg-top { background:url(images/top-bg.gif) left top repeat-x; width:297px; height:7px; margin:0 0px 0 16px; } .menu { float:right; padding:4px 0px 0 0; width:650px; } .menu ul { float:right; width:100%; } .menu li { background:url(images/menu-bg.gif) top right no-repeat; padding:0 0 0 0; float:left; font-size:17px; line-height:18px; float:left; } .menu li a { display:inline-block; padding:23px 17px 8px 17px; color:#000; text-decoration:none; height:29px; } .menu li a:hover, .menu .active { background:url(images/menu-hover.gif) left top repeat-x; color:#fff; } .sub-menu { float:right; padding:18px 0px 0 0; width:156px; } .sub-menu ul { width:100%; float:right; } .sub-menu li { background:url(images/sub-menu-bg.gif) left top no-repeat; padding-left:18px; float:left; } .sub-menu li a { display:block; margin:0 19px 0 0; } .sub-menu .first { background:none; } .header { background:url(images/header.jpg) top left no-repeat; height:417px; position:relative; } .header1 { background:url(images/header1.jpg) top left no-repeat; height:317px; position:relative; } .header2 { background:url(images/header2.jpg) top left no-repeat; height:317px; position:relative; } .button { position:absolute; top:250px; left:17px; background:url(images/button.jpg) 0 0 no-repeat; text-decoration:none; height:30px; width:244px; } .button2 { position:absolute; top:72px; left:1060px; } .search { position:absolute; top:75px; left:800px; } .button:hover { background:url(images/button-hover.jpg) 0 0 no-repeat; } .img2 { position:absolute; top:25px; left:80px; } /* ============================= content ====================== */ .content-indent { padding:27px 16px 39px 16px; } .content-indent1 { padding:27px 0px 39px 16px; } .col-indent { padding-right:18px; } .col-indent1 { padding-right:17px; } .col-indent2 { padding-right:48px; } .link { background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:16px 0 0 0px; color:#fafcfc; font-weight:bold; cursor:pointer; font-size:14px; text-transform:uppercase; } .link span { background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px; } .link span span { background:url(images/link-tail-bg.gif) top repeat-x; padding:6px 0px 6px 0px; } * html .link span span { padding:4px 0 8px 0; } *+ html .link span span { padding:4px 0 8px 0; } .link:hover { color:#f58605; } .text { font-size:10px; line-height:32px; color:#969696; text-transform:uppercase; display:block; margin:-13px 0 9px 0; } .color1 {color:#666666;} .color2 {color:#f8860e;} .color3 {color:#7da500;} .color4 {color:#f58605;} .color5 {color:#8d8d8d;} .color6{color:#4b4b4b;} .black {color:#000;} .list { padding:4px 0 0 0; } .list li { font-size:13px; line-height:30px; background:none; padding:0; } .list a { color:#707070; text-decoration:none; } .list a:hover { text-decoration:underline; } .list .l1 { background:url(images/icon4.gif) 1px 6px no-repeat; padding-left:27px; } .list .l2 { background:url(images/icon5.gif) 1px 6px no-repeat; padding-left:27px; } .list .l3 { background:url(images/icon6.gif) 1px 6px no-repeat; padding-left:27px; } .list .l4 { background:url(images/icon7.gif) 1px 6px no-repeat; padding-left:27px; } .list .l5 { background:url(images/icon8.gif) 1px 6px no-repeat; padding-left:27px; } .list-blue { padding-top:16px; } .list-blue li { background:url(images/list-blue.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-blue a { color:#949494; text-decoration:none; } .list-blue a:hover { text-decoration:underline; } .list-red { padding-top:16px; } .list-red li { background:url(images/list-red.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-red a { color:#949494; text-decoration:none; } .list-red a:hover { text-decoration:underline; } .list-yellow { padding-top:16px; } .list-yellow li { background:url(images/list-yellow.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-yellow a { color:#949494; text-decoration:none; } .list-yellow a:hover { text-decoration:underline; } .list-green { padding-top:16px; } .list-green li { background:url(images/list-green.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-green a { color:#949494; text-decoration:none; } .list-green a:hover { text-decoration:underline; } .list-brown { padding-top:0px; } .list-brown li { background:url(images/list-brown.gif) 0 9px no-repeat; padding-left:11px; font-size:12px; line-height:22px; } .list-brown a { color:#555555; text-decoration:none; } .list-brown a:hover { text-decoration:underline; } .row { background:url(images/row-bg.gif) 0 0 repeat-x #f3f3f3; min-height:274px; height:auto !important; height:274px; } .row-bg-top { background:url(images/row-bg-top.gif) 0 0 no-repeat; height:18px; } .row-1 { background:url(images/row-1-bg.gif) 0 0 repeat-x #292929; min-height:178px; height:auto !important; height:178px; font-size:12px; line-height:22px; color:#555555; } .row-1-indent{ padding:25px 0 30px 16px; } .box {background:#e4e2e1; width:250px; } .box .indent {padding:15px 21px 25px 15px; } .box .bottom-tail { background:url(images/box-bottom-tail.gif) left bottom repeat-x; } .box .top-tail { background:url(images/box-top-tail.gif) left top repeat-x; } .box .left-tail { background:url(images/box-left-tail.gif) top left repeat-y; } .box .right-tail { background:url(images/box-right-tail.gif) top right repeat-y; } .box .bottom-right { background:url(images/box-bottom-right.gif) bottom right no-repeat; } .box .bottom-left { background:url(images/box-bottom-left.gif) bottom left no-repeat; } .box .top-right { background:url(images/box-top-right.gif) top right no-repeat; } .box .top-left { background:url(images/box-top-left.gif) top left no-repeat; width:100%; } .box strong { color:#3f3f3e; } .date { background:url(images/date.jpg) 0 0 no-repeat; display:block; font-size:10px; padding:0 16px 0 0; line-height:12px; color:#626262; text-transform:uppercase; width:54px; height:57px; float:left; } * html .date { padding:0 13px 0 0; } .date em { float:left; font-size:28px; line-height:1.2em; padding:13px 0 0 12px; color:#5b5959; display:block; letter-spacing:-2px; margin-bottom:-7px; } .date strong { display:block; padding-left:14px; } .size { font-size:12px; } .width { width:289px !important; } .join { padding:4px 0 0 0; } .join img { margin:0 4px 0 0; } .img1 { position:absolute; top:200px; left:780px; } /* ============================= footer ====================== */ #footer { background:#232323; } .menu-1 { float:left; padding:14px 0 0 9px; } .menu-1 li { float:left; display:inline-block; background:url(images/menu-1-bg.gif) no-repeat right 4px; padding:0 8px 0 7px; font-size:12px; } .menu-1 .last { background:none; } .menu-1 a { display:block; color:#515151; padding:0; text-decoration:none; } .menu-1 a:hover, .menu-1 .active { color:#c0c0c0; } .policy { float:right; color:#515151; font-size:12px; padding:14px 27px 0 0; } .policy span { color:#c0c0c0; } .policy a { text-decoration:none; color:#515151; } .policy a:hover { color:#c0c0c0; } /* ============================= forms ============================= */ #form-1 { margin:10px 0px 0px 0; background:url(images/form-1-bg.jpg) no-repeat 0 0; width:222px; } #form-1 label { float:left; border:none; padding:12px 0 3px 0px; width:195px; } #form-1 .input { display:block; width:173px; padding:0px 11px 0px 11px; overflow:hidden; background:url(images/input-bg.gif) 0 0 no-repeat; border:none;} #form-1 input { width:178px; padding:6px 0px 6px 0px; overflow:hidden; background:none; border:none; font-size:12px; line-height:16px; color:#8f8f8f;} * html #form-1 input{ padding:4px 0 9px 0; } #form-1 a { margin:12px 0 0 0px; float:left; } #form-1 a.form { background:url(images/form-link.gif) 1px 5px no-repeat; padding-left:12px; font-weight:bold; display:block; } * html a.form { margin-top:8px !important; } #ContactForm { padding-top:37px; font-size:12px; line-height:18px; color:#8d8d8d; width:705px; } #ContactForm label { height:52px; display:block; } #ContactForm .link { margin:-8px 0px 0px 18px; } #ContactForm .column1 { float:left; width:280px; margin-right:34px; } #ContactForm .column2 { float:left; width:374px; } #ContactForm .input { width:164px; border:1px solid #c6c5c3; padding:2px 0 2px 3px; font-size:12px; line-height:14px; background:#fff; color:#a4a4a4; float:right; } #ContactForm textarea { width:240px; height:122px; border:1px solid #c6c5c3; background:#fff; padding:2px 0 0 3px; overflow:auto; font-size:1em; color:#a4a4a4; float:right; margin-right:0px; }/* CSS Document */ * { margin:0; padding:0; font-size:100%; } body{background:#fff; text-align:center; min-width:1000px;} img {vertical-align:top;} a img {border:0;} ul {list-style:none;} .left {float:left;} .right {float:right;} .clear {clear:both;} .alignright {text-align:right;} .alignleft {text-align:left;} .aligncenter {text-align:center;} html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#8d8d8d;} input, select {vertical-align:middle; font-weight:normal;} a {color:#3f3f3e; outline:none;} a:hover{text-decoration:none;} p {padding-top:17px;} .top { padding-top:5px; } .top1 { padding-top:12px; } .top1-1 { padding-top:16px; } .top2 { padding-top:23px; } .top3 { padding-top:26px; } .top4 { padding-top:31px; } .bot1 { padding-bottom:5px; } .bot2 { padding-bottom:10px; } .bot3 { padding-bottom:16px; } .bot5 { padding-bottom:30px; } .margin-top { margin-top:-3px; } .wrapper {width:100%; overflow:hidden;} .phone {display:inline-block; width:56px;} .phone1 {display:inline-block; width:80px;} /* ============================= main layout ====================== */ li {background:#fff; padding-left:12px; line-height:1.5em;} li a {color:#B6BDC3;} .imgindent {margin:0 20px 0 0; float:left;} h1 { padding:15px 0 12px 17px; position:relative; float:left; } * html h1 { padding:6px 0 12px 17px; } h1 a { display:block; height:78px; width:296px; text-indent:-5000px; background:url(images/logo.jpg) left top no-repeat; } h2 { font-size:26px; line-height:32px; color:#008cb2; letter-spacing:-1px; display:block; font-family:"MS Gothic Osaka"; } h3 { font-size:26px; line-height:32px; color:#262626; letter-spacing:-1px; display:block; letter-spacing:normal; } h4 { font-size:21px; line-height:1.2em; color:#c6c6c6; text-transform:capitalize; display:block; padding-bottom:9px; } h5 { font-size:20px; line-height:1.2em; color:#888888; display:block; padding-top:15px; } .h-top {padding-top:15px;} /* ============================= header ====================== */ .bg-top { background:url(images/top-bg.gif) left top repeat-x; width:297px; height:7px; margin:0 0px 0 16px; } .menu { float:right; padding:4px 0px 0 0; width:650px; } .menu ul { float:right; width:100%; } .menu li { background:url(images/menu-bg.gif) top right no-repeat; padding:0 0 0 0; float:left; font-size:17px; line-height:18px; float:left; } .menu li a { display:inline-block; padding:23px 17px 8px 17px; color:#000; text-decoration:none; height:29px; } .menu li a:hover, .menu .active { background:url(images/menu-hover.gif) left top repeat-x; color:#fff; } .sub-menu { float:right; padding:18px 0px 0 0; width:156px; } .sub-menu ul { width:100%; float:right; } .sub-menu li { background:url(images/sub-menu-bg.gif) left top no-repeat; padding-left:18px; float:left; } .sub-menu li a { display:block; margin:0 19px 0 0; } .sub-menu .first { background:none; } .header { background:url(images/header.jpg) top left no-repeat; height:417px; position:relative; } .header1 { background:url(images/header1.jpg) top left no-repeat; height:317px; position:relative; } .header2 { background:url(images/header2.jpg) top left no-repeat; height:317px; position:relative; } .button { position:absolute; top:250px; left:17px; background:url(images/button.jpg) 0 0 no-repeat; text-decoration:none; height:30px; width:244px; } .button:hover { background:url(images/button-hover.jpg) 0 0 no-repeat; } /* ============================= content ====================== */ .content-indent { padding:27px 16px 39px 16px; } .content-indent1 { padding:27px 0px 39px 16px; } .col-indent { padding-right:18px; } .col-indent1 { padding-right:17px; } .col-indent2 { padding-right:48px; } .link { background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:16px 0 0 0px; color:#fafcfc; font-weight:bold; cursor:pointer; font-size:14px; text-transform:uppercase; } .link span { background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px; } .link span span { background:url(images/link-tail-bg.gif) top repeat-x; padding:6px 0px 6px 0px; } * html .link span span { padding:4px 0 8px 0; } *+ html .link span span { padding:4px 0 8px 0; } .link:hover { color:#f58605; } .text { font-size:10px; line-height:32px; color:#969696; text-transform:uppercase; display:block; margin:-13px 0 9px 0; } .color1 {color:#ac1d72;} .color2 {color:#f8860e;} .color3 {color:#7da500;} .color4 {color:#f58605;} .color5 {color:#8d8d8d;} .color6{color:#4b4b4b;} .black {color:#000;} .list { padding:4px 0 0 0; } .list li { font-size:13px; line-height:30px; background:none; padding:0; } .list a { color:#707070; text-decoration:none; } .list a:hover { text-decoration:underline; } .list .l1 { background:url(images/icon4.gif) 1px 6px no-repeat; padding-left:27px; } .list .l2 { background:url(images/icon5.gif) 1px 6px no-repeat; padding-left:27px; } .list .l3 { background:url(images/icon6.gif) 1px 6px no-repeat; padding-left:27px; } .list .l4 { background:url(images/icon7.gif) 1px 6px no-repeat; padding-left:27px; } .list .l5 { background:url(images/icon8.gif) 1px 6px no-repeat; padding-left:27px; } .list-blue { padding-top:16px; } .list-blue li { background:url(images/list-blue.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-blue a { color:#949494; text-decoration:none; } .list-blue a:hover { text-decoration:underline; } .list-red { padding-top:16px; } .list-red li { background:url(images/list-red.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-red a { color:#949494; text-decoration:none; } .list-red a:hover { text-decoration:underline; } .list-yellow { padding-top:16px; } .list-yellow li { background:url(images/list-yellow.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-yellow a { color:#949494; text-decoration:none; } .list-yellow a:hover { text-decoration:underline; } .list-green { padding-top:16px; } .list-green li { background:url(images/list-green.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-green a { color:#949494; text-decoration:none; } .list-green a:hover { text-decoration:underline; } .list-brown { padding-top:0px; } .list-brown li { background:url(images/list-brown.gif) 0 9px no-repeat; padding-left:11px; font-size:12px; line-height:22px; } .list-brown a { color:#555555; text-decoration:none; } .list-brown a:hover { text-decoration:underline; } .row { background:url(images/row-bg.gif) 0 0 repeat-x #f3f3f3; min-height:274px; height:auto !important; height:274px; } .row-bg-top { background:url(images/row-bg-top.gif) 0 0 no-repeat; height:18px; } .row-1 { background:url(images/row-1-bg.gif) 0 0 repeat-x #292929; min-height:178px; height:auto !important; height:178px; font-size:12px; line-height:22px; color:#555555; } .row-1-indent{ padding:25px 0 30px 16px; } .box {background:#e4e2e1; width:219px; } .box .indent {padding:15px 21px 25px 15px; } .box .bottom-tail { background:url(images/box-bottom-tail.gif) left bottom repeat-x; } .box .top-tail { background:url(images/box-top-tail.gif) left top repeat-x; } .box .left-tail { background:url(images/box-left-tail.gif) top left repeat-y; } .box .right-tail { background:url(images/box-right-tail.gif) top right repeat-y; } .box .bottom-right { background:url(images/box-bottom-right.gif) bottom right no-repeat; } .box .bottom-left { background:url(images/box-bottom-left.gif) bottom left no-repeat; } .box .top-right { background:url(images/box-top-right.gif) top right no-repeat; } .box .top-left { background:url(images/box-top-left.gif) top left no-repeat; width:100%; } .box strong { color:#3f3f3e; } .date { background:url(images/date.jpg) 0 0 no-repeat; display:block; font-size:10px; padding:0 16px 0 0; line-height:12px; color:#626262; text-transform:uppercase; width:54px; height:57px; float:left; } * html .date { padding:0 13px 0 0; } .date em { float:left; font-size:28px; line-height:1.2em; padding:13px 0 0 12px; color:#5b5959; display:block; letter-spacing:-2px; margin-bottom:-7px; } .date strong { display:block; padding-left:14px; } .size { font-size:12px; } .width { width:289px !important; } .join { padding:4px 0 0 0; } .join img { margin:0 4px 0 0; } /* ============================= footer ====================== */ #footer { background:#232323; } .menu-1 { float:left; padding:14px 0 0 9px; } .menu-1 li { float:left; display:inline-block; background:url(images/menu-1-bg.gif) no-repeat right 4px; padding:0 8px 0 7px; font-size:12px; } .menu-1 .last { background:none; } .menu-1 a { display:block; color:#515151; padding:0; text-decoration:none; } .menu-1 a:hover, .menu-1 .active { color:#c0c0c0; } .policy { float:right; color:#515151; font-size:12px; padding:14px 27px 0 0; } .policy span { color:#c0c0c0; } .policy a { text-decoration:none; color:#515151; } .policy a:hover { color:#c0c0c0; } /* ============================= forms ============================= */ #form-1 { margin:10px 0px 0px 0; background:url(images/form-1-bg.jpg) no-repeat 0 0; width:222px; } #form-1 label { float:left; border:none; padding:12px 0 3px 0px; width:195px; } #form-1 .input { display:block; width:173px; padding:0px 11px 0px 11px; overflow:hidden; background:url(images/input-bg.gif) 0 0 no-repeat; border:none;} #form-1 input { width:178px; padding:6px 0px 6px 0px; overflow:hidden; background:none; border:none; font-size:12px; line-height:16px; color:#8f8f8f;} * html #form-1 input{ padding:4px 0 9px 0; } #form-1 a { margin:12px 0 0 0px; float:left; } #form-1 a.form { background:url(images/form-link.gif) 1px 5px no-repeat; padding-left:12px; font-weight:bold; display:block; } * html a.form { margin-top:8px !important; } #ContactForm { padding-top:37px; font-size:12px; line-height:18px; color:#8d8d8d; width:705px; } #ContactForm label { height:52px; display:block; } #ContactForm .link { margin:-8px 0px 0px 18px; } #ContactForm .column1 { float:left; width:280px; margin-right:34px; } #ContactForm .column2 { float:left; width:374px; } #ContactForm .input { width:164px; border:1px solid #c6c5c3; padding:2px 0 2px 3px; font-size:12px; line-height:14px; background:#fff; color:#a4a4a4; float:right; } #ContactForm textarea { width:240px; height:122px; border:1px solid #c6c5c3; background:#fff; padding:2px 0 0 3px; overflow:auto; font-size:1em; color:#a4a4a4; float:right; margin-right:0px; }/* CSS Document */ * { margin:0; padding:0; font-size:100%; } body{background:#fff; text-align:center; min-width:1000px;} img {vertical-align:top;} a img {border:0;} ul {list-style:none;} .left {float:left;} .right {float:right;} .clear {clear:both;} .alignright {text-align:right;} .alignleft {text-align:left;} .aligncenter {text-align:center;} html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#8d8d8d;} input, select {vertical-align:middle; font-weight:normal;} a {color:#3f3f3e; outline:none;} a:hover{text-decoration:none;} p { padding-top:7px; } .top { padding-top:5px; } .top1 { padding-top:12px; } .top1-1 { padding-top:16px; } .top2 { padding-top:23px; } .top3 { padding-top:26px; } .top4 { padding-top:31px; } .bot1 { padding-bottom:5px; } .bot2 { padding-bottom:10px; } .bot3 { padding-bottom:16px; } .bot5 { padding-bottom:30px; } .margin-top { margin-top:-3px; } .wrapper {width:100%; overflow:hidden;} .phone {display:inline-block; width:56px;} .phone1 {display:inline-block; width:80px;} /* ============================= main layout ====================== */ li {background:#fff; padding-left:12px; line-height:1.5em;} li a {color:#B6BDC3;} .imgindent {margin:0 20px 0 0; float:left;} h1 { padding:15px 0 12px 17px; position:relative; float:left; } * html h1 { padding:6px 0 12px 17px; } h1 a { display:block; height:78px; width:296px; text-indent:-5000px; background:url(images/logo.jpg) left top no-repeat; } h2 { font-size:26px; line-height:32px; color:#008cb2; letter-spacing:-1px; display:block; font-family:"MS Gothic Osaka"; } h3 { font-size:26px; line-height:32px; color:#262626; letter-spacing:-1px; display:block; letter-spacing:normal; } h4 { font-size:21px; line-height:1.2em; color:#c6c6c6; text-transform:capitalize; display:block; padding-bottom:9px; } h5 { font-size:20px; line-height:1.2em; color:#888888; display:block; padding-top:15px; } .h-top {padding-top:15px;} /* ============================= header ====================== */ .bg-top { background:url(images/top-bg.gif) left top repeat-x; width:297px; height:7px; margin:0 0px 0 16px; } .menu { float:right; padding:4px 0px 0 0; width:650px; } .menu ul { float:right; width:100%; } .menu li { background:url(images/menu-bg.gif) top right no-repeat; padding:0 0 0 0; float:left; font-size:17px; line-height:18px; float:left; } .menu li a { display:inline-block; padding:23px 17px 8px 17px; color:#000; text-decoration:none; height:29px; } .menu li a:hover, .menu .active { background:url(images/menu-hover.gif) left top repeat-x; color:#fff; } .sub-menu { float:right; padding:18px 0px 0 0; width:156px; } .sub-menu ul { width:100%; float:right; } .sub-menu li { background:url(images/sub-menu-bg.gif) left top no-repeat; padding-left:18px; float:left; } .sub-menu li a { display:block; margin:0 19px 0 0; } .sub-menu .first { background:none; } .header { background:url(images/header.jpg) top left no-repeat; height:417px; position:relative; } .header1 { background:url(images/header1.jpg) top left no-repeat; height:317px; position:relative; } .header2 { background:url(images/header2.jpg) top left no-repeat; height:317px; position:relative; } .button { position:absolute; top:250px; left:17px; background:url(images/button.jpg) 0 0 no-repeat; text-decoration:none; height:30px; width:244px; } .button:hover { background:url(images/button-hover.jpg) 0 0 no-repeat; } /* ============================= content ====================== */ .content-indent { padding:27px 16px 39px 16px; } .content-indent1 { padding:27px 0px 39px 16px; } .col-indent { padding-right:18px; } .col-indent1 { padding-right:17px; } .col-indent2 { padding-right:48px; } .link { background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:16px 0 0 0px; color:#fafcfc; font-weight:bold; cursor:pointer; font-size:14px; text-transform:uppercase; } .link span { background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px; } .link span span { background:url(images/link-tail-bg.gif) top repeat-x; padding:6px 0px 6px 0px; } * html .link span span { padding:4px 0 8px 0; } *+ html .link span span { padding:4px 0 8px 0; } .link:hover { color:#f58605; } .text { font-size:10px; line-height:32px; color:#969696; text-transform:uppercase; display:block; margin:-13px 0 9px 0; } .color1 {color:#ac1d72;} .color2 {color:#f8860e;} .color3 {color:#7da500;} .color4 {color:#f58605;} .color5 {color:#8d8d8d;} .color6{color:#4b4b4b;} .black {color:#000;} .list { padding:4px 0 0 0; } .list li { font-size:13px; line-height:30px; background:none; padding:0; } .list a { color:#707070; text-decoration:none; } .list a:hover { text-decoration:underline; } .list .l1 { background:url(images/icon4.gif) 1px 6px no-repeat; padding-left:27px; } .list .l2 { background:url(images/icon5.gif) 1px 6px no-repeat; padding-left:27px; } .list .l3 { background:url(images/icon6.gif) 1px 6px no-repeat; padding-left:27px; } .list .l4 { background:url(images/icon7.gif) 1px 6px no-repeat; padding-left:27px; } .list .l5 { background:url(images/icon8.gif) 1px 6px no-repeat; padding-left:27px; } .list-blue { padding-top:16px; } .list-blue li { background:url(images/list-blue.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-blue a { color:#949494; text-decoration:none; } .list-blue a:hover { text-decoration:underline; } .list-red { padding-top:16px; } .list-red li { background:url(images/list-red.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-red a { color:#949494; text-decoration:none; } .list-red a:hover { text-decoration:underline; } .list-yellow { padding-top:16px; } .list-yellow li { background:url(images/list-yellow.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-yellow a { color:#949494; text-decoration:none; } .list-yellow a:hover { text-decoration:underline; } .list-green { padding-top:16px; } .list-green li { background:url(images/list-green.gif) 0 8px no-repeat; padding-left:16px; font-size:13px; line-height:21px; } .list-green a { color:#949494; text-decoration:none; } .list-green a:hover { text-decoration:underline; } .list-brown { padding-top:0px; } .list-brown li { background:url(images/list-brown.gif) 0 9px no-repeat; padding-left:11px; font-size:12px; line-height:22px; } .list-brown a { color:#555555; text-decoration:none; } .list-brown a:hover { text-decoration:underline; } .row { background:url(images/row-bg.gif) 0 0 repeat-x #f3f3f3; min-height:274px; height:auto !important; height:274px; } .row-bg-top { background:url(images/row-bg-top.gif) 0 0 no-repeat; height:18px; } .row-1 { background:url(images/row-1-bg.gif) 0 0 repeat-x #292929; min-height:178px; height:auto !important; height:178px; font-size:12px; line-height:22px; color:#555555; } .row-1-indent{ padding:25px 0 30px 16px; } .box {background:#e4e2e1; width:219px; } .box .indent {padding:15px 21px 25px 15px; } .box .bottom-tail { background:url(images/box-bottom-tail.gif) left bottom repeat-x; } .box .top-tail { background:url(images/box-top-tail.gif) left top repeat-x; } .box .left-tail { background:url(images/box-left-tail.gif) top left repeat-y; } .box .right-tail { background:url(images/box-right-tail.gif) top right repeat-y; } .box .bottom-right { background:url(images/box-bottom-right.gif) bottom right no-repeat; } .box .bottom-left { background:url(images/box-bottom-left.gif) bottom left no-repeat; } .box .top-right { background:url(images/box-top-right.gif) top right no-repeat; } .box .top-left { background:url(images/box-top-left.gif) top left no-repeat; width:100%; } .box strong { color:#3f3f3e; } .date { background:url(images/date.jpg) 0 0 no-repeat; display:block; font-size:10px; padding:0 16px 0 0; line-height:12px; color:#626262; text-transform:uppercase; width:54px; height:57px; float:left; } * html .date { padding:0 13px 0 0; } .date em { float:left; font-size:28px; line-height:1.2em; padding:13px 0 0 12px; color:#5b5959; display:block; letter-spacing:-2px; margin-bottom:-7px; } .date strong { display:block; padding-left:14px; } .size { font-size:12px; } .width { width:289px !important; } .join { padding:4px 0 0 0; } .join img { margin:0 4px 0 0; } /* ============================= footer ====================== */ #footer { background:#232323; } .menu-1 { float:left; padding:14px 0 0 9px; } .menu-1 li { float:left; display:inline-block; background:url(images/menu-1-bg.gif) no-repeat right 4px; padding:0 8px 0 7px; font-size:12px; } .menu-1 .last { background:none; } .menu-1 a { display:block; color:#515151; padding:0; text-decoration:none; } .menu-1 a:hover, .menu-1 .active { color:#c0c0c0; } .policy { float:right; color:#515151; font-size:12px; padding:14px 27px 0 0; } .policy span { color:#c0c0c0; } .policy a { text-decoration:none; color:#515151; } .policy a:hover { color:#c0c0c0; } /* ============================= forms ============================= */ #form-1 { margin:10px 0px 0px 0; background:url(images/form-1-bg.jpg) no-repeat 0 0; width:222px; } #form-1 label { float:left; border:none; padding:12px 0 3px 0px; width:195px; } #form-1 .input { display:block; width:173px; padding:0px 11px 0px 11px; overflow:hidden; background:url(images/input-bg.gif) 0 0 no-repeat; border:none;} #form-1 input { width:178px; padding:6px 0px 6px 0px; overflow:hidden; background:none; border:none; font-size:12px; line-height:16px; color:#8f8f8f;} * html #form-1 input{ padding:4px 0 9px 0; } #form-1 a { margin:12px 0 0 0px; float:left; } #form-1 a.form { background:url(images/form-link.gif) 1px 5px no-repeat; padding-left:12px; font-weight:bold; display:block; } * html a.form { margin-top:8px !important; } #ContactForm { padding-top:37px; font-size:12px; line-height:18px; color:#8d8d8d; width:705px; } #ContactForm label { height:52px; display:block; } #ContactForm .link { margin:-8px 0px 0px 18px; } #ContactForm .column1 { float:left; width:280px; margin-right:34px; } #ContactForm .column2 { float:left; width:374px; } #ContactForm .input { width:164px; border:1px solid #c6c5c3; padding:2px 0 2px 3px; font-size:12px; line-height:14px; background:#fff; color:#a4a4a4; float:right; } #ContactForm textarea { width:240px; height:122px; border:1px solid #c6c5c3; background:#fff; padding:2px 0 0 3px; overflow:auto; font-size:1em; color:#a4a4a4; float:right; margin-right:0px; }