body { background-image: url(/images/background.jpg) } ul { list-style: none; margin: 0px; } a { color: #ca791d; } a:hover { color: #edb348; text-decoration: underline; } h1 { font-family: "MS Serif", serif; font-size: 20px; text-transform: uppercase; color: #ca791d; font-weight: 300; } h2 { font-family: "MS Serif", serif; font-size: 16px; text-transform: uppercase; color: #1e4421; } h3 { font-family: "MS Serif", serif; font-size: 24px; color: #603f0c; font-weight: 100; } p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #303030; } @font-face { font-family: 'gotham_condensedbold'; src: url('/font/gothamcondensed-bold-webfont.eot'); src: url('/font/gothamcondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/font/gothamcondensed-bold-webfont.woff') format('woff'), url('/font/gothamcondensed-bold-webfont.ttf') format('truetype'), url('/font/gothamcondensed-bold-webfont.svg#gotham_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_condensed_bookregular'; src: url('/font/gothamcondensed-book-webfont.eot'); src: url('/font/gothamcondensed-book-webfont.eot?#iefix') format('embedded-opentype'), url('/font/gothamcondensed-book-webfont.woff') format('woff'), url('/font/gothamcondensed-book-webfont.ttf') format('truetype'), url('/font/gothamcondensed-book-webfont.svg#gotham_condensed_bookregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_condensed_lightregular'; src: url('/font/gothamcondensed-light-webfont.eot'); src: url('/font/gothamcondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('/font/gothamcondensed-light-webfont.woff') format('woff'), url('/font/gothamcondensed-light-webfont.ttf') format('truetype'), url('/font/gothamcondensed-light-webfont.svg#gotham_condensed_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_condensedmedium'; src: url('/font/gothamcondensed-medium-webfont.eot'); src: url('/font/gothamcondensed-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/font/gothamcondensed-medium-webfont.woff') format('woff'), url('/font/gothamcondensed-medium-webfont.ttf') format('truetype'), url('/font/gothamcondensed-medium-webfont.svg#gotham_condensedmedium') format('svg'); font-weight: normal; font-style: normal; } .header { } .header ul { float: left; height: 48px; width: 800px; position: relative; top: -22px; left: 94px; z-index: 0; border-top: #dcc5a1 1px solid; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 10%, rgba(0,0,0,0.75) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0.75)), color-stop(90%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */ } .header ul li { display: inline-block; } .header ul li a { display: inline-block; font: 20px/1 'gotham_condensed_bookregular', Helvetica, Arial, sans-serif; color: #dbd1c1; padding: 14px 10px; text-decoration: none; } .header ul li a:hover { background: #e2ba22; color: white; } .header .span12 { height: 203px; } body#setup li.setup a, body#flower li.flower a, body#find li.find a, body#lighting li.lighting a, body#story li.story a, body#contact li.contact a { background: #e2ba22; color: white; } .logo { z-index: 1000; margin: 12px 0 -12px 0px; } .inner-page { background: url(/images/slider-1.png) center no-repeat rgba(1, 1, 1, .5); height: 203px; } .center { text-align: center; } .main-row { margin-bottom: 7px; } .main { background: white; width: 668px; padding: 20px; } .main p { padding: 0; } .main .image { width: 255px; margin-left: 15px; } .main .image img { display: block; margin-bottom: 10px; } .bqstart { float: left; height: 45px; margin-top: -20px; padding-top: 35px; margin-bottom: -50px; font-size: 600%; font-family: "MS Serif", serif; color: #f7a21c; } blockquote { border-left: none; padding: 0 20px; font-family: "MS Serif", serif; } .bullets li { list-style: disc; margin-left: 20px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #303030; } /* ---- Sidebar ----*/ .sidebar { margin: -65px 0 0 0; z-index: 999; position: relative; width: 232px; } .sidebar h3 { padding: 50px 20px 0; line-height: 1; } .sidebar p { font-size: 12px; color: #613e0b; padding: 0 20px; line-height: 1.5; } .sidebar .sidebar-where-to-buy { margin-top: 30px; text-align:center; display: block; } .sidebar .sidebar-where-to-buy hr { margin: 10px 20px; border-top: 1px solid #edb348; border-bottom: 0; } .sidebar .sidebar-where-to-buy h1 { margin: 0; font-size: 22px; color: white; } #home .sidebar-image { background-image: url(/images/sidebar-index.png); background-position: center top; height: 610px; background-repeat: no-repeat; margin-top: -83px; } #home .sidebar-image h3 { padding: 85px 20px 0; text-transform: uppercase; font-size: 18px; } #flower .sidebar-image { background-image: url(/images/sidebar-flower-success.png); background-position: center top; height: 845px; background-repeat: no-repeat; } #setup .sidebar-image { background-image: url(/images/sidebar-setup.png); background-position: center top; height: 1315px; background-repeat: no-repeat; } .sidebar-yellow-fill { background: #e2ba22; } #find .sidebar-image { background-image: url(../images/sidebar.png); background-position: center top; height: 829px; background-repeat: no-repeat; } #lighting .sidebar-image { background-image: url(/images/sidebar-lighting-solutions.png); background-position: center top; height: 1257px; background-repeat: no-repeat; } #story .sidebar-image { background-image: url(/images/sidebar.png); background-position: center top; height: 646px; background-repeat: no-repeat; } #contact .sidebar-image { background-image: url(/images/sidebar.png); background-position: center top; height: 840px; background-repeat: no-repeat; } /* ---- Social ----*/ .social { float: right; margin: -20px 10px 0 0; } .social li { display: inline; } #home .social { margin: -105px 10px 0 0; } /* ---- Global Elements ----*/ .container-wrapper { margin: 0 auto; } .arrow-up { width: 0px; height: 0px; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #1e4421 transparent; position: relative; margin: -20px auto 0 auto; display: block; } .arrow-up:after { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #ffffff transparent; margin: -19.5px auto 0 auto; top: 21px; left: -20px; } .arrow-left { width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #f7a11b; position: relative; margin: auto -24px auto 0; display: inline-block; top: 10px; left: 1px; } .arrow-left:after { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #ffffff; margin: auto -19.5px auto 0; top: -20px; left: -22px; } .arrow-right { width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #f7a11b transparent transparent; position: relative; margin: auto 0 auto -24px; display: inline-block; top: 10px; left: 224px; } .arrow-right:after { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #ffffff transparent transparent; margin: auto 0 auto -19.5px; top: -20px; right: -21px; } .arrow-up? { width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f7a11b transparent transparent transparent; position: relative; margin: auto auto -24px auto; display: block; top: 20px; left: 1px; } .arrow-up?:after { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ffffff transparent transparent transparent; margin: auto 0 auto -19px; top: -20px; left: 1px; } .back-nav a { float: right; padding: 0 20px 0 0; margin-top: -10px; font-size: 9px; color: #ca791d; text-transform: uppercase; } .back-naf a:hover { color: #a0a19f; } .bottom-clear { margin-bottom: 0 !important; padding-bottom: 0 !important; } #find .btn { font-family: "Veranda", Helvetica, Arial, sans-serif background: rgb(252,213,156); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2Y5YjQ0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2EyMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,213,156,1) 0%, rgba(249,180,72,1) 36%, rgba(247,162,28,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,213,156,1)), color-stop(36%,rgba(249,180,72,1)), color-stop(100%,rgba(247,162,28,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,213,156,1) 0%,rgba(249,180,72,1) 36%,rgba(247,162,28,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,213,156,1) 0%,rgba(249,180,72,1) 36%,rgba(247,162,28,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,213,156,1) 0%,rgba(249,180,72,1) 36%,rgba(247,162,28,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,213,156,1) 0%,rgba(249,180,72,1) 36%,rgba(247,162,28,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd59c', endColorstr='#f7a21c',GradientType=0 ); /* IE6-8 */ } #find .btn:hover { background-position: 0 -28px; } .button-find { margin-left: 0; } .button-find p { font-size: 8px; text-align: center; } .find .main-row .row { margin-bottom: 50px; } .information .cell { height: 140px; padding: 5px 20px; } .information .cell-title { padding: 0 20px; } .information .span3 { width: 194px; } .information hr { margin: 0 20px; border-top: 1px solid #f7a11b; } .row .information .clean { border: none !important; } .row .information h1 { margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #ca791d; } .row .information h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 200; color: #303030; } /* ---- Hover Tint ----*/ [class*="tint"] { position: relative; float: left; cursor: pointer; } [class*="tint"]:hover:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(226,187,34, 0.5); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -ms-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; } [class*="tint"]:before { background: none; } .tint-discover .arrow-up { border-color: transparent transparent white transparent; } .tint-discover .arrow-up:hover:before { border-color: transparent transparent #ffffff transparent; } .tint-discover .arrow-up:after { border-color: transparent transparent rgba(226,187,34, 0.5) transparent; } /* ---- Home ----*/ #home .main { padding: 0; width: 708px !important; } #home .main .row { margin-left: 0; } #home #image-rotate { background: url(/images/header-home-night.png) center no-repeat rgba(1, 1, 1, .5); height: 438px; } #home .header .banner-text { margin-top: 126px; margin-bottom: -51px; text-align: center; } #home .header h1 { color: #ffffff; font-size: 44px; text-shadow: 5px 5px 30px #f7e11b; text-align: center; filter: dropshadow(color=#f7e11b, offx=0, offy=0); } #home .header .day-night-view { margin: 0 auto; text-align: center; width: 230px; color: white; text-shadow: 5px 5px 30px #f7e11b; text-align: center; filter: dropshadow(color=#f7e11b, offx=0, offy=0); } #home .header .day-night-view a { padding: 0 5px; color: white; text-align: center; display: block; } #home .header .day-night-view hr { margin: 0; text-shadow: 5px 5px 30px #f7e11b; text-align: center; filter: dropshadow(color=#f7e11b, offx=0, offy=0); } #home .header .day-night-view a { text-transform: uppercase; } #home .header .day-night-view p { text-transform: uppercase; } #home .third { width:236px; height:472px; margin: 0; } #home .side-by-side { width: auto; height:236px; margin: 0; } #home .side-by-side img { float: left; } #home .side-by-side .text-block { float: right; } #home .arrow-left { top: -140px; margin: auto -22px auto 0; } #home .arrow-right { top: -140px; left: 239px; margin: auto 0 auto -22px; } #home .line-left { border-left: #f7a11b 1px solid; margin-right: -1px; } #home .line-right { border-right: #f7a11b 1px solid; margin-left: -1px; } #home .line-bottom { border-bottom: #f7a11b 1px solid; } #home .text-block { padding: 20px; width: 196px; height: 196px; } #home .text-block h1 { line-height: 1.25; } #home .text-block p { line-height: 1.5; } #home .home-social ul { z-index: 100; position: relative; } #home .home-social ul li { display: inline-block; } #glow li { list-style: none; display: inline-block; } #glow li a { background-image:url('/images/day-night-sprite.png'); } #glow li .day { width:70px; height:23px; } #glow li a.day { background-position: -10px -9px; width: 78px; height: 30px; } #glow li a:hover.day { background-position:-10px -40px; height:30px; } #glow li .night { width:92px; height:30px; } #glow li a.night { background-position:116px -9px; } #glow li a:hover.night { background-position:116px -40px; height:30px; } #glow li a.slash { background-position: 128px -9px; width: 7px; height: 30px; } /* ---- Setup Success ----*/ #setup .main { width: 688px; padding-right: 0; } #setup article .span2 {width: 180px; } #setup .span7 {width: 481px; float: right; } #setup .span7 img { border-left: #f7a11b 1px solid; } #setup .span9 .faq { width: 668px; padding-right: 20px; } #setup .span9 .faq:last-child { padding-bottom: 25px; } #setup article.row { padding-bottom: 20px; } #setup h1, h2 { line-height: 1; } #setup h2 { font-size: 16px; color: #5f5f5f; } #setup .faq p { margin-left: 20px; } #setup h1:hover, a:hover { text-decoration: underline; } #setup article.row .span3 { border-right: #f7a11b 1px solid; margin-left: 0; } #setup article.row .span6 { width: 448px; } /* ---- Flower Success ----*/ #flower .main { width: 688px; padding-right: 0; } #flower article .span2 {width: 180px; } #flower .span7 {width: 481px; float: right; } #flower .span7 img { border-left: #f7a11b 1px solid; } #flower article.row { padding-bottom: 20px; } #flower h1, h2 { line-height: 1; } #flower h1:hover, a:hover { text-decoration: underline; } #flower article.row .span3 { border-right: #f7a11b 1px solid; margin-left: 0; } #flower article.row .span6 { width: 448px; } #flower ol { display: inline-block; width: 265px; margin-left: 30px; } /* ---- lighting Solutions ----*/ #lighting .main { width: 688px; padding-right: 0; } #lighting article .span2 {width: 180px; } #lighting article.row { padding-bottom: 20px; } #lighting article.row .span3 { border-right: #f7a11b 1px solid; margin-left: 0; } #lighting article.row .span6 { width: 448px; } /* ---- Contact ----*/ [class^="formicon-"], [class*=" formicon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background-image: url("/images/form-icons.png"); background-position: 14px 14px; background-repeat: no-repeat; } .formicon-user { background-position: -1px 0; } .formicon-envelope { background-position: -24px 0; } .formicon-call { background-position: -47px 0; } .input .span6 { width: 418px; float: right; } #contact .add-on { background-color: white; border: none; margin-left: -20px; min-width: 11px; color: #e61c25; } #contact .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; vertical-align: top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } [class^="form-orange-icon-"], [class*=" form-orange-icon-"] { display: inline-block; width: 17px; height: 22px; margin-top: 1px; line-height: 20px; vertical-align: text-top; background-image: url("/images/form-orange-icons.png"); background-position: 17px 20px; background-repeat: no-repeat; } .form-orange-icon-phone { background-position: 0 1px; } .form-orange-icon-email { background-position: 0 -21px; } .form-orange-icon-map { background-position: 0 -48px; margin-top: 7px; } #contact aside.span2 { width: 180px; } #contact aside.span2 p { display: inline-block; padding-left: 5px; margin: 0; vertical-align: text-top; } #contact aside.span2 a { display: inline-block; padding-left: 5px; vertical-align: text-top; } /* ---- Footer ----*/ .footer-images { background: white; width: 232px; margin-left: 4px; } .footer-images h2, p { padding: 10px 15px; } .footer-images h2 { line-height: 0; line-height: 24px; margin-bottom: 0; } .footer-images p { padding-top: 0; line-height: 1.5; } .footer-images ul { float: left; } .footer-images ul li { display: inline; } .footer-images-textblock { height: 165px; overflow: hidden; } .footer { height: 40px; background: rgba(1, 1, 1, .5); padding: 20px 0; } .footer ul { float: left; } .footer ul li { display: inline; font-size: 10px; text-transform: uppercase; padding: 0 2px; } .footer li { color: #a0a19f; } .footer a { color: #a0a19f; } .footer li a:hover { color: #e2ba22; text-decoration: none; } .footer .row .span2 ul { float: right; } .footer .createtwo { text-align: center; margin-top: 10px; }