/******************************************************************************** * * * Author : Ricky Stevens * * Web : http://www.phase8.com * * E-mail : studio ( at ) phase8 ( dot ) ( com ) * * Modified : 27-May-09 * * * * Copyright (c) 2009 Phase8. All Rights Reserved. * * Use of this code is not permitted without permission! * * * ********************************************************************************/ /*---------- Preset Tags -------------*/ body { margin: 0; background: #000 url('/interface/images/bg-slice.jpg') repeat-y top center; /* used to make PHP errors easier to read in development */ color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Tahoma; } img, img a { border: 0; } form { margin: 0; padding: 0; } input, select { margin: 0; padding: 0; } #website { margin: auto; width: 980px; height: auto; position: relative; overflow: hidden; font-size: 1px; } /*---------- Header Tags -------------*/ #header { float: left; clear: both; display: inline; width: 980px; height: 143px; } #header .left { float: left; width: 570px; height: 143px; } #header .left img { float: left; margin: 28px 0 0 11px; } #header .right { float: right; width: 345px; height: 143px; } #header .right .call-error-active{ position: absolute; top: 10px; right: 5px; width: auto; height: 16px; text-align: center; font-size: 10px; color: #fff; line-height: 16px; background:#d24455; padding: 0 15px 0 15px; font-weight: bold; border: 1px solid #991725; } #header .right .call { float: right; clear: both; display: inline; width: 219px; height: 20px; background: url('/interface/images/call-02.jpg') repeat-x; margin: 8px 0 0 0; } #header .right .call .inner { float: left; width: 219px; height: 20px; background: url('/interface/images/call-01.jpg') no-repeat center left; } #header .right .call .inner input[type="text"] { float: left; display: inline; width: 137px; height: 17px; border: 0; color: #999; background: transparent; margin: 3px 0 0 10px; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; } #header .right .call .inner input[type="submit"] { float: right; display: inline; width: 72px; height: 20px; border: 0; background: url('/interface/images/call-03.jpg') no-repeat; } #header .right .info { float: right; clear: both; display: inline; margin: 59px 0 0 0; width: 330px; } #header .right .info h1{ float: right; clear: both; display: inline; color: #b61525; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; padding: 0; margin: 0; font-size: 12px; } #header .right .info .number{ float: right; clear: both; display: inline; color: #66ccff; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; text-indent: 18px; text-align: center; padding: 0; margin: 0; font-size: 21px; width: 200px; height: 32px; line-height: 32px; background: url('/interface/images/phone.jpg') no-repeat center left; } /*---------- Menu Tags -------------*/ #menu { float: left; clear: both; display: inline; width: 980px; height: 37px; background: url('/interface/images/menu-bar-02.jpg') repeat-x; } #menu .left { float: left; width: 12px; height: 37px; background: url('/interface/images/menu-bar-01.jpg') no-repeat; } #menu .right { float: left; width: 968px; height: 37px; background: url('/interface/images/menu-bar-03.jpg') no-repeat center right; } #menu .center { float: left; width: 968px; height: 37px; background: url('/interface/images/menu-bar-04.jpg') no-repeat 207px 0; } #menu .center a{ color: #fff; text-decoration: none; } #menu .center .item { float: left; width: 110px; height: 29px; margin: 4px 0 4px 1px; color: #fff; font-family: "Lucida Grande", Arial, Tahoma; font-size: 14px; font-weight: bold; text-align: center; line-height: 29px; } #menu .center .item a{ display: block; width: 110px; height: 29px; color: #fff; text-decoration: none; background: url('/interface/images/menu-item-02.jpg') no-repeat 0px 0px; } #menu .center .item a:hover{ display: block; width: 110px; height: 29px; background: url('/interface/images/menu-item-02.jpg') no-repeat 0px -30px; } #menu .center .first { margin: 4px 0 4px 189px; } #menu .center .first a{ display: block; width: 110px; height: 29px; background: url('/interface/images/menu-item-01.jpg') no-repeat 0px 0px; } #menu .center .first a:hover{ display: block; width: 110px; height: 29px; background: url('/interface/images/menu-item-01.jpg') no-repeat 0px -30px; } /*---------- Search Tags -------------*/ #search { float: left; clear: both; display: inline; width: 980px; height: 35px; margin: 5px 0 10px 0; background: url('/interface/images/search-bar-02.jpg') repeat-x; } #search .left { float: left; width: 6px; height: 35px; background: url('/interface/images/search-bar-01.jpg') no-repeat; } #search .right { float: left; width: 974px; height: 35px; background: url('/interface/images/search-bar-03.jpg') no-repeat center right; } #search .right .text{ float: right; width: 195px; height: 35px; line-height: 35px; color: #fff; text-align: right; font-family: "Lucida Grande", Arial, Tahoma; font-size: 14px; font-weight: bold; } #search .right .dropdown{ float: right; width: auto; height: 25px; text-align: center; margin: 8px 5px 0 5px; } #search .right .dropdown select{width: 143px; height: 18px; border: 1px solid #458acc; background: #fff; color: #999; } #search .right .dropdown input{width: 22px; height: 18px; border: 1px solid #458acc; background: #fff; color: #999; margin: 0 0 0 5px; font-size: 9px; } /*---------- Content Tags -------------*/ #content { float: left; clear: both; display: inline; width: 980px; height: auto; color: #fff; font-size: 10px; font-family: "Lucida Grande", Arial, Tahomal; text-align: justify; line-height: 14px; } #content h2,h3,h4 { float: left; clear: both; display: inline; width: 601px; height: 40px; line-height: 40px; color: #fff; padding: 0; margin: 0; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 20px; } #content .left { float: left; display: inline; width: 601px; height: auto; } #content .right { float: right; display: inline; width: 325px; height: auto; } #content .right .header { float: left; clear: both; display: inline; width: 325px; height: 40px; line-height: 40px; color: #66ccff; padding: 0; margin: 0; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 18px; text-align: right; } /*---------- Footer Tags -------------*/ #footer { float: left; clear: both; display: inline; width: 980px; height: 139px; margin: 30px 0 10px 0; } #footer #contact { float: left; clear: both; display: inline; width: 980px; height: 37px; background: url('/interface/images/footer-02.jpg') repeat-x; } #footer #contact .left { float: left; width: 138px; height: 37px; background: url('/interface/images/footer-01.jpg') no-repeat; text-indent: 18px; color: #b71526; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 11px; line-height: 37px; } #footer #contact .right { float: left; width: 842px; height: 37px; background: url('/interface/images/footer-03.jpg') no-repeat center right; } #footer #contact .right #email { float: left; width: 87px; height: 20px; background: url('/interface/images/footer-mail.jpg') no-repeat center left; margin: 8px 0 0 10px; text-indent: 27px; line-height: 19px; color: #66ccff; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 12px; } #footer #contact .right #email a{ display: block; width: 87px; height: 20px; color: #66ccff; text-decoration: none; } #footer #contact .right #phone { float: left; width: 135px; height: 20px; background: url('/interface/images/footer-phone.jpg') no-repeat center left; margin: 8px 0 0 10px; text-indent: 27px; line-height: 19px; color: #66ccff; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 12px; } #footer #contact .right #phone a{ display: block; width: 118px; height: 20px; color: #66ccff; text-decoration: none; } #footer #contact .right #blog { float: left; width: 120px; height: 20px; background: url('/interface/images/footer-comment.jpg') no-repeat center left; margin: 8px 0 0 10px; text-indent: 29px; line-height: 19px; color: #66ccff; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 12px; } #footer #contact .right #blog a{ display: block; width: 120px; height: 20px; color: #66ccff; text-decoration: none; } #footer #contact .right #twitter { float: left; width: 222px; height: 20px; background: url('/interface/images/footer-twitter.jpg') no-repeat center left; margin: 8px 0 0 10px; text-indent: 69px; line-height: 19px; color: #66ccff; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 12px; } #footer #contact .right #twitter a{ display: block; width: 222px; height: 20px; color: #66ccff; text-decoration: none; } #footer #text { float: left; clear: both; display: inline; width: 980px; height: 46px; border-bottom: 1px solid #dbdbdb; } #footer #text .left { float: left; width: 300px; height: 46px; line-height: 46px; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; color: #66ccff; text-align: left; } #footer #text .right { float: right; width: 600px; height: 46px; line-height: 46px; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #b51424; text-align: right; } #footer #text .right a{ color: #66ccff; text-decoration: none; } #footer #group { float: left; clear: both; display: inline; width: 980px; height: 41px; margin: 14px 0 0 0; } #footer #group .links { float: left; width: 600px; height: 41px; text-align: left; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; color: #999; font-weight: bold; line-height: 12px; } #footer #group .links p{ margin: 0; padding: 0; color: #999; line-height: 12px; font-size: 10px; } #footer #group .links a{ color: #fff; text-decoration: none; } #footer #group img { float: right; }