@charset "utf-8";
/* CSS Document */

/*clear styles*/

.clear{clear:both}

/*@font-face styles*/

@font-face {font-family: 'Museo-300';src: url('../fonts/eot/museo-300.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-300.woff') format('woff'),url('../fonts/ttf/museo-300.ttf') format('truetype'),url('../fonts/svg/museo-300.svg#Museo-300') format('svg');}

@font-face {font-family: 'Museo-700';src: url('../fonts/eot/museo-700.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-700.woff') format('woff'),url('../fonts/ttf/museo-700.ttf') format('truetype'),url('../fonts/svg/museo-700.svg#Museo-700') format('svg');}
 
@font-face {font-family: 'Museo-500';src: url('../fonts/eot/museo-500.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-500.woff') format('woff'),url('../fonts/ttf/museo-500.ttf') format('truetype'),url('../fonts/svg/museo-500.svg#Museo-500') format('svg');}
  
@font-face {font-family: 'PressGothicPro';src: url('../fonts/eot/pressgothic.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/pressgothic.woff') format('woff'),url('../fonts/ttf/pressgothic.ttf') format('truetype'),url('../fonts/svg/pressgothic.svg#PressGothicPro') format('svg');}

 @font-face {font-family: 'Museo-300Italic';src: url('../fonts/eot/museo-300i.eot');src: url('../fonts/eot/museo-300i.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-300i.woff') format('woff'),url('../fonts/ttf/museo-300i.ttf') format('truetype'),url('../fonts/svg/museo-300i.svg#wf') format('svg');}
 
 @font-face {font-family: 'Museo-500Italic';src: url('../fonts/eot/museo-500i.eot');src: url('../fonts/eot/museo-500i.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-500i.woff') format('woff'),url('../fonts/ttf/museo-500i.ttf') format('truetype'),url('../fonts/svg/museo-500i.svg#wf') format('svg');}
 
 @font-face {font-family: 'Museo-700Italic';src: url('../fonts/eot/museo-700i.eot');src: url('../fonts/eot/museo-700i.eot?#iefix') format('embedded-opentype'),url('../fonts/woff/museo-700i.woff') format('woff'),url('../fonts/ttf/museo-700i.ttf') format('truetype'),url('../fonts/svg/museo-700i.svg#wf') format('svg');}



/*layout styles*/

#wrapper {width:100%;background:url(../images/bg-tile.jpg) repeat #000000;}
#header {width:100%;height:63px;background-color:#000;}
#headtext {width:950px;	font-family:Museo-700;	margin:0 auto;line-height:63px;}
#social-icons {float:left;padding:13px 10px; margin-left:50px;}
#content {width:990px;margin:0 auto;}
.entries {width:900px;height:692px;margin-left:45px;border-top: 5px solid #000000;}
.long-entries {width:900px;height:1200px;margin-left:45px;border-top: 5px solid #000000;}
#headline{background:url(../images/topimages/headline.png) no-repeat;width:990px;height:111px;margin-top:50px;font-size:3em}

/*main content*/

#main {width:900px;height:500px;padding-left:45px;}

/*left and right columns*/

#left-top {width:576px;float:left;}
.left-narrow {width:305px;float:left;margin-top:20px;}
.left-wide {width:590px;float:left;margin-top:20px;}
.left {width:450px;float:left;margin-top:20px;}

#right-top{width:324px;float:right;}
.right-wide{width:590px;float:right;margin-top:20px;}
.right-narrow {width:305px;float:right;margin-top:20px;}
.right{width:450px;float:right;margin-top:20px;}

/*partners*/

#logo-container {width:624px;height:1110px;float:left}
#text-container {width:250px;height:1110px;float:right;text-align:justify}
#logo-container img {position:absolute;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
#logo-container img.top:hover {opacity:0;}	
#logo-container-greg{float:left}
#logo-container-hcseo{float:left;margin-left:300px}
#logo-container-urbanmedia{float:left}
#logo-container-steveroper{float:left;margin-left:300px}
#logo-container-fusion,
#logo-container-webadvisors,
#logo-container-fp2{padding:6px;height:150px}
#logo-container-greg,
#logo-container-hcseo,
#logo-container-urbanmedia,
#logo-container-steveroper{padding:6px;height:300px}

/*Search*/

#searchbar {width:100%;height:75px;background:url(../images/icons/search.png) no-repeat;margin-top:10px;}

/*copywriting*/

#copybar {width:100%;height:75px;background:url(../images/icons/pencil.png) no-repeat;margin-top:10px;}

/*link building*/

#linkbar {width:100%;height:75px;background:url(../images/icons/link.png) no-repeat;margin-top:10px;}


/*wordpress*/

.wordbar {width:100%;height:75px;background:url(../images/icons/wp.png) no-repeat;margin-top:10px;}

/*questionmark*/

.qmark {width:100%;height:75px;background:url(../images/icons/qmark.png) no-repeat;margin-top:10px;}

/*captions*/

.gallery {width:100%; padding-left:45px;}
figure img { width: 100%; display: block; }
figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; } 
figcaption { position: absolute; background: rgba(0,0,0,0.75); color: white; padding: 10px 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;font-size:75%;line-height:1.1em} 
figure:hover figcaption { opacity: 1; } 
figure:before { content: "?"; position: absolute; font-weight: 800; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; } 
figure:hover:before { opacity: 0; } 
.cap-left:before { bottom: 10px; left: 10px; } 
.cap-left figcaption { bottom: 0; left: -30%; } 
.cap-left:hover figcaption { left: 0; } 
.cap-right:before { bottom: 10px; right: 10px; } 
.cap-right figcaption { bottom: 0; right: -30%; } 
.cap-right:hover figcaption { right: 0; } 
.cap-top:before { top: 10px; left: 10px; } 
.cap-top figcaption { left: 0; top: -30%; } 
.cap-top:hover figcaption { top: 0; } 
.cap-bot:before { bottom: 10px; left: 10px; } 
.cap-bot figcaption { left: 0; bottom: -30%;} 
.cap-bot:hover figcaption { bottom: 0; }


/*Mobile*/

#mobar {width:100%;height:75px;background:url(../images/icons/mobile.png) no-repeat;margin-top:10px;}


/*Social*/

#sobar {width:100%;height:75px;background:url(../images/icons/social.png) no-repeat;margin-top:10px;}

/*content marketing*/

#cmbar {width:100%;height:75px;background:url(../images/icons/cmark.png) no-repeat;margin-top:10px;}

/*mobile page*/

#qrbar {width:100%;height:75px;background:url(../images/icons/qricon.png) no-repeat;margin-top:10px;}

/*contact page*/

#phonebar {width:100%;height:75px;background:url(../images/icons/phone2.png) no-repeat;margin-top:10px;}
#sharebar {width:100%;height:75px;background:url(../images/icons/share.png) no-repeat;margin-top:10px;}

/*infobox*/

#box {width:900px;height:570px;background:url(../images/box.png) no-repeat bottom;border-top: 5px solid #000000;margin-left:45px;}
#info {font: 130% Museo-300;color:#93191c;padding:110px 70px 0px 40px;text-align:justify;line-height:1em;}

/*contact*/

#contact {width:900px;height:550px;margin-left:45px;color:#93191c;font-size:90%;}
#contable-a {background:url(../images/topimages/roboto.png) no-repeat;width:425px;height:110px;margin-top:125px;padding:15px 0px 0px 110px;float:left;}
#contable-b {background:url(../images/icons/phone.png) no-repeat;width:425px;height:110px;line-height:110px;padding-left:110px; float:left;}
#contable-c {background:url(../images/icons/email.png) no-repeat;width:425px;height:110px;line-height:110px;padding-left:110px; float:left;}
#hello {width:300px;height:330px;background:url(../images/hello.png) no-repeat;margin-top:125px;float:right;padding:24px;}

/*footer*/

#footer {background:#000;height:350px;color:#fff;}
#fcopy {width:900px;padding:50px 45px;margin:0 auto;}

/*form*/

label {font-size: 20px;color: #000;}
form {float: left; padding: 30px 40px 20px 5px; margin: 15px 0 0 0;width: 890px;}
fieldset {border: none;}
#user-details {float: left;width: 350px; }
#user-message {float: right;width: 450px;}
select, input, textarea {padding: 8px;margin: 4px 0 20px 0;background: #fff;width: 340px;font-size: 14px;color: #000;border: 1px #ddd solid;-webkit-box-shadow: 0px 0px 4px #fff;-moz-box-shadow: 0px 0px 4px #fff;box-shadow: 0px 0px 4px #fff;-webkit-transition: background 0.3s linear;}	
textarea {width: 440px;height: 290px;}
select:hover, input:hover, textarea:hover {background: #d7f2f2;}
input.submit {width: 150px;color: #000;text-transform: uppercase;margin-top: 10px;background-color: #86c6c5;border: none;-webkit-transition: -webkit-box-shadow 0.3s linear;-moz-border-radius: 4px;-webkit-border-radius: 4px;-border-radius: 4px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86c6c5), to(#6fa2a1));background: -moz-linear-gradient(25% 75% 90deg,#6fa2a1, #86c6c5);} 
input.submit:hover {-webkit-box-shadow: 0px 0px 20px #86c6c5;-moz-box-shadow: 0px 0px 20px #6fa2a1;box-shadow: 0px 0px 20px #ffffff;cursor:  pointer;}
select {float: left;width: 358px; }

/*typography styles*/

body {font:12pt/1.5em Museo-300;color: #000000;}
h1, h2{font-family: PressGothicPro;font-weight: normal;text-transform:uppercase;}
.redhead {color:#93191c;}
.blackhead {color:#000000;}
h1 {font-size: 218%;letter-spacing:.03em;color:#ffffff;line-height:111px;position:relative;top:-15px;margin-left:35px;}
h2 {font: 164% PressGothicPro;letter-spacing:0.1em;line-height:50px;text-transform:uppercase;padding:10px 0px 0px 80px;}
h3 {font: 145% Museo-700;}
h4 {font: 118% PressGothicPro;color:#93191c;text-transform:uppercase;letter-spacing:0.05em;}
.tagline {font-size:3.2em;line-height:1.1em;}
blockquote {font: 230% Museo-300;color:#93191c;background: url(../images/quotebot.png) no-repeat right bottom;padding:0px 65px; 0px -20px;text-indent: -65px;margin-bottom:1em}
blockquote:first-letter {background: url(../images/open-quote.png) no-repeat left top;padding-left:65px;}
.menu {float:right; font-size:.8em; word-spacing:1.2em;}


/*link styles*/

a.infobox:link,a.infobox:hover,a.infobox:visited {font-size:65%}
a:link,a:hover,a:visited {font-family:Museo-500;color:#93191c;text-decoration:none;}
a.red:link,a.red:hover,a.red:visited {color:#93191c;}
a.white:link,a.white:hover,a.white:visited {color:#ffffff;}
a.blue:link,a.blue:hover,a.blue:visited{color:#86c6c5;text-decoration:none;}
a.press:link,a.press:hover,a.press:visited {font-family:PressGothicPro;color:#93191c;}


p {margin-bottom:1em;}
.big-bold{font:1.1em Museo-700;color:#93191c;}
strong {font-family:Museo-700}
em {font-family:Museo-300Italic}
.strongem {font-family:Museo-700Italic}

ol {counter-reset:li;margin-left:0;padding-left:0;margin-bottom:10px;}
ol > li {position:relative;margin:0 0 6px 2em;padding:4px 8px;list-style:none;}
ol > li:before {content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;font-weight:bold;font-family:Museo-300;text-align:center;}
li ol {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

ul {margin-left:0;padding-left:0;margin-bottom:10px;}
ul > li {position:relative;margin:0 0 -7px 0;padding:4px 8px;list-style:disc outside none}
ul > li:before {position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;font-weight:bold;font-family:Museo-300;text-align:center;}
li ul {margin-top:6px;}
ul ul li:last-child {margin-bottom:0;}

/*mailchimp*/

#mc_embed_signup{background:#B7EEF0; clear:left; font:14px Museo-300; }