/* Overall -------------------------------------------------- */ body { background: url(../images/layout/headerbg.png) #252525 top left repeat-x;color: #444444; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 12px; } body#home #nav li a#navhome { background-position: 0 -60px; } body#aboutus #nav li a#navaboutus { background-position: -164px -60px; } body#testimonials #nav li a#navtestimonials { background-position: -335px -60px; } body#brands #nav li a#navbrands { background-position: -571px -60px; } body#contactus #nav li a#navcontactus { background-position: -738px -60px; } body#testimonials #footShadow, body#aboutus #footShadow, body#contactus #footShadow, body#brands #footShadow { background: url(../images/layout/footShadow2.png) top left no-repeat;width: 1107px;height:28px; } /* -- Headings -- */ h1,h2,h3 { font-size: 18px;font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1 sub, h2 sub, h3 sub { display: block; font-size: 10px; vertical-align: baseline; } h4 { background: url(../images/layout/h4.png) top left repeat-x;font-size:24px;font-weight:normal; height:30px;padding:7px 0 0;margin: 0;width: 948px; } h4 img { float: left;margin: -7px 0 0 0; } /* -- Text -- */ p { margin:0 0 1em 0;line-height: 20px; } b, strong { font-weight:bold; } i, em { font-style:italic; } /* -- Links -- */ a:link, a:visited, a:hover, a:focus { color:#9d2f58; text-decoration: none;outline: none; } a:link { color:#9d2f58; text-decoration: none;outline: none; } a:visited { color:#9d2f58; text-decoration: none;outline: none; } a:hover { color:#9d2f58; text-decoration: none;outline: none; } a:focus { } /* Layout -------------------------------------------------- */ #header { background: url(../images/layout/header.png) top left no-repeat;width: 1107px;height: 184px; position: relative;z-index: 99999;margin: 0 auto; } #main { background: url(../images/layout/bg.png) top center repeat; } #content { background: url(../images/layout/contentbg.png) top left repeat-y;width: 949px;margin: 0 auto; padding: 38px 79px 0 79px;position: relative;z-index: 1;overflow:hidden; } #footer { height: 116px;position: relative;color: #646464; } /* Nav -------------------------------------------------- */ #nav { left:79px;margin:0 auto;position:absolute;top:161px;width:951px;z-index:2; } #nav li { display: inline; } #nav li a { background: url(../images/layout/nav.png) top left no-repeat;text-indent: -9999px;display: block; float: left;border: none;padding: 0;height: 60px;outline: none; } #nav li a#navhome { background-position: 0 0; width: 164px; } #nav li a#navaboutus { background-position: -164px 0; width: 171px; } #nav li a#navtestimonials { background-position: -335px 0; width: 236px; } #nav li a#navbrands { background-position: -571px 0; width: 167px; } #nav li a#navcontactus { background-position: -738px 0; width: 210px; } #nav li a:hover#navhome { background-position: 0 -60px; width: 164px; } #nav li a:hover#navaboutus { background-position: -164px -60px; width: 171px; } #nav li a:hover#navtestimonials { background-position: -335px -60px; width: 236px; } #nav li a:hover#navbrands { background-position: -571px -60px; width: 167px; } #nav li a:hover#navcontactus { background-position: -738px -60px; width: 210px; } /* Layout Helpers -------------------------------------------------- */ #footer a { color: #646464; font-style: italic; } #footer a:hover { color: #9d2f58; } .leftImg { position: absolute;top: 2px;left: 90px; } .leftFoot { position: absolute;top: 50px;left: 215px; } .rightFoot { position: absolute;top: 50px;right: 168px; } .rightImg { position: absolute;top: 2px;right: 82px; } #footShadow { background: url(../images/layout/footShadow.png) top left no-repeat;margin: 0 auto;width: 1107px; height: 30px; } #header span { position: absolute;top: 140px;left: 175px;color: #999822; } #signup { background: url(../images/layout/signupbg.png) top left no-repeat;width: 272px;height: 130px; position: absolute;top: 0;right: 80px;color: #ffffff; } #signup p { font-size: 12px;position: absolute;top: 19px;left: 30px; } #signup input { background: url(../images/layout/email.png) top left no-repeat;width: 131px;height: 17px; position: absolute;top: 44px;left: 27px;border: none;padding: 5px 5px 0 10px;font-size: 10px; color: #3a3a3e; } #signup button { background: url(../images/layout/signbutton1.png) top left no-repeat;position: absolute;top: 44px; right: 27px;border: none;width: 63px;height: 22px;font-size: 10px;color: #ffffff;font-weight: normal; margin: 0;padding: 0 0 2px 0; } #signup button:hover { background: url(../images/layout/signbutton2.png) top left no-repeat; } #watch { font-size:10px;left:63px;position:absolute;top:98px; } #watch a { color:#FFFFFF;outline: none; } #watch a:hover { color:#999822; } #play { background:url(../images/layout/play.png) top left no-repeat;position: absolute;top: 90px;left: 26px; } #play a { display:block;height:29px;text-indent:-9999px;width:28px;outline: none; } #play a:hover { background:url(../images/layout/play2.png) top left no-repeat; } /* Home Page -------------------------------------------------- */ #flash { left:84px;position:absolute;top:42px; } #welcome { left:727px;position:relative;top:5px;width:217px; } #homeRight { background: url(../images/layout/homerightbg.png) #52535d top left repeat-x;margin:6px 0 0; width:166px;padding: 25px 25px 0 25px;color: #ffffff; } #homeRight p { line-height: 23px; } #homeRight b { font-size: 20px;color: #abaa26; } /* Testimonials Page -------------------------------------------------- */ .testbg1 { background: #ddddb1;width: 648px;vertical-align: top; } .testbg1 p { margin: 0; } .testbg2 { background: url(../images/layout/logopattern.png) top center repeat;width: 310px;vertical-align: top; } .leftTest { position: relative;width: 648px;padding:0 0 10px; } .testImgLeft { height:166px;width:166px;position: absolute;top: 10px;left: 10px; } .testBorderLeft { left:10px;position:absolute;top:10px; } .testQuoteLeft { background: url(../images/layout/tbottomleft.png) bottom left no-repeat; padding:15px 0 0;position:relative;z-index:99999; } .testQuoteLeft p { background: url(../images/layout/tmiddleleft.gif) top left repeat-y;width: 398px; line-height: 22px; padding: 0 15px 0 40px;margin: 0; } .testQuoteLeft h5 { background: url(../images/layout/tmiddleleft.gif) top left repeat-y;padding: 0 15px 0 40px; font-weight: bold;font-size: 18px;font-family: Georgia; } .testQuoteBoxLeft { left:182px;position:relative;top:10px; } .rightTest { position: relative;width: 638px;padding:10px 0 0 10px; } .testImgRight { height:166px;width:166px;position: absolute;right: 13px;top:10px; } .testBorderRight { right:13px;position:absolute;top:10px; } .testQuoteRight { background: url(../images/layout/tbottomright.png) bottom Right no-repeat;padding:43px 0 0; position:relative;width:453px;z-index:9999; } .testQuoteRight p { background: url(../images/layout/tmiddleright.gif) top Right repeat-y;width: 385px; line-height: 22px;padding: 0 40px 0 28px; } .testQuoteRight h5 { background: url(../images/layout/tmiddleright.gif) top Right repeat-y;padding: 0 40px 0 28px; font-weight: bold;font-size: 18px;font-family: Georgia;margin:-26px 0 0; } .testQuoteBoxRight { left:0;position:relative;top:0; } .testImgRightCol { padding: 13px 0 7px 0;width: 269px;height: 216px; } .testBorderRightCol { width: 269px;height: 216px;position: absolute;top: 13px;left: 15px; } .rightColTest { position: relative;width: 268px;padding: 0 0 0 15px; } .rightColTest h5 { background:#ffffff;padding:0 12px;font-weight: bold;font-size: 18px;font-family: Georgia; } .rightColTest p { background:#ffffff;line-height: 22px;padding:0 12px;margin: 0;width:244px; } .testers td { height: 175px;vertical-align: top; } #store { padding: 20px 30px; } #store h5 { font-size: 24px;margin: 0 0 5px 0; } #store img { padding: 0 0 15px 15px;float:right; } #staff { padding: 20px 30px;background: url(../images/layout/logopattern.png) top center repeat; overflow:hidden;color: #ffffff;width: 888px; } #staff h5 { font-size: 24px;margin: 0 0 5px 0;color: #c4c496; } #staff img { float:left;padding:0 15px 15px 0; } #contactusBox { width: 553px;vertical-align: top; } #contactusBox table { width:553px; } #contactusBox td { font-size:14px;padding:9px 30px;width:60px; } #contactusBox td input { border:1px solid #CCCCCC;float:left;font-size:12px;padding:8px;width:400px; } #contactusBox td select { border:1px solid #CCCCCC;float:left;font-size:12px;padding:8px;width:418px; } #contactusBox td textarea { border:1px solid #CCCCCC;width:535px; } .contactusButton { background: #252525;color: #ffffff;width: 535px;font-weight: normal;border: none; height: 36px;margin:10px 0; } .contactusButton:hover { background: #4c4c53;color: #ffffff;border: none; } #contactusPic { background: url(../images/layout/logopattern.png) top center repeat;width: 395px;vertical-align: top; } #contactusPic img { padding: 20px;width:304px; } #contactusPic p { padding:0 20px;width:304px;color: #fff; } #brandsLinks { width:949px;margin:3px auto 0; } #brandsLinks td { padding:30px 50px 50px;vertical-align: top; } .tr1 { background: #f5f5e3; } .tr2 { background:url(../images/brands/blackbg.png) #252525 bottom left repeat-x; border-top: 5px #ccc solid;border-bottom: 5px #ccc solid; } .tr3 { background:url(../images/brands/whitebg.png) #ffffff bottom left repeat-x; } #brandsLinks a { color:#999822;display:block;font-size:13px;margin:0 auto;outline:none;text-align:center; width:200px; } #brandsLinks a:hover { color: #ae3763;font-size: 13px; } .detailstop { color:#8A98A2;font-family:Trebuchet MS;font-size:38px;font-weight:normal;left:0;letter-spacing:0.2em; position:relative;text-transform:uppercase;top:0;width: 948px;height: 150px;background: #252525; } .detailstop a { color:#FFFFFF;left:50px;position:relative;top:55px; } .detailstop a:hover { color: #999822; } #details { background: url(../images/layout/bdetailsbg.png) top left repeat-y;margin:-1px 0; } #details td { vertical-align: top; } #details td p { padding:0 0 0 40px;width:430px;line-height: 24px; } #details td p a { font-weight: bold; } #details td p a:hover, #details td a:hover { color: #999822; } #details td img { margin:0 0 0 -1px; } .back { bottom:10px;left:380px;position:relative; } .click { color:#CCCCCC;font-size:10px;left:160px;letter-spacing:0.4em;position:absolute;top:171px; } .firstPara { width: 430px;padding: 0 0 0 40px;font-size: 16px;color: #999822;line-height: 24px;font-family:trebuchet MS; } .tail { position: absolute;top:0;left:0; } #emailfield { display:none; }