/*-------------------------------------- - V1 200309 - Author : Paul Flynn - Visit : http://theliftagency.com - Client : 1000 Mile ---------------------------------------- /*--------------------------------------- RESET: Meyer v1.0 | 20080212 ---------------------------------------*/ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table { border-collapse: collapse;border-spacing: 0;} /*--------------------------------------- MODIFIED : Blueprint ---------------------------------------*/ body { font: 75% "Helvetica Neue", Helvetica, Arial, sans-serif;} h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 1.5em; line-height: 1.5; margin-bottom: 0.5em; } h2 { font-size: 1.40em; margin-bottom: .60em; } h3 { font-size: 1.30em; line-height: 1.4; margin-bottom: .40em; } h4 { font-size: 1.25em; line-height: 1; margin-bottom: .25em; } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 1em; font-weight: bold; } p { margin-bottom : 1em; } ul { list-style-type : none; } ol { list-style-type : decimal; } dl { margin : 0 0 1.5em 0; } dt { font-weight : bold; } dd { margin-left : 1.5em;} strong { font-weight : bold; } /*--------------------------------------- DEEFOLT STYLES ---------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { font: 12px/1.5 "Lucida Grande",Helvetica,"Lucida Sans Unicode",Arial,Verdana,sans-serif; color : #3e3e3e; background: #204859 url(../imgs/body/skyline2.gif) -1000px -100px no-repeat; } /* =headers */ h1, h2, h3, h4, h5 { color : #272566; } /* =a */ a, a:visited { color :#c9735c; text-decoration : underline; } a:hover, a:active, a:focus { color :#272566; text-decoration : none;} /* =img */ img { margin : 0;} /* =classes */ .terms { font-size : 9px; line-height : 10px; } .privacy { font-size : 9px; line-height : 10px; } .buynow { background : url(../imgs/shop.gif) no-repeat 0 20px; height: 60px; width: 150px; padding : 0 0 40px 0; } /*--------------------------------------- BODY ---------------------------------------*/ /* =container */ #container { width : 700px; margin : 0 auto; position : relative; } #link-clouds { font-weight : bold; letter-spacing : 0px; line-height: 14px; padding : 9px 55px 30px 35px; color : #fff; background : url(../imgs/body/sky_link.png) no-repeat 1px 6px; } #link-compeition { position : absolute; right : -80px; top : -8px; display : block; height : 170px; width : 106px; text-indent : -9999px; background : url(../imgs/body/plane2.png) no-repeat 0 0; } #link-post { background : url(../imgs/body/post-lrg.png) no-repeat 0 0; position : absolute; right : 17px; bottom : 200px; display : block; width : 224px; text-indent : -9999px; } .link-home { height : 1408px; } .link-sock { height : 1628px; } .link-show { height : 1350px; } .link-contact { height : 1628px; } .link-stockist { height : 1128px; } .link-about { height : 2728px; } .link-blista { height : 2208px; } .link-dr { height : 2058px; } .link-gordon { height : 3128px; } .link-joe { height : 2928px; } /* =booth */ #booth-top { /* position : absolute; */width : 800px; height : 321px; margin : 0; background : url(../imgs/body/booth_top.png) no-repeat; } #booth-feature { width : 630px; height : 339px; margin : 0 auto;/* padding-top : 257px; */ background : url(../imgs/body/booth_middle.png) no-repeat /* 0 258px */ /* 0 258px */; } #touring { position : absolute; z-index : -10; top : -450px; left : -250px } #booth-banner { width : 700px; height : 150px; margin : 0 auto; padding : 0; position : relative; } #booth-content { width : 600px; margin : 0 auto; padding : 20px 0 80px 0; background : url(../imgs/body/booth_body.png); } #booth-content ul { margin : 0 0 25px; } #media-player { width :560px; margin : 0 auto; padding-top : 3px } #booth-bottom { width :700px; margin : 0 auto; } #flash { color : white; } /* = Nav */ #booth-top ul { width : 600px; padding : 175px 50px 0 50px; position : relative; } #booth-top ul a { display : block; text-indent : -9999px; overflow : hidden; } #booth-top ul li#nindex a { width :66px; height : 36px; position : absolute; top : 183px; left : 80px; background : url(../imgs/nav/01_home.png) no-repeat 0 3px; } #booth-top ul li#nindex a:hover { background : url(../imgs/nav/01_home.png) no-repeat 0 -37px; } #booth-top ul li#nsocks a { width :69px; height : 30px; position : absolute; top : 208px; left : 150px; background : url(../imgs/nav/03_socks.png) no-repeat 0 1px; } #booth-top ul li#nsocks a:hover { background : url(../imgs/nav/03_socks.png) no-repeat 0 -28px; } #booth-top ul li#nsocktv a { width :123px; height : 46px; position : absolute; top : 193px; left : 225px; background : url(../imgs/nav/04_socktv.png) no-repeat 0 2px; } #booth-top ul li#nsocktv a:hover { background : url(../imgs/nav/04_socktv.png) no-repeat 0 -45px; } #booth-top ul li#nabout a { width :108px; height : 40px; position : absolute; top : 188px; left : 348px; background : url(../imgs/nav/02_about.png) no-repeat 0 0; } #booth-top ul li#nabout a:hover { background : url(../imgs/nav/02_about.png) no-repeat 0 -41px; } #booth-top ul li#ncontact a { width :89px; height : 38px; position : absolute; top : 188px; left : 458px; background : url(../imgs/nav/06_contact.png) no-repeat 0 2px; } #booth-top ul li#ncontact a:hover { background : url(../imgs/nav/06_contact.png) no-repeat 0 -38px; } #booth-top ul li#nstockist a { width : 94px; height : 40px; position : absolute; top : 174px; left : 545px; background : url(../imgs/nav/05_stockist.png) no-repeat 0 1px; } #booth-top ul li#nstockist a:hover { background : url(../imgs/nav/05_stockist.png) no-repeat 0 -38px; } /* =poster */ #poster-top { width : 506px; height : 70px; margin : 0 auto; background : url(../imgs/body/poster_top.png) no-repeat; } #poster-body { width : 506px; height :auto; margin : 0 auto; padding-bottom : 30px; background : url(../imgs/body/poster_body.png); } #poster-bottom { width : 506px; height : 57px; margin : 0 auto; background : url(../imgs/body/poster_bottom.png) no-repeat;} /*--------------------------------------- INDEX CONTENT ---------------------------------------*/ /* =sitehome */ #homepage-text { width : 430px; margin : 0 auto; } h1#header-welcome { text-indent : -9999px; margin : 0 0 0 190px; padding-top: 35px; background : url(../imgs/images/h1_welcome.gif) no-repeat 0 30px; } h2#header-meet-socks { text-indent : -9999px; margin : 0 0 0 120px; padding-top: 35px; background : url(../imgs/images/h2_meet_socks.gif) no-repeat 0 30px; } .billboards { width : 100px; margin : 40px 0 0 40px; float : left; display : inline; text-align: center; } #booth-content .billboards img { margin : 0px 0 10px 0; } #booth-content .billboards a:hover img { margin-right : 15px; } .billboards2 { width : 100px; margin : 40px 0 0 5px; float : left; display : inline; text-align: center; } #booth-content .billboards2 img { margin : 0 0 10px 0; } #booth-content .billboards2 a:hover img { margin-left : 10px; } /*--------------------------------------- PAGES CONTENT ---------------------------------------*/ /* =about */ #about-text { width : 430px; margin : 0 auto; position : relative; } h2#header-history { text-indent : -9999px; margin : 0 0 0 150px; padding-top: 35px; background : url(../imgs/images/h1_history.gif) no-repeat 0 30px; } h1#header-science { text-indent : -9999px; margin : 0 0 0 120px; padding-top: 35px; background : url(../imgs/images/h2_science_sock.gif) no-repeat 0 30px; } ul#about-options { list-style-type : circle; list-style-position: inside; margin : 0 0 15px 0; } #about-text img { float : right; margin : 0 0 10px 10px;} #about-text img.about-image { text-align : center; float : none; clear : both; } #about-text img.about-image2 { text-align : center; float : none; margin-left: 110px; } #dr-about { position : absolute; left : 347px; top : 290px} /* =contact */ #contact-text { width : 430px; margin : 0 auto; } h1#header-contact { text-indent : -9999px; margin : 0 0 0 190px; padding-top: 35px; background : url(../imgs/images/h1_contact.gif) no-repeat 0 30px; } #contact-text ul { list-style-type : disc; list-style-position: inside; margin : 0 0 15px 0; } /* =Sockists */ #sockists-text { width : 430px; margin : 0 auto; } h1#header-sockists { text-indent : -9999px; margin : 0 0 0 190px; padding-top: 35px; background : url(../imgs/images/h1_sockists.gif) no-repeat 0 30px; } /* =Sock TV */ #socktv-text { width : 430px; margin : 0 auto; } h1#header-socktv { text-indent : -9999px; margin : 0 0 0 190px; padding-top: 35px; background : url(../imgs/images/h1_socktv.gif) no-repeat 0 30px; } h1#header-competition { width : 188px; height : 24px; text-indent : -9999px; margin : 0 0 0 170px; padding-top: 35px; background : url(../imgs/images/h1_comp.gif) no-repeat 0 30px; } /*--------------------------------------- MEET THE SOCKS CONTENT ---------------------------------------*/ /* =sockindex */ #sock-landing-text { width : 430px; margin : 0 auto; } #sock-landing-text ul.sock-thumbnails { position : relative; list-style-type : none; width : 500px; padding : 0; } #sock-landing-text ul.sock-thumbnails li { float : left; width : 102px; padding : 2px; } #sock-landing-text ul.sock-thumbnails li a { display: block; text-align: center;} #sock-landing-text ul.sock-thumbnails li#ncompression { background : url(../imgs/modelcard/dr.jpg) no-repeat 50% 10px;} #sock-landing-text ul.sock-thumbnails li#nargyll { background : url(../imgs/modelcard/who.jpg) no-repeat 50% 10px;} #sock-landing-text ul.sock-thumbnails li#noriginal { background : url(../imgs/modelcard/joe.jpg) no-repeat 50% 10px;} #sock-landing-text ul.sock-thumbnails li#ntactel { background : url(../imgs/modelcard/lady.jpg) no-repeat 50% 10px; } #sock-landing-text ul.sock-thumbnails li#nsupport { background : url(../imgs/modelcard/nurse.jpg) no-repeat 50% 10px; border-bottom : 0; } #sock-landing-text ul.sock-thumbnails li#nfootstrong { background : url(../imgs/modelcard/pierre.jpg) no-repeat 50% 10px; border-bottom : 0;} #sock-landing-text ul.sock-thumbnails li#nfushion { background : url(../imgs/modelcard/prof.jpg) no-repeat 50% 10px; border-bottom : 0;} #sock-landing-text ul.sock-thumbnails li#nwalker { background : url(../imgs/modelcard/rufus.jpg) no-repeat 50% 10px; border-bottom : 0; border-right : 0;} ul.sock-thumbnails li#ncompression a, ul.sock-thumbnails li#nargyll a, ul.sock-thumbnails li#noriginal a, ul.sock-thumbnails li#ntactel a, ul.sock-thumbnails li#nsupport a, ul.sock-thumbnails li#nfootstrong a, ul.sock-thumbnails li#nfushion a, ul.sock-thumbnails li#nwalker a { padding-top : 160px;} #sock-landing-text ul.sock-thumbnails li a { display: block; text-align: center;} .below-sock-thumbs { float : left; width : 100px; margin-top : 20px; } .below-sock-thumbs #nbusta { display: block; text-align: center;} .below-sock-thumbs #nbusta { background : url(../imgs/modelcard/busta.jpg) no-repeat 50% 10px; padding-top : 160px;} .below-sock-thumbs2 { float : left; width : 250px; margin : 30px 0 0 30px; } /* =sockprofiles */ #sock-image { width : 140px; float : left; display : inline; padding : 0 20px 0 20px; } #socks-text { float : left; display : inline; width : 300px; margin : 0 auto; } #socks-text img.logo { margin-bottom : 25px } .meetthesocks ul.benefits { width : 225px; list-style-type : disc; list-style-position: outside; margin : 0 0 15px 0; padding-left : 20px; } table, th, td { border : 1px solid #c9735c; border-collapse : collapse;} table { width : 300px; border : none; border-top: 1px solid #c9735c; border-bottom: 1px solid #c9735c;} th { padding : 5px 5px; font-size :90%; text-transform: uppercase; text-align: left; background : #c9735c; } td {padding :5px 5px; font-size : 10px; } table { margin : 0 0 75px 0;} /* =sockoriginal imgs */ #original1 { margin-top : 10px; } #original2 { margin-top : 100px; } #original3 { margin-top : 200px; } /* =socktactel imgs */ #tactel1 { margin-top : 10px; } #tactel2 { margin-top : 175px; } #tactel3 { margin-top : 290px; } #tactel4 { margin-top : 220px; } #tactel5 { margin : 260px 0 0 60px; } /* =sockgolf imgs */ #golf1 { margin-top : 10px; } #golf2 { margin-top : 165px; } #golf3 { margin-top : 190px; } #golf4 { margin-top : 315px; } /* =sockgolf imgs */ #walking1 { margin-top : 10px; } #walking2 { margin-top : 25px; } #walking3 { margin-top : 330px; } #walking4 { margin-top : 180px; } /* =sockproile-nav */ #sock-nav { width : 430px; margin : 0 auto; clear : both; padding-top : 35px; } #sock-nav ul.sock-thumbnails { position : relative; list-style-type : none; width : 450px; margin : 0; padding : 0; } #sock-nav ul.sock-thumbnails li { float : left; width : 102px; padding : 4px; } #sock-nav ul.sock-thumbnails li a { display: block; text-align: center;} #sock-nav ul.sock-thumbnails li#ncompression { background : url(../imgs/modelcard/dr.jpg) no-repeat 50% 10px;} #sock-nav ul.sock-thumbnails li#nargyll { background : url(../imgs/modelcard/who.jpg) no-repeat 50% 10px;} #sock-nav ul.sock-thumbnails li#noriginal { background : url(../imgs/modelcard/joe.jpg) no-repeat 50% 10px;} #sock-nav ul.sock-thumbnails li#ntactel { background : url(../imgs/modelcard/lady.jpg) no-repeat 50% 10px; border-right : 0; } #sock-nav ul.sock-thumbnails li#nsupport { background : url(../imgs/modelcard/nurse.jpg) no-repeat 50% 10px; border-bottom : 0; } #sock-nav ul.sock-thumbnails li#nfootstrong { background : url(../imgs/modelcard/pierre.jpg) no-repeat 50% 10px; border-bottom : 0;} #sock-nav ul.sock-thumbnails li#nfushion { background : url(../imgs/modelcard/prof.jpg) no-repeat 50% 10px; border-bottom : 0;} #sock-nav ul.sock-thumbnails li#nwalker { background : url(../imgs/modelcard/rufus.jpg) no-repeat 50% 10px; border-bottom : 0; border-right : 0;} ul.sock-thumbnails li#ncompression a, ul.sock-thumbnails li#nargyll a, ul.sock-thumbnails li#noriginal a, ul.sock-thumbnails li#ntactel a, ul.sock-thumbnails li#nsupport a, ul.sock-thumbnails li#nfootstrong a, ul.sock-thumbnails li#nfushion a, ul.sock-thumbnails li#nwalker a { padding-top : 160px;} #sock-landing-text ul.sock-thumbnails li a { display: block; text-align: center;} /* =siteinfo */ #siteinfo-container { width : 100%; background : #1a2e21; position : relative; } #grass { position : absolute; top : -78px; left : 0; height : 89px; width : 100%; background : url(../imgs/body/grass.png) -40px 0px; } #siteinfo { color : #625d8f; font-size : 12px; width : 506px; margin : 0 auto; padding : 25px 0; } #siteinfo ul { float : right; display : inline; text-align : right; } #siteinfo p#site-terms { float : left; } #siteinfo-container #siteinfo a { color :#fff; text-decoration : none; } #siteinfo-container #siteinfo a:hover { color :#BDAA59; text-decoration : underline ;} */