/* Theme Name: Snap2 Theme URI: http://snap2.co.uk/ Description: The Snap2 theme - Modern SEO friendly theme created by the dynamic duo at www.snap2.co.uk. Version: 2.1 Author: Craig Brothers & Steve Townsend Author URI: http://snap2.co.uk/ Tags: contemporary, 960 grid, fixed width, two columns, widgets This theme was designed and built by Craig Brothers, and Steve Townsend http://snap2.co.uk/ */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body { color: #7f7f7f; font-size: 12px; font-family: "Helvetica Neue";} h1 {font-weight: bold; font-family: sans-serif; margin-bottom: 20px; color: #64268d; text-transform: none; font-size: 32px;} h2 {font-weight: bold; margin-bottom: 6px; color: #64268d; text-transform: none; font-size: 20px;} h2.sidebar {font-weight: bold; margin-bottom: 6px; font-size: 20px;} h3 {margin-bottom: 4px; color: #bfbfbf; text-transform: none; font-size: 12px;} h3.sidebar {margin-bottom: 10px; font-size: 28px;} #footer-bottom h3 {font-weight: bold; color: #64268d;} p {margin-bottom: 10px;} li a {text-decoration: none; list-style-type: none;} li {list-style-type: none;} #main-content p {margin-right: 120px;} #right-sidebar p {font-size: 12px;} p a {font-weight: bold; text-decoration: none; color: #7c9807;} p a:hover {color: #64268d;} a {color: #7c9807;} a:hover {color: #64268d;} /* HEADER */ /* DEFAULT HEADER */ #header-wrap { margin-bottom: 60px; background-position: center top; background-image: url(/limited/images/headers/dandelion.jpg); background-repeat: no-repeat; background-color: #000; height: 283px; } /* SERVICES */ .page-id-6 #header-wrap, .parent-pageid-6 #header-wrap {background-image: url(/limited/images/headers/tube.jpg); } /* ABOUT */ .page-id-56 #header-wrap, .parent-pageid-56 #header-wrap {background-image: url(/limited/images/headers/eden.jpg); } /* CLIENTS */ .page-id-7 #header-wrap, .parent-pageid-7 #header-wrap {background-image: url(/limited/images/headers/windows.jpg); } /* PORTFOLIO */ .page-id-8 #header-wrap, .parent-pageid-8 #header-wrap {background-image: url(/limited/images/headers/candy.jpg); } /* LATEST NEWS */ .blog #header-wrap {background-image: url(/limited/images/headers/crossing.jpg); } /* OTHER STUFF */ .page-id-254 #header-wrap, .parent-pageid-254 #header-wrap {background-image: url(/limited/images/headers/smallcar.jpg); } /* CONTACT */ .page-id-11 #header-wrap, .parent-pageid-11 #header-wrap {background-image: url(/limited/images/headers/contact.jpg); } #icon {} #icon li { margin-left: 110px; margin-bottom: 0; margin-right: 0; margin-top: 0px; text-indent: -9999px; list-style-type:none; padding: 0; } #icon li a { background-image:url(images/snap2-sprite.jpg); background-repeat:no-repeat; display:block; height: 50px; width: 300px; } #icon li a.item1 { background-position:-100px 0px; } #icon li a.item1:hover { background-position:-50px 0px; } #icon li a.item2 { background-position:-100px -250px; } #icon li a.item2:hover { background-position:-50px -250px; } #icon li a.item3 { background-position:-100px -100px; } #icon li a.item3:hover { background-position:-50px -100px; } #icon li a.item4 { background-position:-100px -150px; } #icon li a.item4:hover { background-position:-50px -150px; } #icon li a.item5 { background-position:-100px -200px; } #icon li a.item5:hover { background-position:-50px -200px; } #icon li a.item6 { background-position:-100px -250px; } #icon li a.item6:hover { background-position:-50px -250px; } /* MAIN-NAV */ #main-nav {text-align: left; margin-top: 251px;} ul#menu { line-height: 10px; letter-spacing: 1px; text-transform: uppercase; margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:30px; font-size: 12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; background: none; } ul#menu li { padding-left: 14px; padding-bottom: 8px; padding-right: 14px; padding-top: 8px; line-height: 12px; color: #bfbfbf; display:block; float:left; margin-bottom: 10; } ul#menu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:normal; border-bottom-color: grey; } ul#menu li a:hover { color: white; background:none; } ul#menu li li { font-size: 10px; color: #bfbfbf; background-color: #712ba0; height: auto; width: 140px; } ul#menu li li:hover { background-color: #8532be; width: 140px; } ul#menu li li a { width:140px; } ul#menu li li a:hover { color: white; } ul#menu li li li { background-color: #8532be; } ul#menu li li li:hover { background-color: #a23bed; } /* MAIN CONTENT */ #content {display: block; height: auto; margin-bottom: 20px;} /* FOOTERS */ #footer-top {padding: 20px; border-bottom-color: #7f7f7f; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 20px;} #footer-bottom {margin-bottom: 20px;} #footer-bottom li {list-style-type: none; font-size: 10px;} .alignright {float: right;} /* Sidebar */ span.wpcf7-list-item { margin-left: 0; display: block; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}