/* Theme Name: Sales Collateral Theme */

@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,300italic);


body { margin:0px; padding:0px; font-size:19.5px; color:#323232; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight:600; }

/* Basic Styles */
img { border:0px; vertical-align:top; }
a { text-decoration:none; color:#697172; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { color:#000; }
h1 { text-align:center; font-size:52px; font-weight:300; line-height:60px; margin:0 auto 20px; }
h1 strong { font-weight:700; }
h1 span { color:#ED1C24; }
h1.underline { padding-bottom:15px; background:url("images/om-line.png") center bottom no-repeat; }
h1.underline.light { background:url("images/om-line-light.png") center bottom no-repeat; }
h2 { text-align:center; font-size:51px; font-weight:300; line-height:65px; }
h3 { font-size:51px; line-height:60px; color:#FFF; font-weight:700; margin:0 auto 5px; }

p.small { font-size:13px; font-weight:300; line-height:22px; }

/* Image Styles */
.alignright { float:right; margin:0 0 10px 15px; }
.alignleft { float:left; margin:0 15px 10px 0; }
.aligncenter { display:block; margin:10px auto; }

/* Review Stars */
.star { display:inline-block; width:62px; height:60px; background:url("images/stars.png") center top no-repeat; vertical-align:middle; }
.star.half { background-position:0 -60px; }
.star.whole { background-position:0 -120px; }
.star.small { display:inline-block; width:34px; height:33px; background:url("images/stars-small.png") center top no-repeat; vertical-align:middle; }
.star.small.half { background-position:0 -33px; }
.star.small.whole { background-position:0 -66px; }

/* Other Icons */
.icon { display:inline-block; background-position:left center; background-repeat:no-repeat; text-align:left; vertical-align:middle; line-height:30px; }
.review { padding:0 0 0 140px; height:36px; background-image:url("images/reviews.png"); }
.phone { padding:2px 0 1px 120px; background-image:url("images/phones.png"); }
.rating { padding:2px 0 1px 200px; background-image:url("images/rating.png"); }
.fans { padding:2px 0 3px 185px; background-image:url("images/facebook-fans.png"); }
.bank { padding:2px 0 2px 85px; background-image:url("images/piggybank.png"); }
.downward { padding:2px 0 2px 85px; background-image:url("images/downward-trend.png"); }
.referer { padding:12px 0 12px 140px; background-image:url("images/facebook-referer.png"); }
.advocates { padding:14px 0 14px 75px; background-image:url("images/advocates.png"); }
.tickets { padding:17px 0 17px 115px; background-image:url("images/ticket-sales.png"); }
.awareness { padding:2px 0 2px 135px; background-image:url("images/awareness.png"); }

/* Layer Cake */
#header { position:relative; width:100%; float:left; }
#nav { position:relative; width:100%; float:left; }
#content { width:100%; position:relative; float:left; }
#footer { width:100%; position:relative; float:left; }

.wrapper { position:relative; width:1170px; margin:0 auto; }
.widgettitle { display:none; } /* Hide Widget Titles */
.row { width:100%; position:relative; margin:0 auto; text-align:center; }



/* NAVIGATION */
#nav { position:fixed; top:35px; left:0; margin:0; z-index:999; text-align:center; }
#nav .menu-primary { list-style:none; padding:0; margin:0px; display:inline-block; width:960px; }
#nav .menu-primary li { position:relative; display:inline-block; margin:0px; padding:0px; float:left; }
#nav .menu-primary li a, #nav .menu-primary li.toggle .sub-menu a { text-indent:0px; width:auto; background:none; display:block; height:40px; padding:0 20px; line-height:40px; color:#FEF5F5; font-size:16px; background:#ED1C24; font-weight:700; }
#nav .menu-primary li a span { font-weight:300; }

/* Sub Menu */
#nav .menu-primary li .sub-menu { padding:0px; margin:0px; float:left; display:none; }


/* Toggle Button */
#nav .menu-primary li.toggle a { float:left; width:40px; height:40px; padding:0 10px 0 0; background:url("images/menu-bg.png") left top no-repeat; text-indent:50px; overflow:hidden; }
#nav .menu-primary li.toggle.open a { background-position:0 -40px; }

/* Header */
.header { background:url("images/header-bg.jpg") center top no-repeat; }
.header .wrapper { height:800px; }
.header h1 { color:#FFF; text-shadow: 1px 2px rgba(0,0,0,.43); font-size: 124px; line-height:115px; padding-top:271px; margin-bottom:9px; }
.header .logo {  }
.header .menu-social { position:absolute; bottom:50px; margin:0px; padding:0px; list-style:none; text-align:center; width:100%; }
.header .menu-social li { display:inline-block; padding:0px; margin:0px; }
.header .menu-social li a { display:block; width:18px; height:18px; text-indent:20px; overflow:hidden; background:url("images/icons-social.png") left top no-repeat; opacity:.5; }
.header .menu-social li.facebook a { background-position:0 -18px; }
.header .menu-social li.google a { background-position:0 -36px; }
.header .menu-social li a:hover { opacity:1; }

/* Greatness */
.greatness { background:url("images/header-bg.jpg") center -800px no-repeat; }
.greatness .wrapper { height:591px; }
.greatness h1 { padding-top:125px; margin-bottom:75px; }

.social-seo { background:url("images/solutions-bg.jpg") center top no-repeat; }
.social-seo h1 { color:#F1F0F0; }
.social-seo p { color:#F1F0F0; margin:0 0 15px; }
.social-seo .row { overflow:hidden; }
.social-seo .intro { height:450px; padding:90px 0 0; }
.social-seo .reviews { height:390px; padding:161px 0 0; }
.social-seo .maps { height:410px; padding:140px 0 0; }
.social-seo .ppc { height:390px; padding:154px 0 0; }

/* Needs and Solutions */
.need, .effect { float:left; width:400px; margin:0 0 0 100px; }
.solution, .result { float:right; width:450px; margin:0 50px 0 0; }
.result p, .result h3 { margin:0 0 25px; }

.needed { padding:150px 0 0; background:url("images/solutions-bg.jpg") center -2184px no-repeat; }
.needed ul.building { margin:75px auto 115px; display:block; width:1030px; padding:0px; }
.needed ul.building li { display:inline-block; margin:0px; padding:145px 0 0; list-style:none; text-align:center; line-height:30px; }
.needed ul.building li.foundation { width:260px; background:url("images/building-foundation.png") center top no-repeat; }
.needed ul.building li.tearing { width:370px; background:url("images/building-tearing.png") center 25px no-repeat; margin:0 90px 0 60px; }
.needed ul.building li.tweaking { width:230px; background:url("images/building-tweaking.png") center 8px no-repeat; }

.success { background:url("images/case-studies-bg.jpg") center 175px no-repeat; }
.success h2 { text-shadow: 1px 2px rgba(0,0,0,.43); color:#FFF; margin:0 0 70px; }
.success p { color:#FFF; text-shadow: 1px 2px rgba(0,0,0,.43); }
.success p.small { text-shadow:none; }
.success h3 { text-shadow: 1px 2px rgba(0,0,0,.43); }
.success .row { overflow:hidden; }
.success .need, .success .solution { height:160px; }
.success .intro { height:175px; padding:0 0 6px; }
.success .intro p { color:#323232; text-shadow:none; }
.success .superior { height:633px; padding:58px 0 0; }
.success .avalon { height:680px; padding:76px 0 0; }
.success .burg { padding:80px 0 0; height:652px; }
.success .burg img { margin:20px 0 0; }
.success .burg h2{  margin:0 0 50px; }
.success .cowabunga { padding:63px 0 0; height:695px; }
.success .cowabunga h2 { margin:0 0 25px; }
.success .cowabunga .result h3 { margin:0 0 10px; }
.success .cowabunga .need, .success .cowabunga .solution { height:185px; }

.contact { padding:95px 0 45px; text-align:center; }
.contact p { text-align:center; margin:0 0 65px; }
.contact .back-to-top { display:inline-block; text-align:center; padding:30px 0 0; line-height:20px; font-size:16px; color:#A1A1A1; background:url("images/back-to-top.png") center top no-repeat; }
.contact .back-to-top:hover { color:#323232; }

/* Form */
.wpcf7-form { width:570px; margin:0 auto 140px; }
.wpcf7-form p { margin:0 0 25px; }
.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=email], .wpcf7-form input[type=url], .wpcf7-form textarea { font-family: 'Open Sans', sans-serif; font-weight:600; margin:0 auto 10px; border:2px solid #E3E3E3; border-radius:7px; height:37px; padding:0 10px; width:546px; background:#FFF; font-size:15px; color:#2C3E50; }
.wpcf7-form input.left { float:left; width:252px; }
.wpcf7-form input.right { float:right; width:252px; }
.wpcf7-form textarea { height:95px; padding:10px; margin:0 auto 22px; }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { border:2px solid #ED1C24; }
.wpcf7-form input[type=submit] { border:none; border-radius:7px; background:#3498DB; padding:0; margin:0 auto; font-size:16px; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:600; height:45px; width:300px; }
.wpcf7-form .use-floating-validation-tip span.wpcf7-not-valid-tip { left:0px; top:0px; font-size:12px; }


/* FOOTER */
#footer { background:url("images/footer-bg.jpg") center top no-repeat; height:231px; }
#footer .wrapper { overflow:auto; }
#footer a { color:#858C90; }
#footer .box { float:left; }
#footer .box.location { width:340px; padding:65px 0 0; }
#footer .box.location strong { color:#FFF; font-weight:700; font-size:16px; }
#footer .box.location p { color:#BDC3C7; font-size:14px; }
#footer .box.copyright { width:370px; margin:0 60px 0 90px; padding:100px 0 0; }
#footer .box.copyright p { text-align:center; font-size:14px; color:#BDC3C7; line-height:16px; }
#footer .box.logo { width:300px; padding:40px 0 0 10px; }