/* BASIC STRUCTURE *******************************************************************************/ html {} body { margin: 0; padding: 0; color:#000; background:#fff; } #container { margin: 0 auto; width: 1028px; text-align:center; } #container-bg { float:left; margin: 0 auto; width: 1028px; text-align:center; background: #32c0ee ;} * html #container-bg { float:left; margin: 0 auto; width: 1018px; text-align:center; background: #32c0ee ;} p, td , div {color:#000; font-family: Arial, Verdana, Helvetica; font-size:12px; line-height:16px; } p, div {text-align:left; } /* LINKS and LIST *******************************************************************************/ a:link, a:visited { color: #054363; text-decoration:underline; } a:hover { color: #054363; text-decoration:none; } ul li {list-style: square url('images/arrow.png'); padding:0px 0px 6px 0px;} /* CONTENT AREA *******************************************************************************/ #content { position:relative; float:right; margin:0 auto; display:block; width: 820px; padding:20px 0px 20px 0px; } #content-back { position:relative; float:left; margin:0 auto; display:block; width: 820px; padding:20px 0px 20px 0px; } #content-back-articles { position:relative; float:left; margin:0 auto; display:block; width: 610px; padding:20px 0px 20px 0px; } #bottom { position:relative; display: block; float: left; margin: 0px auto; width: 815px; height:35px; background: #fff url(images/bottom.gif) no-repeat;} #content-back-articles #bottom { position:relative; display: block; float: left; margin: 0px auto; width: 615px; height:35px; background: #fff url(images/bottom-short.gif) no-repeat;} * html #content-back-articles #bottom { position:relative; display: block; float: left; margin: -20px auto; width: 615px; height:35px; background: #fff url(images/bottom-short.gif) no-repeat;} /* HEADER *******************************************************************************/ #header { float:left; margin: 0px auto; padding: 0px; height: 55px; width: 1028px; } #header #hdr { float: left; width: 467px; } #header #hdr-2 { float: left; width: 541px; } .header-home { display:block; background: url(images/logo.gif) no-repeat; height:49px; width: 467px; padding-top:6px; } .header-home span { display: none; } #content #header-2nd-level { float: left; margin: 0px auto; padding: 0px; height: 247px; width: 815px; background: #033d59 url(images/header.jpg) no-repeat;} #content #header-2nd-level #hdr { background: url(images/welcome.png) no-repeat; margin:60px 20px 20px 40px; padding-top:30px; width:508px; height:24px; behavior: url(iepngfix.htc); } #content #header-2nd-level #hdr h1 { display:none; } #content-back #header-2nd-level{ float: left; margin: 0px auto; padding: 0px; height: 247px; width: 815px; background: url(images/header-blank.jpg) no-repeat;} #content-back #header-2nd-level #hdr { margin:50px 20px 20px 30px; padding-top:10px; float: left; width: 400px; } #content-back #header-2nd-level #hdr .btn {margin:0px 10px 10px 200px; width:191px;} #content-back #header-2nd-level #hdr h1 { display:none; } #content-back #header-2nd-level #hdr-2 { float: left; margin:84px 10px 20px 10px; width: 297px; } #content-back #header-2nd-level-plain{ float: left; margin: 0px auto; padding: 0px; height: 34px; width: 815px; background: url(images/header-plain.gif) no-repeat;} #content-back-articles #header-2nd-level-plain{ float: left; margin: 0px auto; padding: 0px; height: 34px; width: 615px; background: url(images/header-plain-short.gif) no-repeat; } /*MAIN MENU top *********************************************************************************/ #main-menu-page { width:560px; margin:0px; padding:15px 0px 0px 0px; } #main-menu-page ul { float: right; margin:0px 10px 0px 0px; padding: 0; list-style: none; font-size: 12px; } #main-menu-page li {float: left; list-style: none; margin: 0px 5px 0px 5px; padding: 12px 8px 0px 15px; color: #ff9c1f; text-align:left; } #main-menu-page a, #main-menu-page a:link, #main-menu-page a:visited {color: #ff9c1f; font-family: tahoma, arial, verdana; font-weight:bold; text-decoration:none;} #main-menu-page a:hover { color: #eb4e09; } #main-menu-page li span {} #main-menu-page ul li.home a, #main-menu-page ul li.home a:link, #main-menu-page ul li.home a:active, #main-menu-page ul li.home {width:42px; height:26px; cursor:pointer;} #main-menu-page ul li.about a, #main-menu-page ul li.about a:link, #main-menu-page ul li.about a:active, #main-menu-page ul li.about {width:70px; height:26px; cursor:pointer;} #main-menu-page ul li.faq a, #main-menu-page ul li.faq a:link, #main-menu-page ul li.faq a:active, #main-menu-page ul li.faq {width:29px; height:26px; cursor:pointer;} #main-menu-page ul li.tips a, #main-menu-page ul li.tips a:link, #main-menu-page ul li.tips a:active, #main-menu-page ul li.tips {width:29px; height:26px; cursor:pointer;} #main-menu-page ul li.articles a, #main-menu-page ul li.articles a:link, #main-menu-page ul li.articles a:active, #main-menu-page ul li.articles {width:70px; height:26px; cursor:pointer;} #main-menu-page ul li.resources a, #main-menu-page ul li.resources a:link, #main-menu-page ul li.resources a:active, #main-menu-page ul li.resources {width:90px; height:26px; cursor:pointer;} #main-menu-page ul li.contact a, #main-menu-page ul li.contact a:link, #main-menu-page ul li.contact a:active, #main-menu-page ul li.contact {width:84px; height:26px; cursor:pointer;} #main-menu-page ul li.home a:hover, #main-menu-page ul li.about a:hover, #main-menu-page ul li.faq a:hover, #main-menu-page ul li.tips a:hover, #main-menu-page ul li.articles a:hover, #main-menu-page ul li.contact a:hover, #main-menu-page ul li.resources a:hover {position:relative;top:3px; border-top:3px solid #ff0000; } /* SIDEBAR LEFT *******************************************************************************/ #left { width:180px; padding:20px 0px 30px 10px; position:relative; float:left; } #left .box2 {float:left; width:160px; padding:10px; } #left .box2 ul {float:left; width:160px; margin:0px; padding:0px } #left .box2 ul li {list-style: none; padding:6px 4px; } #left .box2 a, #left .box2 a:active, #left .box2 a:link {color:#ffff99; font-weight:bold; } #left .box2 a:hover {list-style: none; padding:6px 0px; } /* MAIN BOXES *******************************************************************************/ #main { display: block; float: left; text-align:left; padding:0px 20px 10px 30px; margin: 0px auto; padding: 10px; width: 795px; background: #fff url(images/bg-content.jpg) repeat-y;} #main .box1 { margin:20px 5px 10px 5px; border:1px solid #d1d1d1; } .box1 h2 {padding-bottom:1px;margin-bottom:1px;} .box1 h4 {padding-top:1px;margin-top:1px;} .box-container {float:left; position:relative; margin-left:20px; width: 280px; } #main .box2 {float:left; width:260px; padding:20px; background:#c3bdbd; border:1px solid #f6f4f4;} #main .box2 ul {float:left; width:260px; margin:0px; padding:0px} #main .box2 ul li {list-style: none; padding:6px 0px;} #main2 { display: block; float: left; text-align:left; margin: 0px auto; padding: 10px; width: 795px; background: #fff url(images/bg-content.jpg) repeat-y; } #main2 .box1 { margin:0px; padding: 10px; } #main2 .box1 h2{ padding: 0px 0px 10px 0px; margin: 0px; font-size: 20px; color: #fd0000; } #main2 .box1 h3 { font-size: 15px; } /* MAIN BOXES - BACK *******************************************************************************/ #back { display: block; float: left; text-align:left; padding:0px 20px 10px 20px; margin: 0px auto; padding: 10px; width: 795px; background: #fff url(images/bg-content.jpg) repeat-y; min-height: 580px; height: auto;} * html #back {height: 580px; margin-top:-7px; } #content-back-articles #back { display: block; float: left; text-align:left; padding:0px 20px 10px 20px; margin: 0px auto; padding: 10px; width: 595px; background: #fff url(images/bg-content-short.jpg) repeat-y; min-height: 580px; height: auto;} * html #content-back-articles #back { display: block; float: left; text-align:left; margin: 0px auto; padding: 10px; width: 595px; background: #fff url(images/bg-content-short.jpg) repeat-y; min-height: 580px; height: auto;} #back .box1 { margin:5px 25px 10px 15px; } #back .box1 h1 {padding-bottom:1px;margin-bottom:1px; color:#ff0000;} #back .box1 h2 {padding-bottom:1px;margin-bottom:1px;} #back .box1 h4 {padding-top:1px;margin-top:1px;} .desc {width:730px; background:#fd0000; color:#fff; font-weight:bold; height:17px; margin:10px 0px; font-size:120%; padding:8px; } #right {float:left; position:relative; margin:30px 10px 20px 20px; } * html #right {float:left; position:relative; margin:30px 0px 20px 20px; } #editor {width:150px; padding:10px 10px 20px 10px; margin-left:10px; background:#5ecd25; border:1px solid #e5f0df; } #editor img .border {border:1px solid #fff; } #editor .editor-txt {color:#fff; } #editor .editor-txt a, #editor .editor-txt a:active, #editor .editor-txt a:link {color:#ffc; font-weight:bold; float:right; } #editor h2 {color:#ffff99; padding-top:0px; margin-top:2px;} #editor h1 {color:#fff; padding-top:0px; margin-top:2px; font-family: Tahoma, Arial;font-size:140%; border-bottom:1px solid #eaf6e4; } .2col-box {float:left; position:relative; width:300px; } #fatcow-banner { margin-left:10px; } /*TESTIMONIALS */ .testimonials-box { width:400px; border: 1px solid #bfbcbc; background-color: #fafaf9; padding: 20px 15px 20px 65px; background-image: url(images/bg-quote.gif); background-repeat: no-repeat; background-position: 10px 10px; margin-bottom:10px; line-height:18px; clear:both; } #testimonials {width:150px; padding:10px 10px 20px 10px; margin-top:20px; margin-left:10px; background:#ffcc00; border:1px solid #fbdf89; } #testimonials .testimonials-txt {color:#000; font-size:11px; } #testimonials .testimonials-txt a, #editor .editor-txt a:active, #editor .editor-txt a:link {color:#ffc; font-weight:bold; float:right; } #testimonials h2 {color:#000; padding-top:0px; margin-top:2px; font-size:140%; } #testimonials h1 {color:#fff; padding-top:0px; margin-top:2px; font-family: Tahoma, Arial;font-size:150%; border-bottom:1px solid #eaf6e4; } #testimonials img {float:right; margin-left:4px; border:1px solid #fff; } /* BOTTOM BOXES ***********************************************************************/ #bottom-box-container {margin:20px auto; text-align:left; width: 998px;} #bottom-box-container .box-tab {position:relative; float:left; text-align:center; width:243px; height:19px; padding:15px 0px; background: url(images/tab.gif) no-repeat; color:#fff; font-size:120%; font-weight:bold; } .bottom-box {float:left; width:978px; padding: 10px; background: url(images/bg-bottom.jpg) repeat-y;} * html .bottom-box {float:left; position:relative; top:-13px; width:978px; padding: 10px; background: url(images/bg-bottom.jpg) repeat-y;} #bottom-box-container .box {position:relative; float:left; padding:15px; width:212px; color:#fff; border-right:1px solid #57c0e5; } #bottom-box-container .box.last {position:relative; float:left; padding:15px; width:214px; color:#fff; } #bottom-box-container2 {float:right; margin:0px 50px 20px 0px; text-align:left; width: 764px; } #bottom-box-container2 .box-tab {position:relative; float:left; text-align:center; width:180px; height:19px; padding:15px 0px; background: url(images/tab.gif) no-repeat; color:#fff; font-family: Tahoma, Arial, Verdana; font-size:100%; font-weight:bold; } #bottom-box-container2 .box-tab-articles {position:relative; float:left; text-align:center; width:243px; height:19px; padding:15px 130px 15px 0px; background: url(images/tab.gif) no-repeat; color:#fff; font-family: Tahoma, Arial, Verdana; font-size:100%; font-weight:bold; } .bottom-box2 {float:left; width:764px; padding: 10px; background: url(images/bg-bottom.jpg) repeat-y;} * html .bottom-box2 {float:right; width: 740px; position:relative; top:-13px; padding:10px; background: url(images/bg-bottom.jpg) repeat-y;} #bottom-box-container2 .box {position:relative; float:left; padding:15px; width:180px; color:#fff; border-right:1px solid #57c0e5; } #bottom-box-container2 .box-articles {position:relative; float:left; padding:15px; width:350px; color:#fff; border-right:1px solid #57c0e5; } * html #bottom-box-container2 .box-articles {position:relative; float:left; padding:15px; width:280px; color:#fff; border-right:1px solid #57c0e5; } #bottom-box-container2 .box.last {position:relative; float:left; padding:15px; width:180px; color:#fff; } .box a, .box a:link, .box a:active {float:right; color:#f3fa30; } .box-articles a, .box-articles a:link, .box-articles a:active {color:#f3fa30; } /* TABLE *******************************************************************************/ table .review {background:#fff; padding:5px;} tr .title {background:#fd0000; color:#fff; font-weight:bold; text-align:center; height:26px; } .review tr td, .review2 tr td {text-align:center; font-weight:bold; padding:5px; } .review2 {background-color:#f8f6f6;} td.border1 {border-right:1px solid #04405e; border-bottom:1px solid #04405e; } td.border2 {border-bottom:1px solid #04405e; } td.border3 {border-right:1px solid #04405e;} /* FOOTER *******************************************************************************/ #footer { float:left; margin:0 auto; display:block; width:1028px; height: 100px; } #ftr-links { text-align:center; padding:16px 0 0 0; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 18px; color:#4a4a4a; font-size:11px; } #ftr-links a {color:#025773; font-size:11px; font-weight:bold; } #footer p { text-align: center;} #footer p.copyright { color: #777; } /* HEADINGS ******************************************************************************/ h1 { font-size: 180%; color:#033955; font-family: Arial, Tahoma; padding-bottom:4px;margin-bottom:4px; line-height:18px;} h2 { font-size: 140%; color:#000; font-family: Arial, Tahoma; padding-bottom:4px;margin-bottom:2px;} h3 { font-size: 100%; } h4 { font-size: 140%; color:#033955; font-family: Arial, Tahoma; padding-bottom:4px;margin-bottom:2px;} h5 { color: #fff; font-size: 15px; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; } /* MISC ******************************************************************************/ img, img a:visited, img a, img a:link, img a:active {border:0px; } .center {margin:7px auto;} .floatcenter {margin:0px 10px 5px 10px} .floatleft {float:left; margin-right:8px;} .floatright {float:right; margin-left:8px;} .clear { clear:both; font-size:1px; height:10px; } .italic { font-style:italic; } .line {border-bottom:1px solid white; height:0.1em;width:40em;} .designed {text-align:center; padding-top:10px; font-family:verdana; font-size:10px; color:#333; } .designed a, .designed a:active, .designed a:link {font-size:10px; color:#666666; }