/* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; margin: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Remove outline from images and links */ a { outline: none; } img { outline: none; } .clear { clear: both; } html { width: 100%; overflow-x: hidden; } body { margin: 0; padding: 0; line-height: 1; background: #515151; font-family: "helvetica neue", helvetica, sans-serif; font-size: 12px; width: 100%; overflow-x: hidden; min-width: 1000px; } #mainWrap { background: #f3f0ea; width: 100%; min-height: 470px; float: left; min-width: 1000px; } a { color: inherit; } a:hover { text-decoration: none; } ::selection { background: rgba(221, 198, 98, .5); } blockquote { color: #666; padding: 1px 0 1px 26px; border-top: 0 dotted; border-bottom: 0 dotted; border-left: 2px dotted #ddd; margin: 10px 0 0 10px; font-family: georgia; font-style: italic; } strong { font-weight: bold; } em { font-style: italic; } /* End Utility */ /* Header */ #headerWrap { background: #db4e1a; border-bottom: 1px solid #aa3b11; height: 115px; width: 100%; position: relative; z-index: 3; } header { margin: 0 auto; width: 960px; height: 115px; display: block; background: url(../img/headerBG.png) no-repeat; } #logo { float: left; } #logo a { background: url(../images/siteLogo.png) no-repeat; width: 235px; height: 71px; text-indent: -9999px; display: block; margin: 22px 0 0; float: left; } #logo a:active { position: relative; top: 1px; } /* End Header */ /* Navigation */ nav { float: right; margin: 50px 0 0; position: relative; } nav #upperLink { position: absolute; top: -35px; right: 20px; color: #fff; text-decoration: none; opacity: .75; border-bottom: 1px dotted #fff; } nav #upperLink:hover { border-bottom: none; } nav ul li { float: left; margin: 0 3px; } nav ul li a { font-family: "knockout-50", impact; text-transform: uppercase; text-shadow: -1px -1px 0 #ad4923; color: #fff; font-size: 16px; text-decoration: none; padding: 5px 17px 5px; letter-spacing: 1px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; float: left; margin: -6px 0 0 0; width: auto; } nav ul li.current a, nav ul li a:hover { border: 1px solid #dd5827; box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset; text-shadow: -1px -1px 0 #a38b3b; background: -moz-linear-gradient(top, #d6b84e 0%, #caaa46 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6b84e), color-stop(100%, #caaa46)); background: -webkit-linear-gradient(top, #d6b84e 0%, #caaa46 100%); background: -ms-linear-gradient(top, #d6b84e 0%, #caaa46 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d6b84e', endColorstr='#caaa46'); } nav ul li a:active { top: 1px; position: relative; } /* End Navigation */ /* Footer */ #footerWrap { background: #515151; border-top: 1px solid #545556; clear: both; } footer { width: 960px; margin: 0 auto; height: 155px; background: url(../img/footerBG.png) no-repeat; display: block; } footer #footerLogo a { width: 66px; height: 120px; display: block; background: url(../images/siteLogoFooter.png) no-repeat; float: left; margin: -2px 0 0 0; text-indent: -9999px; } footer #footerLogo a:active { position: relative; top: 1px; } footer #footerLeft { float: left; margin-top: 30px; } footer #footerLeft p { color: #f3f0ea; text-shadow: -1px -1px 0 #424242; font-weight: 400; font-size: 12px; float: left; clear: left; margin: 10px 0px 0px 30px; } footer #footerLeft p a:hover { text-decoration: none; } footer .footerNav { float: left; clear: left; margin: 30px 0 0 30px; } footer .footerNav ul li { float: left; } footer .footerNav ul li span.separator { text-shadow: -1px -1px 0 #4c4d4e; color: #ada9a2; margin: 0 7px; } footer .footerNav ul li:last-child span.separator { display: none; } footer .footerNav ul li a { text-shadow: -1px -1px 0 #4c4d4e; color: #ada9a2; text-decoration: none; } footer .footerNav ul li.current a, footer .footerNav ul li a:hover { color: #f3f0ea; } footer #footerRight { float: right; width: 300px; } footer #footerRight .footerNav { float: right; } footer #footerRight h4 { color: #F3F0EA; font-family: "knockout-71", impact; font-size: 28px; text-transform: uppercase; letter-spacing: 1px; margin: 36px 0 10px; text-align:right; } .right { float:right; } /* End Footer */ /* Content */ section.contentWrap { background: url(../img/pageBG.png) no-repeat 50% 0; min-height: 300px; float: left; width: 100%; padding-bottom: 80px; } section.contentWrap h1 { font-size: 44px; line-height: 44px; color: #525252; font-family: "knockout-50", impact; text-transform: none; margin: 0 0 25px; float: left; width: 100%; -webkit-font-smoothing: antialiased; letter-spacing: -1px; } div.pageContent { margin: 0 auto 100px; width: 960px; } /* Buttons */ .pageButton { display: inline-block; margin: 0; -webkit-font-smoothing: antialiased; text-decoration: none; text-align: center; color: #fff !important; font-size: 30px; letter-spacing: 1px; line-height: 51px; text-transform: uppercase; font-family: "knockout-71", impact; background: -moz-linear-gradient(top, #ddc662 0%, #cab150 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddc662), color-stop(100%, #cab150)); background: -webkit-linear-gradient(top, #ddc662 0%, #cab150 100%); background: -ms-linear-gradient(top, #ddc662 0%, #cab150 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddc662', endColorstr='#cab150'); cursor: pointer; border: 1px solid #b49235; box-shadow: 0 1px 0 #ebdb9c inset; border-radius: 5px; text-shadow: -1px -1px 0 #ac994c; } .pageButton:active { position: relative; top: 1px; } #pageButtonFull .pageButton { border-color: #be4518; box-shadow: 0 1px 0 #ee9f7a inset; text-shadow: -1px -1px 0 #b04f22; background: -moz-linear-gradient(top, #e4672d 0%, #d1511f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4672d), color-stop(100%, #d1511f)); background: -webkit-linear-gradient(top, #e4672d 0%, #d1511f 100%); background: -ms-linear-gradient(top, #e4672d 0%, #d1511f 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4672d', endColorstr='#d1511f'); } p.nextPrev .pageButton { font-size: 16px; line-height: 34px; height: 34px; padding: 0 15px; width: auto; } #pageButtonFull { margin-top: 30px; padding-top: 30px; border-top: 3px dotted #ddd; float: left; clear: both; width: 100%; } .pageButton { height: 61px; line-height: 61px; width: 100%; font-size: 34px; } .pageButton strong { font-family: "knockout-71", impact; font-weight: normal; } .pageButton span { font-family: "knockout-50", impact; margin: 0 0 0 10px; } /* Features Next/Previous */ p.nextPrev { margin: 25px 0 5px; float: left; width: 100%; } p.nextPrev a.prev { float: left; } p.nextPrev a.next { float: right; } /* Start Content */ .mainContent, .mainContentFull { color: #656565; font-size: 14px; line-height: 22px; clear: both; } .mainContent a, .mainContentFull a { color: #db501d; } .mainContent h2, .mainContentFull h2 { color: #dc511e; font-size: 24px; line-height: 30px; font-weight: 600; margin: 15px 0; clear: both; float: left; width: 100%; } .mainContent h3, .mainContentFull h3 { color: #535353; font-size: 18px; line-height: 24px; font-weight: 600; margin: 10px 0; } div.mainContent p { margin: 20px 0; } /* End Content */ /* Side Navigation */ div.mainContent { float: right; width: 660px; clear: none; margin: 55px 0 0; } div.mainContentFull { float: right; width: 960px; clear: none; margin: 55px 0 0; } /* End Side Navigation */ /* PAGE: FEATURES */ h2.subTitle { color: #888; font-size: 18px; font-weight: 400; line-height: 24px; margin: -10px 0 25px; } /* Features Navigation */ #sideMenu { float: left; } #sideMenu ul { float: left; margin: 45px 0 0; background: white; width: 250px; border: 1px solid #DDD; border-radius: 7px; box-shadow: 1px 1px 0 #eee; } #sideMenu ul li a { display: block; text-decoration: none; border-bottom: 1px solid #EEE; padding: 17px 20px; font-family: helvetica neue; font-weight: 500; color: #444; font-size: 13px; } #sideMenu ul li:last-child a { border-bottom: none; } #sideMenu ul li a:hover, #sideMenu ul li.current a { color: #DB4E1A; } #sideMenu ul li a:active { /*padding-left: 22px;*/ } #sideMenu ul li a { padding: 17px 20px 17px 50px; } #sideMenu ul li a { background: url(../img/sideLink.png) no-repeat 15px 50%; } #sideMenu ul li.current a { background: url(../img/sideLink.png) no-repeat 15px 50%; } /* Forms */ .formWraper { width: 100%; /*float: left;*/ margin: 0px auto; display: block; clear: both; } .formWraper ul { margin: 0; padding: 0; } .formWraper ul li { list-style: none; } .formWraper .success { font-weight: 600; margin: 8px 0 0 0; float: left; width: 100%; color: #C00; } .formWraper .error { border: 1px solid #C00; padding: 10px; line-height: 22px; margin: 0 0 20px; border-radius: 5px; background: rgba(255, 0, 0, .15); font-weight: 500; color: #b00; } .formWraper #confirmation { padding: 15px; font-size: 12px; line-height: 18px; font-weight: 400; border-radius: 6px; border: 1px solid transparent; background: #FFF6BF; color: #514721; border-color: #FFD324; } .formWraper span { color: #C00; font-weight: bold; } .formWraper label { color: #555555; font-weight: 600; font-size: 18px; margin: 30px 0 10px; float: left; width: 100%; } .formWraper input[type='text'], .contactForm textarea { color: #777; border-radius: 3px; border: 1px solid #c9c9c9; box-shadow: 1px 1px 4px rgba(0, 0, 0, .15) inset; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; font-size: 13px; float: left; outline-color: #ebdb9c; } .formWraper textarea { padding: 12px; } .formWraper input[type='submit'] { cursor: pointer; } .formWraper input[type='submit']:active { position: relative; top: 1px; } li.formField { float: left; clear: both; } .submitArea { clear: both; float: left; width: 100%; } .inputContainer { float: left; } /* Contact Form */ .contactForm { background: #fff; padding: 20px; border-radius: 6px; border: 1px solid #e1e1e0; float: left; width: 400px; margin: 15px 0 0 0; } .contactForm li:first-child label { margin-top: 0; } .contactForm input[type='text'] { width: 400px; } .contactForm input[type='submit'] { margin: 15px 0 0; float: right; } .contactForm textarea { width: 400px; height: 200px; } /* End Contact Form */ /* aD bOXES */ .adBox120{ border:1px solid #CCC; padding:10px; display: block; margin:60px auto -20px auto; width:200px;/*135px;*/ } .adBox336{ border:1px solid #CCC; padding: 10px; margin: 0px 15px 15px 15px; width:340px; } .adBox464{ border:1px solid #CCC; padding:10px; display:block; margin:0px auto 15px auto; width:auto; } .clear { clear:both; display:block; } /* Start BreadCrumbs */ #breadCrumb { border-bottom: 3px dotted #EEE; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding: 0px 0px 30px 0px; margin: 0px 0px 15px 0px; } #breadCrumb a { color: #DC511E; text-decoration: none; margin:0px; padding:0px; font-weight: normal; } #breadCrumb a:hover { text-decoration: underline; } #breadCrumb div { margin: 0px; padding: 0px; float: left; width: auto; } #breadCrumb .current { color: #999; display: inline; width: auto; padding-left: 8px; font-weight: normal; } /* End BreadCrumbs */