/* --------------------------------------------------------------------------------------- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, tbody, p, blockquote, cite, q, abbr, acronym, address, images, ins, del, code, form, fieldset, legend, label, object { margin: 0; padding: 0; } :focus { outline: 0; } html, { width: 100%; height: 100%; cursor: default; background: url(../images/bg-pattern.jpg) repeat; } body { overflow: hidden; font: 62.5%/1.6 sans-serif; width: 100%; height: 100%; cursor: default; } hr { display: none; } .bold { font-weight: bold; } a:hover, a:focus, a:active { text-decoration: none; } images { vertical-align: middle; } a images, fieldset { border: none; } images[usemap] { border: none; } textarea { font-family: sans-serif; } img { border: none; } table { width: 100%; border-collapse: collapse; } td, th { padding: .3em 1em; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } address { font-style: italic; } ul li { display: block; list-style: none; } ol { list-style-position: inside; } h1 { font-size: 200%; } h2 { font-size: 150%; } h3 { font-size: 120%; } h4 { font-size: 100%; } h5 { font-size: 89%; } h6 { font-size: 60%; } /* --------------------------------------------------------------------------------------- Basic styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body { font-family:/*"Helvetica Neue"*/"Arial Narrow",Helvetica,Arial,Sans-Serif; overflow: visible; color: #fff; background: url(../images/bg-pattern.jpg) repeat; } #paper { background: url(../images/bg-header.png) repeat-x top center; width:100%; min-height: 800px; overflow:hidden; } a { color: #fff; } a:hover, a:focus, a:active { text-decoration: none; } #container { text-align:center; padding-top:0px; width:960px; height:auto; border: solid 0px red; margin: 0 auto; } #container-l { text-align:center; width:0px; height:10px; border: solid 0px red; float: left; } #container-m { text-align:center; width:960px; height:auto; border: solid 0px red; float: left; } #container-r { text-align:center; width:0px; height:10px; border: solid 0px red; float: right; } #header { float:left; padding-top:0px; width:960px; height:169px; border: solid 0px red; } nav ul {float:right; width:auto; padding-top:40px;} nav ul li {list-style-type:none; float:left; width:auto; padding-left:5px;} nav ul li a {display:block; height:28px; line-height:28px; background-position:0 -29px; background-repeat:no-repeat; text-indent:-9999px; } nav ul li.navHome a {background-image:url(../images/menu-home.png); width:73px;} nav ul li.navAbout a {background-image:url(../images/menu-about.png); width:83px;} nav ul li.navGallery a {background-image:url(../images/menu-gallery.png); width:104px;} nav ul li.navStores a {background-image:url(../images/menu-stores.png); width:92px;} nav ul li.navShop a {background-image:url(../images/menu-shop.png); width:69px;} nav ul li.navBlog a {background-image:url(../images/menu-blog.png); width:67px;} nav ul li.navContact a {background-image:url(../images/menu-contact.png); width:107px;} nav ul li a:hover, nav ul li a.activeNav {background-position:0 0px;} nav ul li a.activeNav {cursor:default;} #jayboy-logo { margin: 10px 0 0 5px; float:left; border: solid 0px red; } #jayboy-logo a, #jayboy-logo a:hover { text-indent:-99999px; padding:0; display:block; width:249px; height:78px; color:#fff; background:transparent url(../images/jayboy-logo.png) no-repeat top left; border:none; } #jayboy-logo a:hover { background-position:bottom left; } /*--Contact css--*/ #launch-player { position: absolute; right: 0; top: 0; width: 105px; height: 41px; border: solid 0px red; } #launch-player a { background: url(../images/launch-player.png) center top no-repeat; width: 105px; height: 41px; display: block; text-indent: -9999px; } #launch-player a:hover { background-position:0 -41px; } #music-area {height: 142px; background: url(../images/bg-music.png) center top repeat-x; position: relative; display: none; } #media-player-wrapper { border: 0px solid #red; margin: 0 auto; width: 960px; } #content { width: auto; height: auto; float: left; border: 0px solid #red; margin: 0; } #slider-bg { width:960px; height: 485px; float: left; border: 0px solid #red; margin: 0; background: url(../images/bg-dots.png) repeat; } #slider { float: left; margin:5px 0px 0px 20px; padding: 0; background: url(../images/loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000; border: 0px solid red; width: 920px; height:460px; display: inline; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position:absolute;right:0; bottom:4px; } .nivo-controlNav a { display:block; width:10px; height:10px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:-10px 0; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } #home-columns { float: left; width:960px; height: 420px; background: url(../images/bg-dots.png) repeat; margin: 4px 0 0 0; } #home-about { float: left; margin: 10px 0 0 20px; display: inline; } #home-gallery { float: right; margin: 10px 20px 0 0px; display: inline; } .home-content-bgWrapper { width:445px ; height: auto; border: 0px solid #red; margin:0;padding:0; float: left; } .home-content-bgTop { background: url(../images/home-content-bgTop.png) center bottom no-repeat; width:445px; height:10px; margin:0;padding:0; float: left; } .home-content-bgMiddle { background: url(../images/home-content-bgMiddle.png) center top repeat-y; width:445px; height: auto; margin:0; padding: 0 0 15px 0; float: left; } .home-content-bgBottom { background: url(../images/home-content-bgBottom.png) center top no-repeat; width:445px; height:10px; margin:0;padding:0; float: left; } #home-about-title { float: left; margin: 18px 0 0 30px ;background: url(../images/home-about.png) center top no-repeat; background-position:0 -28px; width: 81px; height: 28px; display: block; text-indent: -9999px; display: inline; } #home-about-title:hover { background-position: 0 0px; } .home-content-bgMiddle h3 { float: left; width: 400px; font-size: 200%; text-align: left; padding: 15px 0 5px 30px; border: solid 0px red;} .home-content-bgMiddle p { float: left; width: 390px; font-size: 155%; text-align: justify; padding: 20px 5px 20px 30px; line-height: 26px; } .read-more { float: right; background: url(../images/more.png) center top no-repeat; background-position:0 -28px; width: 99px; height: 28px; display: block; text-indent: -9999px; display: inline; margin: 0 25px 0 0; } .read-more:hover { background-position: 0 0px; } #home-gallery-title { float: left; margin: 18px 0 0 30px ;background: url(../images/home-gallery.png) center top no-repeat; background-position:0 -28px; width: 105px; height: 28px; display: block; text-indent: -9999px; display: inline; } #home-gallery-title:hover { background-position: 0 0px; } #home-gall-car { float: left; border: 0px solid red; float: left; margin: 0; padding: 0px; } #home-gall-car #buttons { float: right; padding: 0; left: 0px; position: relative; top: 18px; width: 100px; border: 0px solid red; } #home-gall-car #buttons a { display:block; width:28px; height:28px; text-indent:-999em; float:left; outline:0; background: url(../images/carousel-buttons.jpg) no-repeat; } #home-gall-car a#prev { margin-right: 10px; background-position: 0px -28px; } #home-gall-car a#prev:hover { background-position: 0px 0px; } #home-gall-car a#next { background-position: 0px -84px; } #home-gall-car a#next:hover { background-position: 0px -56px; } #slides { position:relative; width:400px; height:233px; overflow: hidden; border: 0px solid red; display: inline; float: left; margin: 15px 0 0px 25px; padding: 0px; } #slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:1000px; } #slides li { width:190px; height: 180px; float:left; display: block; padding: 0 13px 0 0px; } #slides li img { width: 180px; height: 180px; overflow:hidden; margin: 4px 0 0 0;} #slides li a.slide { display: block; overflow: hidden; height: 188px; width: 188px; position: relative; overflow: hidden; background: url(../images/thumb_bg.png) center top no-repeat; border: 0px solid red; } #slides li a.slide:focus, #slides li a.slide:hover { } #slides ul li span { float: left; display: block; width: 180px; border: 0px solid red; padding: 5px 0px 0px 6px; } #slides ul li span a { text-decoration: none; border: 1px solid red; } #about-wrapper { float: left; width:960px; height: auto; background: url(../images/bg-dots.png) repeat; margin: 0px 0 0 0; padding: 0 0 15px 0;} .b-wrap-full { width:920px ; height: auto; border: 0px solid #red; margin: 0px 0px 0px 20px; padding:0; float: left; display: inline; } .b-wrap-full-top { background: url(../images/spanfull-top.png) center bottom no-repeat; width:920px; height:7px; margin:0;padding:0; float: left; } .b-wrap-full-middle { background: url(../images/spanfull-middle.png) center top repeat-y; width:920px; height: auto; margin:0; padding: 0 0 15px 0; float: left; } .b-wrap-full-bottom { background: url(../images/spanfull-bottom.png) center top no-repeat; width:920px; height:7px; margin:0;padding:0; float: left; } .jayboy-title { float: left; margin: 18px 0 0 30px ;background: url(../images/jay-title.png) left top no-repeat; width: 566px; height: 102px; display: block; text-indent: -9999px; display: inline; } .sasha-title { float: left; margin: 18px 0 0 30px ;background: url(../images/sasha-title.png) left top no-repeat; width: 644px; height: 102px; display: block; text-indent: -9999px; display: inline; } .b-wrap-full-middle p { float: left; width:590px; border: 0px solid red; text-align: left; font-size: 185%; padding: 20px 5px 20px 40px; line-height: 26px; text-align: justify; font-family: Arial Narrow; } .b-wrap-full-middle h3 { float: left; width: 800px; font-size: 200%; text-align: center; padding: 20px 0 5px 60px; border: solid 0px red;} .b-wrap-full-middle img { float: right; border: solid 0px red; margin: 20px 40px 0 0; -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000; box-shadow:0px 0px 5px #000; width: 200px; height: auto; } .spacer-full { float: left; width:920px; height: 20px; border: solid 0px red; } #gallery-lb { position:relative; width:886px; height:auto; overflow: hidden; border: 0px solid red; display: inline; float: left; margin: 15px 0 0px 35px; padding: 0px 0 0px 0; } .gal-cat ul {float:right; width: auto; padding: 18px 25px 0 0; border: 0px solid red;} .gal-cat ul li {list-style-type:none; float:left; width:auto; padding-left:5px;} .gal-cat ul li a {display:block; height:28px; line-height:28px; background-position:0 -28px; background-repeat:no-repeat; text-indent:-9999px; } .gal-cat ul li.catAll a {background-image:url(../images/gallery-all.jpg); width:50px;} .gal-cat ul li.catDesigns a {background-image:url(../images/gallery-designs.jpg); width:102px;} .gal-cat ul li.catArtworks a {background-image:url(../images/gallery-artworks.jpg); width:128px;} .gal-cat ul li.catCars a {background-image:url(../images/gallery-cars.jpg); width:68px;} .gal-cat ul li.catMisc a {background-image:url(../images/gallery-misc.jpg); width:66px;} .gal-cat ul li a:hover, .gal-cat ul li a.activeNav {background-position:0 0px;} .gal-cat ul li a.activeNav {cursor:default;} .g-slide { float:left; width:188px; height: 250px; display: block; padding: 0 0px 0 0px; border: 0px solid red; margin: 0 32px 0 0; } .g-slide a { float: left; height: 188px; width: 188px; background: url(../images/thumb_bg.png) center top no-repeat; border: 0px solid red; } .g-slide img { float: left; position:relative; width: 180px; height: 180px; overflow:hidden; margin: 4px 0 0 4px; display: inline; top: 0; left: 0; } .title-slide { float: left; text-align: left; font-size: 160%; text-decoration: none; border: 0px solid red; line-height: 22px; font-family: Arial Narrow; padding: 0 0 0 6px; } .contact-title { float: left; margin: 18px 0 0 30px ;background: url(../images/contact-title.jpg) left top no-repeat; width: 107px; height: 27px; display: block; text-indent: -9999px; display: inline; -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000; box-shadow:0px 0px 5px #000; } .gallery-title { float: left; margin: 18px 0 0 30px ;background: url(../images/gallery-title.jpg) left top no-repeat; width: 105px; height: 27px; display: block; text-indent: -9999px; display: inline; -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000; box-shadow:0px 0px 5px #000; } .stores-title { float: left; margin: 18px 0 0 30px; background: url(../images/stores-title.jpg) left top no-repeat; width: 92px; height: 27px; display: block; text-indent: -9999px; display: inline; -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000; box-shadow:0px 0px 5px #000; } .contact-header { float: left; text-align: left; font-size: 200%; margin: 0 0 0 40px; display: inline; } .stores-header { float: left; text-align: left; font-size: 200%; margin: 0 0 0 35px; display: inline; } .stores-wrapper { float: left; margin: 10px 0 0 30px; width: 860px; border-bottom: dashed 1px #acacac; height: auto; display: inline; } .stores-wrapper h4 { float: left; width: 100%; font-size: 200%; text-align: left; padding: 5px 0 5px 5px; border: solid 0px red; } .stores-wrapper p { width: 100%; margin: 0; padding: 5px 0 15px 5px; float: left; line-height: 26px; } label { font-size: 20px; color: #FFF; text-align: left; } form { float: left; padding: 20px 40px 20px 40px; margin: 5px 0 0 10px; width: 815px; text-align: left; } fieldset { border: none; } #user-details { float: left; width: 230px; } #user-message { float: right; width: 470px; } input, textarea { padding: 8px; margin: 4px 0 20px 0; background: #101010; width: 270px; font-size: 14px; color: #FFF; border: 1px #3a3a3a solid; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; -webkit-transition: background 0.3s linear; } textarea { width: 460px; height: 225px; } input:hover, textarea:hover { background: #242323; } input.submit { float: right; width: 150px; color: #eee; text-transform: uppercase; margin-top: 10px; background-color: #101010; border: 1px #3a3a3a solid; -webkit-transition: -webkit-box-shadow 0.3s linear; } input.submit:hover { -webkit-box-shadow: 0px 0px 20px #cf0000; -moz-box-shadow: 0px 0px 20px #cf0000; box-shadow: 0px 0px 20px #cf0000; cursor: pointer; } #global-footer { width: 960px; float: left; border: solid 0px red; background: url(../images/bg-dots.png) repeat; margin: 3px 0 0 0; padding: 15px 0 18px 0; display: inline; } #footer-links { float: left; border: solid 0px red; width: auto; height: auto; margin: 5px 0 5px 20px; display: inline; } #footer-links ul { margin: 0; padding: 0; list-style-type: none; } #footer-links ul li { float: left; display: inline; padding: 0 8px 0 0; z-index: 10; } #rss { border: solid 0px red; float: left; width: 27px; height: 27px; background: url(../images/footer-rss.png) center top no-repeat; text-indent: -9999px; cursor: hand; } #twitter { border: solid 0px red; float: left; width: 27px; height: 27px; background: url(../images/footer-twitter.png) center top no-repeat; text-indent: -9999px; cursor: hand; } #facebook { border: solid 0px red; float: left; width: 27px; height: 27px; background: url(../images/footer-facebook.png) center top no-repeat; text-indent: -9999px; cursor: hand; } #footer-copyright { float: left; border: solid 0px red; margin: 0 0 0 240px; display: inline; } #footer-copyright h5 { font-size: 160%; padding: 7px 0 0 0;} #footer-brand { float: right; border: solid 0px red; margin: 0 20px 0 0; display: inline; } #footer-brand h3 { width:113px; height: 40px; background: url(../images/footer-geared.png) center top no-repeat; text-indent: -9999px; cursor: hand; }