/* @override http://steeple.com/wp-content/themes/steeple/style.css */ /* Theme Name: Steeple Version: 1.0.0 Description: A theme for Steeple.com. Author: Tim Triplett Author URI: http://steeple.com Tags: 960 grid system, 12 column, 16 column, 24 column, threaded comments The CSS, XHTML and design is the property of Steeple Foundation. Copyright (c) 1997-2010 960 Grid System Version 1.4 Created by Nathan Smith. See the official site for more info. http://960.gs */ /* RESET */ /* Please do not change anything here */ 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.5em} ol,ul{list-style:none} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} :focus{outline:0} form {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: middle;background:transparent;font-weight:normal;} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* TEXT */ /* Please do not change anything here */ a:focus{outline:1px dotted} body{font:13px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} .float-left { float:left; } .float-right { float:right; } .float-none { float:none; } h1{font-size:25px} h2{font-size:23px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} /* GLOBAL */ /* Please do not change anything here */ a {font-weight: bold; text-decoration: none;} a:link { color: #b66f0e;} a:visited { color: #b0893a;} a:hover { color: #b0893a; text-decoration: underline;} a:active { color: #b0893a;} body { background-color: #fff;color: #444; font-size: 15px; line-height: 20px; } #contactform { margin-top: 60px; } #copyright p { padding-top: 10px; } #copyright { margin-top: 30px } #getintouch h2 { background: url('text-getintouch.jpg') no-repeat; height: 66px; text-indent: -9999px; margin: 60px 0 10px 0; } h1,h2,h3,h4 { margin:0 0 15px 0; padding: 0; color: #222;} #header { border-top: 4px solid #b66f0e } html { background-color: #f0f0e0 } img#footerlogo { float: left; margin-right: 20px } #logo a{position:relative;display:block;width:485px;height:61px;text-indent: -9999px;background:url('img/logo.png') no-repeat;margin-top: 68px } #logo a:hover{opacity:0.87;-moz-opacity:0.87;filter:alpha(opacity=87) } #nav-contact { margin-top: 10px; font-size: 13px; line-height: 18px; } #nav-contact p a { color: #444; } p { } p.note { color: red; margin-top: -14px; position: relative;} small {font-size: 11px} .switcher img.first { display: block } .switcher img { display: none } #submit-button { margin: 140px 0 0 120px } #ta { } #ta textarea { display: block; } #tagline h6 { font-size: 11px;position: relative;display: block; margin-top: 23px } #tagline span.em {font: italic 11px 'Georgia', New Times Roman, Times, serif} ul, li { margin: 0; padding: 0; list-style: none;} /* NAVIGATION */ /* Please do not change anything here */ #nav li#checkusout a { width: 280px; background-position: 0 0; } #nav li#getintouch a { width: 280px; background-position: 0 -42px } #nav li#checkusout a:hover { background-position: -280px 0px } #nav li#getintouch a:hover { background-position: -280px -42px } #nav li#checkusout a:active { background-position: -560px 0px } #nav li#getintouch a:active { background-position: -560px -42px } ul#nav {margin-top: 65px;} ul#nav li { display: inline; } ul#nav li a { background: url('img/nav.png') no-repeat; height: 42px; display: block; float: left; text-indent: -9999px; outline: none } /* STAGE */ /* Please do not change anything here */ #actions a { display: block; float: left; margin-right: 20px; width: 211px; height: 48px; text-indent: -9999px; } #actions a:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); } #actions a#button-getintouch { background: url('img/button-getintouch.png'); } #actions a#button-seeourwork { background: url('img/button-seeourwork.png'); } #stage { margin-top: 20px;} #stage { background: url('img/stage.png') repeat-x;} #stage h1 { color: #2e68b2; text-transform: uppercase; font-size: 4em; margin: 90px 0 2px 0 } #stage h2 { font: italic 2.5em Georgia, "Times New Roman", Times, serif; padding: 2px 0 2px 0; } #stage p.lead { font-size: 17px; line-height: 20px } #tweets { background: url('img/tweets.png') no-repeat; margin: -40px 0 20px -8px; position: relative; height: 368px; } #tweets { padding: 0 25px; } .aktt_tweets a { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 10px; color: #2e68b2; } .aktt_tweets li { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 10px } #tweets h2 { text-indent: -9999px; } #tweets h2 { display: block; height: 50px; width: 200px; } #tweets span.time { color: #1f3467 } #twitterlink { margin-top: 20px; } #twitterlink a { text-indent: -9999px; display: block; float: left; height: 44px; background-repeat: no-repeat; } #twitterlink a:hover { border-bottom: 1px solid #ccc; } #twitterlink a#twitter-link { background: url('img/twitter.png'); width: 300px; } /* TOP AD */ /* Please do not change anything here */ #ad {position: relative;visibility: visible;overflow: visible;margin: 25px 0 50px 0;} /* CONTENT */ /* Please do not change anything here */ #featured .inner { background: #efefef; padding: 20px; margin-bottom: 20px; } #featured p.metadata { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif } #featured li { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif } img#featuredbottom { margin: -3px; position: relative } img#featureditem:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} #main { margin-bottom: 20px } #main h1 { color: #4691c1; text-transform: uppercase; margin-bottom: 0px } #main h3 { color: #2e68b2; text-transform: uppercase; margin-bottom: 5px } #main h4 { font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif; font-weight: 400 } #main p { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #main p a {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 2px; text-transform: uppercase;} #main p.lead { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 25px } #main p.crumb a { color: #ccc;} #main ol {margin-bottom: 15px;} #main ul {margin-bottom: 15px;} #main li {font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; list-style-position: inherit; padding: 3px 0 3px 0; margin: 0 0 0 20px; list-style-type: decimal;} #main li.uolist {font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; list-style-position: inherit; padding: 3px 0 3px 0; margin: 0 0 0 20px; list-style-type: circle;} #main p.source { font: 0.6em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 12px; color: #bbb; text-align: left; border-top: 1px dotted silver; padding: 10px 0 25px 0;} #main p.tell {float: right; margin: -10px 45px 10px 0; } #main blockquote {margin: 0 75px 0 25px;text-align: justify;} a.commentcount{ line-height: 20px; display: block; color: #fff; } a.commentcount:hover{ color: #dcdcdc; } a.posttitle { color: #2e68b2 } a.posttitle:hover { color: #468ffe } .breadcrumb {font: 0.6em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 12px; color: #ccc; } .breadcrumb a { color:#ddd } .breadcrumb a:hover { color:#bbb } .byline{font-family:'Lucida Grande',Geneva,Helvetica,sans-serif;font-size:10px;text-transform:uppercase;color:#666;text-align:left;letter-spacing:.2em;display:block;width:100%;height:42px;border-bottom:1px dotted #dedede;margin-top:-3px;margin-bottom:22px!important;} .byline a { color: #666;} .crumb { font-family:'Lucida Grande',Geneva,Helvetica,sans-serif;font-size:10px;font-weight:lighter;font-variant:normal;text-transform:uppercase;color:#ccc;text-align:left;letter-spacing:.2em;margin-bottom:16px;} .crumb a { color: #ccc;} .postheader { width: 580px ;height: 191px; background: transparent url('img/post-header.png') } .postheader img { border: none } .postimg { float: right; padding: 8px 11px 0 0;border: none } .postmeta { float: left; width: 106px; text-align: right; color: #919191 } .postmeta a:link, .postmeta a:visited { color: #fff } .postmeta a:hover { color: #919191 } .postmeta .category { font-size: 12px ;padding: 0 0px 6px 0px; text-align: right; display: block; margin-right: 12px } .postmeta .commentcount { margin: 63px 12px 0 3px; font-size: 10px; display: block; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic } .postmeta .date { padding: 30px 0px 2px 0px; font-weight: bold; text-align: right; display: block; margin-right: 12px; font-size: 20px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif } .postmeta .date .day { color: #fff } #search { overflow: hidden; float: left; display: inline; margin-bottom: 22px; } .searchForm { width:240px; height:26px; background:url('img/form-search.png') no-repeat } .searchForm input.email { width:166px; margin:5px 5px 5px 5px; background:transparent;border:0 } .searchForm input.default { color:#666 } .searchForm input.submit { width:56px; height:26px; background:transparent url('img/form-subscribe.png') no-repeat bottom right; border:0;color:white;font-weight:bold;margin-left:0px;margin-top:0px;font-size:15px; float: right; } .searchForm input.submit:hover { cursor:pointer } #sidebar {margin-bottom: 20px;} #sidebar h4 {margin-bottom:5px;color:#999;} .block {margin-bottom: 25px;} .block ul{list-style:none;margin:4px 0 4px 0;} .block ul li{font-size:12px;font-weight: 400 ; line-height:1.2em;border-bottom:1px dotted #dedede;padding:4px 0;} .block a {font-size:12px;font-weight: 400 ;color:#4691c1;} .block a:hover { color: #919191 } /* ROUNDED CORNER TABLE */ /* Please do not change anything here */ #rounded-corner { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top: 45px; margin-bottom: 45px; margin-left: 0px; width: 560px; text-align: left; border-collapse: collapse; } #rounded-corner thead th.rounded-company { background: #579bc6 url('img/left.png') left -1px no-repeat; } #rounded-corner thead th.rounded-q4 { background: #579bc6 url('img/right.png') right -1px no-repeat; } #rounded-corner th { padding: 8px; font-weight: normal; font-size: 12px; color: #eaeaea; background: #579bc6; } #rounded-corner td { padding: 8px; background: #e0e0e0; border-top: 1px solid #fff; font-size: 12px; color: #434445; } #rounded-corner tfoot td.rounded-foot-left { background: #e0e0e0 url('img/botleft.png') left bottom no-repeat; } #rounded-corner tfoot td.rounded-foot-right { background: #e0e0e0 url('img/botright.png') right bottom no-repeat; } #rounded-corner tbody tr:hover td { background: #efefef; } /* TOOLTIP */ /* Please do not change anything here */ #tooltip { position: absolute; z-index: 3000; border: 4px solid #ccc; background-color: #efefef; padding: 15px; width: 260px } #tooltip div { font-size: 15px; font-weight: normal; line-height: 19px } #tooltip h3, #tooltip div { margin: 0 } #tooltip h3 { font-size: 22px; margin-bottom: 6px } /* SERVICES */ /* Please do not change anything here */ #services { overflow: hidden; margin-top: 0px; border-bottom: 1px solid #e6e5d3;padding: 40px 40px 0px 40px; } #services p { font: 0.85em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #services h3 { font-size: 18px; font-weight: 400 } img#thumbnail { position: relative; padding: 0 20px 120px 0 } #column_1 { padding: 30px 0 30px 0 } #column_2 { padding: 30px 0 30px 0 } #column_3 { padding: 30px 0 30px 0 } /* DEVELOP */ /* Please do not change anything here */ #develop { background: #2e68b2; border-bottom: 1px solid #e6e5d3; border-top: #c0c0c0; } #pitch { padding: 30px 0 30px 0 } #pitch h1 { font: 1.6em/1.5em; color: #fff; font-weight: 500; margin-bottom: .1em } #pitch h4 { font-size: 13px;color: #fff; font-weight: 500; margin-bottom: .1em } #start { padding: 30px 0 30px 0 } #start a { display: block; width: 207px; height: 41px; text-indent: -9999px } #start a:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90) } #start a#button-clickhere { background: url('img/button-clickhere.png') } /* NETWORK */ /* Please do not change anything here */ #network { background: #f0f0e0;border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2px 0 0 0 } #contact { overflow: hidden; float: left; display: inline } #contact li {float: left; display: inline; margin-right: 10px;font-size: .85em; color: #696f74 } #contact a { font-weight: 400; color: #696f74 } #contact a#button-vcard { display: block; width: 16px; height: 11px; text-indent: -9999px } #contact a#button-delicious { display: block; width: 14px; height: 14px; text-indent: -9999px } #contact a#button-stumbleupon { display: block; width: 14px; height: 14px; text-indent: -9999px } #contact a#button-tweet { display: block; width: 14px; height: 14px; text-indent: -9999px } #contact a#button-facebook { display: block; width: 14px; height: 14px; text-indent: -9999px } #contact a:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90) } #contact a#button-vcard { background: url('img/button-vcard.png'); margin-top: 5px } #contact a#button-delicious { background: url('img/button-delicious.png'); margin-top: 2px } #contact a#button-stumbleupon { background: url('img/button-stumbleupon.png'); margin-top: 2px } #contact a#button-tweet { background: url('img/button-tweet.png'); margin-top: 2px } #contact a#button-facebook { background: url('img/button-facebook.png'); margin-top: 2px } #social { overflow: hidden; float: right; display: inline } #social li {float: left; display: inline; margin-right: 10px;font-size: .85em; color: #696f74 } #social a { display: block; width: 16px; height: 16px; text-indent: -9999px } #social a:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90) } #social a#button-twitter { background: url('img/button-twitter.png'); margin-top: 2px } #social a#button-linkedin { background: url('img/button-linkedin.png'); margin-top: 2px } #social a#button-flicker { background: url('img/button-flicker.png'); margin-top: 2px } #subscribe { overflow: hidden; float: right; display: inline; } .subscribeForm { padding-left: ;;width:280px; height:26px; background:url('img/form-email.png') no-repeat } .subscribeForm input.email { width:166px; margin:5px 5px 5px 45px; background:transparent;border:0 } .subscribeForm input.default { color:#666 } .subscribeForm input.submit { width:56px; height:26px; background:transparent url('img/form-subscribe.png') no-repeat bottom right; border:0;color:white;font-weight:bold;margin-left:0px;margin-top:0px;font-size:15px; float: right; } .subscribeForm input.submit:hover { cursor:pointer } /* SIDEBAR */ /* Please do not change anything here */ #connect { overflow: hidden; float: left; display: inline; } #connect li {float: left;display: inline; margin-right: 10px; margin-bottom: 10px;font-size: 16px; color: #696f74; padding-top: 5px; } #connect a { font-weight: 500; color: #696f74; } #connect a#button-twitter { display: block; width: 32px; height: 32px; text-indent: -9999px } #connect a#button-fbook { display: block; width: 32px; height: 32px; text-indent: -9999px } #connect a#button-rss { display: block; width: 32px; height: 32px; text-indent: -9999px } #connect a:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90) } #connect a#button-twitter { background: url('img/twitter-32x32.png'); margin-top: -5px } #connect a#button-fbook { background: url('img/facebook-32x32.png'); margin-top: -5px } #connect a#button-rss { background: url('img/rss-32x32.png'); margin-top: -5px } /* FORM */ /* Please do not change anything here */ #form { background: #f0f0e0; border-top: 1px solid #e6e5d3; padding: 2px 0 0 0 } #form-container { background: #fff; border: 1px solid #e6e5d3; padding: 0 0 0 0; margin-bottom: 30px; } #instructions h1 { font: italic 36px Georgia, "Times New Roman", Times, serif; margin: 40px 0 20px 0 } #instructions h3 { color: #b0893a; text-transform: uppercase; margin-bottom: 0px } #instructions h4 { color: #969696; font-style: italic; font-size: 12px; font-weight: 400 } .comments { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5; height: 190px; margin-left: 15px;} .form-button { height: 46px; width:167px; margin:0 0 10px 0; background-image: url(img/form-submit.jpg); overflow: hidden; float: left; display: inline; border: 0px } .form-panel { margin-bottom: 24px; width: 100%; color: #777777 } .form-panel h4 { background: #e2e2ce; width: 90%; padding: 6px 3% 6px 3%; margin: 10px; color: #333333; margin-bottom: 12px; font-size: .85em; font-weight: 600} .form-row { width: 100%; overflow: hidden; margin-bottom:3px; vertical-align: middle } .form-submit { padding: 10px 0 0 15px } .interest-list { width: 96%; overflow: hidden; margin: 0 auto;} .interest-list li { width: 49%; float: left; display: inline; font-size: .85em; margin-top: 3px; margin-left: 4px;} .interest-list li input { margin-right: 13px;} .interest-list li.asterik { width: 99%; font-size: 1em; font-style: italic; margin-top: 8px; color: #999999; padding-left: 3px } .normal-input { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;} .signup-left-column { width: 28%; float: left; display: inline; padding-top: 1px; text-align: right;} .signup-left-column label { font-size: .85em; line-height: 1.3em; font-weight: bold; vertical-align: middle } .signup-right-column { width: 68%; float: right; display: inline } .signup-right-column label { font-size: .85em; font-weight: 400;line-height: 1.3em; vertical-align: middle } /* FOOTER */ /* Please do not change anything here */ #footer { background: #f0f0e0; margin-top: 0px; color: #781200; padding-bottom: 200px; border-top: 1px solid #e6e5d3; padding: 7px 0 0 0; } #footer a { color: #781200; } #footer-container { overflow: hidden; float: left; display: inline } #footer li {float: left; display: inline; margin-right: 10px; font-size: .65em; color: #969696 } /* 960 GRID */ /* Please do not change anything here */ .container_12,.container_16{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{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px} .container_12 .grid_3,.container_16 .grid_4{width:220px} .container_12 .grid_6,.container_16 .grid_8{width:460px} .container_12 .grid_9,.container_16 .grid_12{width:700px} .container_12 .grid_12,.container_16 .grid_16{width:940px} .alpha{margin-left:0} .omega{margin-right:0} .container_12 .grid_1{width:60px} .container_12 .grid_2{width:140px} .container_12 .grid_4{width:300px} .container_12 .grid_5{width:380px} .container_12 .grid_7{width:540px} .container_12 .grid_8{width:620px} .container_12 .grid_10{width:780px} .container_12 .grid_11{width:860px} .container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:340px} .container_16 .grid_7{width:400px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px} .container_16 .grid_11{width:640px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px} .container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px} .container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px} .container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px} .container_12 .prefix_1{padding-left:80px} .container_12 .prefix_2{padding-left:160px} .container_12 .prefix_4{padding-left:320px} .container_12 .prefix_5{padding-left:400px} .container_12 .prefix_7{padding-left:560px} .container_12 .prefix_8{padding-left:640px} .container_12 .prefix_10{padding-left:800px} .container_12 .prefix_11{padding-left:880px} .container_16 .prefix_1{padding-left:60px} .container_16 .prefix_2{padding-left:120px} .container_16 .prefix_3{padding-left:180px} .container_16 .prefix_5{padding-left:300px} .container_16 .prefix_6{padding-left:360px} .container_16 .prefix_7{padding-left:420px} .container_16 .prefix_9{padding-left:540px} .container_16 .prefix_10{padding-left:600px} .container_16 .prefix_11{padding-left:660px} .container_16 .prefix_13{padding-left:780px} .container_16 .prefix_14{padding-left:840px} .container_16 .prefix_15{padding-left:900px} .container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px} .container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px} .container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px} .container_12 .suffix_1{padding-right:80px} .container_12 .suffix_2{padding-right:160px} .container_12 .suffix_4{padding-right:320px} .container_12 .suffix_5{padding-right:400px} .container_12 .suffix_7{padding-right:560px} .container_12 .suffix_8{padding-right:640px} .container_12 .suffix_10{padding-right:800px} .container_12 .suffix_11{padding-right:880px} .container_16 .suffix_1{padding-right:60px} .container_16 .suffix_2{padding-right:120px} .container_16 .suffix_3{padding-right:180px} .container_16 .suffix_5{padding-right:300px} .container_16 .suffix_6{padding-right:360px} .container_16 .suffix_7{padding-right:420px} .container_16 .suffix_9{padding-right:540px} .container_16 .suffix_10{padding-right:600px} .container_16 .suffix_11{padding-right:660px} .container_16 .suffix_13{padding-right:780px} .container_16 .suffix_14{padding-right:840px} .container_16 .suffix_15{padding-right:900px} .container_12 .push_3,.container_16 .push_4{left:240px} .container_12 .push_6,.container_16 .push_8{left:480px} .container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}. container_12 .push_2{left:160px} .container_12 .push_4{left:320px} .container_12 .push_5{left:400px} .container_12 .push_7{left:560px} .container_12 .push_8{left:640px} .container_12 .push_10{left:800px} .container_12 .push_11{left:880px} .container_16 .push_1{left:60px} .container_16 .push_2{left:120px} .container_16 .push_3{left:180px} .container_16 .push_5{left:300px} .container_16 .push_6{left:360px} .container_16 .push_7{left:420px} .container_16 .push_9{left:540px} .container_16 .push_10{left:600px} .container_16 .push_11{left:660px} .container_16 .push_13{left:780px} .container_16 .push_14{left:840px} .container_16 .push_15{left:900px} .container_12 .pull_3,.container_16 .pull_4{left:-240px} .container_12 .pull_6,.container_16 .pull_8{left:-480px} .container_12 .pull_9,.container_16 .pull_12{left:-720px} .container_12 .pull_1{left:-80px} .container_12 .pull_2{left:-160px} .container_12 .pull_4{left:-320px} .container_12 .pull_5{left:-400px} .container_12 .pull_7{left:-560px} .container_12 .pull_8{left:-640px} .container_12 .pull_10{left:-800px} .container_12 .pull_11{left:-880px} .container_16 .pull_1{left:-60px} .container_16 .pull_2{left:-120px} .container_16 .pull_3{left:-180px} .container_16 .pull_5{left:-300px} .container_16 .pull_6{left:-360px} .container_16 .pull_7{left:-420px} .container_16 .pull_9{left:-540px} .container_16 .pull_10{left:-600px} .container_16 .pull_11{left:-660px} .container_16 .pull_13{left:-780px} .container_16 .pull_14{left:-840px} .container_16 .pull_15{left:-900px} .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}