* #Reset & Basics
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}	
body {line-height: 1; }
ol, ul { }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
table {border-spacing: 0;border: 1px solid;width: 100%; }
tr th{border-bottom: 1px solid;text-align: left;}
tr th, tr td{padding: 9px 20px;border-right: 1px solid;	}
tr th:last-child, tr td:last-child{border-right: 0px;}
table th{ font-weight: bold; }


/* ----------------------------- Main ------------------------------ */

body{margin:0;color:#4e4e4e; outline:none; font-size:14px; font-family:'Open Sans', Arial, Helvetica, sans-serif; background:url(images/body_bg.png) no-repeat center; background-attachment:fixed;}

*{}

input, select, textarea{font-family:'Open Sans', Arial, Helvetica, sans-serif;}

h1, h2, h3{margin:0 0 20px;}
h1{font-size:38px; letter-spacing:-2px; }
h2{font-size:32px; letter-spacing:-1px; line-height: 130%;margin:20px 0 15px;}
h3{font-size:22px; letter-spacing:-1px;line-height:28px;}
h4{ font-size:18px;line-height: 24px; margin:0;}
h5{ font-size:12px; font-weight:normal;}
p, li{font-size:14px; line-height:20px;margin: 0 0 14px; color:#666;}
a, h1 span, h2 span, h3 span, span{ color:#f8c230; text-decoration:none; outline:none;}
a img{ outline:none;}
a:hover{ color:#f8c230; text-decoration:none;}

table, table tr, table tr td, table tr th {vertical-align: middle;border-color: #e5e5e5;}

a, div, li, img, span, strong, input{
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

ul, li{ padding:0; margin:0;}

.left{float:left;}
.right{float:right;}

#wrapper{ max-width:950px; margin:0 auto; overflow:hidden; position:relative; padding-top:30px;}
.inner{ max-width:910px; margin:0 auto; position:relative;}
.inner2{}

/* ----------------------------- Header ------------------------------ */

#header{overflow: hidden;padding: 15px 0 20px;background: #000;border-radius: 2px; margin-bottom:20px;}
#header .inner{}
#header .inner #logo{}
#header .inner #logo h1{ color:#fff; margin:0;}
#header .inner #logo h1 span{}
#header .inner #logo p{ font-size:16px; color:#ddd; margin:0;}



/* ----------------------------- Content ------------------------------ */

#content{ background:#fff; overflow:hidden; border-radius:2px 2px 0 0; padding:20px 0 0;}
#content #banner{ margin-bottom:20px; overflow:hidden;}
#content #banner img{ border-radius:2px;}
#content #banner .textHolder{width: 100%;text-align:center}
#content #banner .textHolder2{ width:93%; margin:0 auto;}
#content #banner .textHolder2 embed{ float:left;border: 5px solid #111;}
#content #banner .textHolder2 h1{ color:#fff; margin-top:0;line-height: 43px}
#content #banner .textHolder2 p{ color:#fff; font-size:16px; line-height:25px;}
#content #banner .textHolder2 a{background: #530709;color: #fff;padding: 20px;font-size: 24px;display: block;font-weight: bold;letter-spacing: -1px;width: 265px;border-radius: 2px;border-bottom: 3px solid #f8c230;text-align: center;margin-top: 20px;}

#content #banner .textHolder2 .textHolder3{ float:left;width:420px; margin-right:20px; text-align:left; margin-bottom:10px;}

#content #banner .inner{ background:url(images/banner.png) repeat-y;overflow:hidden; padding:30px 0;}


#content .columnsHolder{overflow: hidden;border-top: 1px dashed #ddd;padding: 20px 0;border-bottom: 1px dashed #ddd;background: #fafafa;}
#content .columnsHolder ul.list2{ overflow:hidden; margin:30px 0 10px;}
#content .columnsHolder ul.list2 li{padding: 10px 0 15px 75px;list-style: none;font-size: 110%;margin-right: 2%;line-height: 22px;margin-bottom: 10px; border-bottom:1px dashed #eee;}

#content .columnsHolder ul.list2 li.brandestablisher{background: url(images/icon_list_brandestabliser.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.brandandcontent{background: url(images/icon_list_brandandcontent.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.localbuzz{background: url(images/icon_list_localbuzz.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.orm{background: url(images/icon_list_orm.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.ppc{background: url(images/icon_list_ppc.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.seo{background: url(images/icon_list_seo.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.socialmedia{background: url(images/icon_list_socialmedia.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.webaudit{background: url(images/icon_list_webaudit.png) no-repeat left top;}
#content .columnsHolder ul.list2 li.webdesign{background: url(images/icon_list_webdesign.png) no-repeat left top;}


#content #midContent{ padding-top:40px; overflow:hidden;}
#content #midContent .left{ width:50%;}
#content #midContent .left h3{}
#content #midContent .left p{}

#content #midContent .pieHolder{ overflow:hidden; padding-top:10px;}
#content #midContent .pieHolder .pie{ overflow:hidden; clear:both; border-bottom:1px dashed #eee; padding-bottom:10px; margin-bottom:10px}
#content #midContent .pieHolder .pie img{ float:left;width: 50px;margin-right: 15px;}
#content #midContent .pieHolder .pie p{ float:left; font-size:14px; margin:14px 0 0;}

#content #midContent .right{ width:50%; line-height:0;}
#content #midContent .right img{ width:100%}

#content #bottomQuote{ background:url(images/bottom_img.png) no-repeat center; padding:40px 0; overflow:hidden; border-bottom:6px solid #f8c230;}
#content #bottomQuote .quoteHolder{ text-align:center}
#content #bottomQuote .quoteHolder .inner{ width:90%}
#content #bottomQuote .quoteHolder p{ color:#fff; font-size:20px; line-height:28px;}
#content #bottomQuote .quoteHolder p strong{ color:#f8c230;}
#content #bottomQuote .quoteHolder ul{ overflow:hidden; padding:20px 0 0; text-align:center}
#content #bottomQuote .quoteHolder ul li{ color:#fff; background:url(images/icon_check.png) no-repeat left center; list-style:none; padding-left:30px; font-size:16px; margin-right:20px; display:inline-block;}


#content #bottomCta{ clear:both; overflow:hidden; padding:40px 0;}
#content #bottomCta .left{ width:60%;}
#content #bottomCta .left h2{}
#content #bottomCta .left p{}

#content #bottomCta .right{ width:37%;}
#content #bottomCta .right form{}
#content #bottomCta .right form input[type="text"], #content #bottomCta .right form input[type="email"]{ width:90%; padding:8px; border:1px solid #ddd;margin-bottom: 10px;}
#content #bottomCta .right form input.submit{ background:#530709; color:#fff; border:0; padding:9px; font-size:14px; border-bottom:3px solid #f8c230; border-radius:2px; cursor: pointer}



/* ----------------------------- Content ------------------------------ */

#footer{ overflow:hidden; clear:both;padding:15px 0; background:#000;margin-top: 40px;}
#footer .left{ margin-top:10px; color:#fff;}

#footer .right{}
#footer .right ul{}
#footer .right ul li{ list-style:none; float:left; margin-left:10px; border-radius:2px; overflow:hidden;}
#footer .right ul li a{ display:block; height:32px; width:32px;}
#footer .right ul li:hover{ opacity:.7;}

#footer .right ul li.twitter a{ background:url(images/follow_icon1.png) no-repeat center;}
#footer .right ul li.googleplus a{ background:url(images/follow_icon2.png) no-repeat center;}
#footer .right ul li.facebook a{ background:url(images/follow_icon3.png) no-repeat center;}