/*
    Theme Name: Bureau
    Theme URL: http://www.bureaugroup.ca
    Description: Bureau theme created by Krasen Tyutyunev, Nico Taus, and Frank Chartrand of Bureau Group
    Version: 1.0
    Authors: Bureau Group
    Author URL: http://www.bureaugroup.ca
    Tags:
*/

@import url("styles/responsive.css");

/* 0. Global Styles/Reset */
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;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    height: 100%;
	width:100%;
}

body {
    font-family: sans-serif;
    font-size: 0.875em;
    font-weight: normal;
	
    font-style: normal;
    text-align: center;
    color: #5f6163;
    height: 100%;
	width:100%;
    background:#fff;
	border-top:solid 8px #bf2e2e;
	 -webkit-font-smoothing: antialiased;
	  text-rendering: optimizeLegibility;
	  -webkit-transition: all .3s ease;
	  -moz-transition: all .3s ease;
	  -o-transition: all .3s ease;
	  transition: all .3s ease;
}



/* test ----------------- */


img, object, video { max-width:100%; width: auto; height:auto; }
html.ie img { -ms-interpolation-mode:bicubic; zoom:1; }

.responsive-container
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
	margin-bottom:20px;
    overflow: hidden;
}

.responsive-container iframe.vids,
.responsive-container object,
.responsive-container embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------- */


body.bblog {
    background: url("images/page-back2.gif") repeat-x top left;
}

div#container-outer {
    
	 max-width: 1208px; 
	 margin: 0 auto;
	height:100%;
}

div#work-nav li.noRight, div#people-nav li.noRight {

margin-left:0;

} 


/* div#container-outer.bheard {
    background: url("images/music-to-be-heard.jpg") no-repeat center 105px;
    height: 797px;
	
} */
#heardTop {
padding:30px 0;
    /* background:url(images/music-to-be-heard2.jpg) no-repeat center top;
    height: 602px; */
	/* width: 100%; */
	
	
}
 #socialTop {
 padding:40px 0 0;
 
 /*
    background:url(images/8steps-social-program.jpg) no-repeat left top;
    height: 602px;
	width: 100%;
	
	*/
} 
/*
div#container-outer.bsocial {
     background: url("images/8steps-social-program.jpg") no-repeat center 135px;
    height: 100%;
    height: 920px; 
	
}*/

img {
    border: 0;
    max-width:100%
}

.uc {
    text-transform: uppercase;
    color: #999;
    font-size: 1.2em !important;
    margin-bottom: 0 !important;
}

/* 1. Globar Classes */
.clear {
    clear: both;
}

.clearfix {
    display: block;
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.vamiddle {
    vertical-align: middle;
}

.ralign {
    text-align: right;
}

/* volume bar */
div#bheard-bar {
    position: fixed;
    z-index: 19999;

    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1em;
    color: #fff;
    font-weight: bold;		
}

div#bheard-bar a {
    color: #fff;
    text-decoration: none;
}

div#bheard-bar li {
    float: left;
    margin-right: 30px;	
}

div#bheard-bar .bheard-left {
    float: left;
    padding: 9px 0px 0px 15px;
}

div#bheard-bar .bheard-right {
    float: right;
    padding: 9px 15px 0px 0px;
}

div#bheard-bar .vol-bar {
    position: absolute;
    left: 6px;
    top: -37px;
}

div#bheard-bar .hide-bar {
    display: none;
    width: 100%;
    height: 30px;
    background: #333;
}

/* 2. Container/Header/Navigation */
div#container {
    text-align: left;
    width: 93.37748344370861%;
    /* width: 1128px; */
    margin: 0 auto;
	/* padding:0 3.311258278145695%; */
}

/* 2.1 Header */
div#header, div#header2 {
    height: 90px;
    position: relative;
    background: url("images/line-dotted.png") repeat-x bottom left;
}

div#header.hblog, div#header2.hblog {
    height: 103px;
    background: transparent;
}

div#header h1, div#header2 h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:left;
	padding-top:40px;
}

div#header h2, div#header2 h2 {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* 2.2 Navigation */
ul#main-nav {
   /*  position: absolute;
    top: 50px;
    right: 0px; */
	float:right;
	padding-top:50px;
	margin-right:-30px;
	text-align:right;
}

ul#main-nav li {
    float: left;
    text-align:right;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 2em;
}

ul#main-nav a {
    color: #5f6163;
    text-decoration: none;
}

ul#main-nav a:hover {
    color: #bc2e32;
}

ul#main-nav a.active {
    color: #bc2e32;
}

ul#top-nav {
    position: absolute;
    top: 15px;
    right: -3px;
}

ul#top-nav li {
    float: left;
    font-size: 0.86em;
    margin-left: 10px;
}

ul#top-nav a {
    color: #5f6163;
    text-decoration: none;
}

ul#top-nav a:hover {
    color: #bc2e32;
}

ul#blog-main-nav {
    position: absolute;
    top: 50px;
    right: 0px;
}

ul#blog-main-nav li {
    float: left;
    
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 20px;
}

ul#blog-main-nav a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 1px;
}

ul#blog-main-nav a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

ul#blog-main-nav a.active {
    color: #fff;
    border-bottom: 1px solid #fff;
}

/* 3. Body/Content/Sidebar */
div#body {
    padding: 30px 0 30px;
}
div#body2 {
    padding: 0 0 30px;
	margin-top:-60px;
}
/* 3.1 Content */
div#content {

width:100%

}

div#content h1 {
    font-size: 2.75em;
    color: #bc2e32;
    margin-bottom: 10px;
	
    font-weight: normal;
}

div#content h2 {
    font-size: 1.5714em; /* 22px */
   color: #bc2e32;
   margin-bottom: 0.9546em;
   font-weight: normal;
}

div#content h2 span {
    color: #5f6163;
}

div#content h3 {
    font-size: 1.2858em; /* 18px */
    margin-bottom: 0.5833em;
    font-weight: normal;
}

div#content h4 {
    font-size: 1.1429em; /*  16px    */
    color: #bc2e32;
    margin-bottom: 0.6563em;
	font-weight:400
}

div#content h5 {
    color: #5f6163;
    font-size: 1.5714em; /* 22px */
    margin-bottom: 0.4773em;
    font-weight: normal;
}

div#content h6 {
    font-size: 1.143em;
    line-height: 1.4em;
    font-style: italic;
    font-weight: normal;
}

div#content p {
   /* font-size: 1.4em; */
   line-height:1.5em; /* 21px */
   margin-bottom: 1.5em;
}

div#content p.last, div#blog-content p.last {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div#content p.sm {
    font-size: 0.857em;
}

div#content ul {
}

div#content ol {
}

div#content li {
}

div#content a {
    color: #bc2e32;
    text-decoration: none;
}

div#content a:hover {
    text-decoration: underline;
}

div#content .payment-methods {
    text-align: center;
}

div#content .payment-methods  span {
    position: relative;
    top: 3px;	
}

div#content .two-cols {
    background: url("images/line-dotted.png") repeat-x bottom left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

div#content .tc-left {
    float: left;
    /*width: 547px;*/
    width: 48.49290780141844%
}
.tiny {
   
    width: 48.49290780141844%
}

div#content .tc-right {
    float: right;
     /*width: 547px;*/
    width: 48.49290780141844%
}

div#content .tc-left2 {
    float: left;
 /*    width: 577px; */
    width: 51.15248226950355%;
}

div#content .tc-right2 {
    float: right;
    /* width: 537px; */
	width: 47.6063829787234%;
}

div#content .two-cols2 {
    background: url("images/line-dotted.png") repeat-x bottom left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

div#content .two-cols2 .tc-left {
    float: left;
    /* width: 75px; */
	width: 6.648936170212766%
}

div#content .two-cols2 .tc-right {
    float: left;
}

div#content .tc2 {
    /* width: 827px; */
	width: 73.31560283687943%;
    background: url("images/line-dotted-ver.png") no-repeat top right;
   /*  padding-right: 20px; */
	padding-right:1.773049645390071%;
}

div#content .tr2 {
    /* width: 247px; */
	 width: 21.89716312056738%
}

div#content .tc-right p.pright {
    padding: 25px 10.96892138939671% 0 0; /* was 60px */
	
}

div#content .blog-box {
    /* width: 257px; */
	  /*width: 547px;*/
	width: 46.9835466179159%;
    float: left;
    /* margin-left: 30px; */
	margin-left: 5.484460694698355%;
}

div#content .bbleft {
    margin-left: 0;
}

div#content .blog-box-content {
    height: 160px;
    padding: 10%;
    background: #f6f7f8;
    position: relative;
}

div#content .blog-box-content p {
    position: absolute;
    bottom: 0px;
    left: 20px;
    font-size: 0.857em;
}

div#content .blog-box a {
    color: #5f6163;
    text-decoration: none;
}

div#content .blog-box a:hover {
    color: #bc2e32;
}

div#content .blog-box-bot {
    background: url("images/box-shout-back-bot.png") no-repeat top left;
    padding-top: 15px;
	
}

div#content .blog-box-bot p {
padding-left: 25%;
font-size: 0.857em;
padding-top: 0;
}

div#content .blog-box-bot img {
    vertical-align: middle;
    /* margin-right: 20px; */
	margin-right: 1.773049645390071%
}

div#content .three-cols li {
    float: left;
   /*  margin-right: 30px; */
	margin-right: 5%;
}

div#content .three-cols .last {
    margin-left: 0;
}

div#content .vlist {
    margin-top: 40px;
}

div#content .martop {
    margin-top: 10px  !important;
}

div#content .vlist li {
    font-size: 1.30em;
    color: #bc2e32;
    margin-bottom: 10px;
}

div#content .vlist li span {
    color: #5f6163;
    font-size: 0.85em;
}

/* services */
div#content .services-top { }

div#content .services-top .serv-left {
    float: left;
    background: url("images/cutom-web-design-icon.png") no-repeat top left;
    /* width: 407px; */
	width:36.08156028368794%;
    /* padding-left: 140px; */
	padding-left: 12.4113475177305%
}

div#content .services-top .serv-right {
    float: right;
    background: url("images/sell-merch-icon.png") no-repeat top left;
    /* width: 407px; */
	width:36.08156028368794%;
    /* padding-left: 140px; */
	padding-left: 12.4113475177305%
}

div#content .services-bot { }

div#content .services-bot .serv-left {
    float: left;
    background: url("images/sync-sn-icon.png") no-repeat top left;
     /* width: 407px; */
	width:36.08156028368794%;
    /* padding-left: 140px; */
	padding-left: 12.4113475177305%
}

div#content .services-bot .serv-left2 {
    background: transparent;
     /* padding-left: 140px; */
	padding-left: 12.4113475177305%;
    float: left;
}

div#content .services-bot .serv-right {
    float: right;
    background: url("images/fanalytics-icon.png") no-repeat top left;
     /* width: 407px; */
	width:36.08156028368794%;
    /* padding-left: 140px; */
	padding-left: 12.4113475177305%
}

/* homepage */
/* div#slideshow {
    margin-bottom: 30px;
    position: relative;
} */

div#company-nav {
    background: url("images/line-dotted.png") repeat-x bottom left;
    padding-bottom: 15px;
    margin-bottom: 30px;
    /* padding-left: 25px; */
	padding-left: 2.216312056737589%;
	
    position: relative;
}

div#company-nav a {
    margin-right: 25px;
}

div#company-nav a.last {
    margin-right: 0px;
}

div#work-nav {
}

div#work-nav ul {
}



ul#sh-nav { }

ul#sh-nav .line {
    background: url("images/line-grey.png") no-repeat top left;
    height: 1px;
}

ul#sh-nav li.social {
    background: url("images/btn-bsocial-back.png") no-repeat top right;
    height: 105px;
	
}

ul#sh-nav li.heard {
    background: url("images/btn-bheard-back.png") no-repeat top right;
    height: 105px;
}

ul#sh-nav li.social2 {
    
    height: 79px;
	width:100%;
	margin-bottom:20px;
}

ul#sh-nav li.heard2 {
     height: 79px;
	width:100%;
    
}

ul#sh-nav li.social3 {
    background: url("images/btn-bsocial-back3.png") no-repeat top left;
     height: 79px;
	width:100%;
	margin-bottom:20px;
}

ul#sh-nav li.heard3 {
    background: url("images/btn-bheard-back3.png") no-repeat top left;
     height: 79px;
	width:100%;
}

ul#sh-nav li.social a {
    color: #5f6163;
    font-size: 1.3em;
    padding: 46px 0px 0px 130px;
    display: block;
}

ul#sh-nav li.heard a {
    color: #5f6163;
    font-size: 1.3em;
    padding: 42px 0px 0px 130px;
    display: block;
}

ul#sh-nav li.heard2 a{
background: url("images/btn-bheard-back2.png") no-repeat top right;
    color: #5f6163;
    font-size: 1.3em;
    padding: 27px 0px 0px 30px;
    display: block;
	height:52px;
	
} 

ul#sh-nav li.social2 a {
background: url("images/btn-bsocial-back2.png") no-repeat top right;
    color: #5f6163;
    font-size: 1.3em;
    padding: 27px 0px 0px 30px;
    display: block;
	height:52px;
	
}

ul#sh-nav li.heard3 a, ul#sh-nav li.social3 a {
    color: #5f6163;
    font-size: 1.3em;
    padding: 27px 0px 0px 168px;
    display: block;
}

/* slideshow */
/* div#slider ul { }

div#slider li {
    width: 1128px;
    height: 580px;
    overflow: hidden;
    position: relative;
}

div#slider li a.stitle {
    position: absolute;
    z-index: 8888;
    top: 410px;
    left: 20px;
    width: 250px;
    height: 107px;
    padding: 20px;
    color: #5f6163;
    font-size: 2.2em;
    line-height: 1.1em;
    font-weight: bold;
    background: url("images/slide-back-white.png") no-repeat top left;
}

div#slider li a.stitle:hover {
    color: #bc2e32;
    text-decoration: none;
}

ol#controls {
    position: absolute;
    z-index: 8889;
    bottom: 23px;
    left: 20px;
    width: 270px;
    height: 27px;
    padding: 0px 0px 0px 20px;
}

ol#controls li {
    display: inline-block;
    margin-right: 7px;
}

ol#controls li a {
    background: url("images/dot-grey.png") no-repeat top left;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -8000px;
}

ol#controls li a:hover, ol#controls li a.active, ol#controls li.current a {
    background: url("images/dot-red.png") no-repeat top left;
}
*/

/* div#slider2 ul {

}

div#slider2 li {
    width: 1128px;
    height: 85px;
    overflow: hidden;
    position: relative;
}

div#slider2 li li {
    width: auto;
    overflow: normal;
    position: static;
}

div#slider2 li p span {
    margin: 0px 10px 0px 10px;
}

div#slider2 li.group2 p span  {
    margin: 0px 16px 0px 16px;
}

div#slider2 li.group3 p span  {
    margin: 0px 14px 0px 14px;
}  */
/*
span#slider1prev {
    position: absolute;
    top: 0px;
    left: 0px;
}

span#slider1prev a {
    background: url("images/arrow-left.png") no-repeat top left;
    display: block;
    width: 15px;
    height: 22px;
    margin-top: 31px;
    text-indent: -9999px;
}

span#slider1next {
    position: absolute;
    top: 0px;
    right: -18px;
}

span#slider1next a {
    background: url("images/arrow-right.png") no-repeat top left;
    display: block;
    width: 15px;
    height: 22px;
    margin-top: 31px;
    text-indent: -9999px;
}
 */
/* bsocial */
div#why-social-two-col {
   margin: 0 0 30px 0;

}

div#why-social-two-col h2 {
   /*  margin: 0 0 20px 75px; */
	margin: 0 0 20px 6.648936170212766%;
}

div#why-social-two-col ol {
    background: url("images/ordered-list-icons.png") no-repeat 0 3px;
    /* padding-left: 55px;
    margin-left: 25px; */
	 padding-left: 6%;
    margin-left: 0;
}
/* div#why-social-two-col ol li {
font-size: 1em;

margin-bottom: 10px;
} */

div#why-social-two-col ol li {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 11px;
}

div#why-social-two-col .whtc-left {
    float: left;
    /* width: 820px; */
	width: 72.69503546099291%;
}

div#why-social-two-col .whtc-right {
    float: right;
   /*  width: 250px; */
	width:22.16312056737589%
}

div#content .case-study h2 {
    /* margin: 0 0 0 220px; */
	/* margin: 0 0 0 19.50354609929078%; */
}

div#content .case-study .cs-left {
    /* width: 220px; */
	width:19.50354609929078%;
    float: left;
	margin-right:2.659574468085106%
}

div#content .case-study .cs-right {
   /*  width: 870px; */
	width:77.12765957446809%;
	
    float: left;
   padding-top: 10px;
}

/* packages */
table#packages {
    margin: 0 0 30px;
   /*  background: url("images/package-table-back.gif") no-repeat top left; */
   /*  height: 745px; */
    width: 100%;
}

table#packages td {
   /*  width: 280px; */
	/* width:24.82269503546099%; */
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
	background:#F6F6F6;
	padding:2%;
	border-right:solid 1px #e4e4e4;
}
table#packages tr {
   border-bottom:solid 1px #e4e4e4;
}

table#packages td small {
    font-size: 0.8em;
}

table#packages td span {
    font-size: 0.8em;
    color: #999;
}

table#packages .first {
    text-align: left !important;
    /* padding-left: 20px; */
	padding: 2% 1% 2%;
	background:#fff;
    /* width: 260px !important; */
	width: 32% !important;
}
table#packages .others {
    text-align: center !important;
    /* padding-left: 20px; */
	padding: 2% 1% 2%;
	background:#fff;
    /* width: 260px !important; */
	width: 18% !important;
}

table#packages .red-txt {
    color: #a92e25;
}

table#packages .white-txt {
    color: #fff;
    font-weight: bold;
    font-size:1.1em;
	background:#bf2f2e;
}
table#packages tr.h13 td {
    color: #fff;
    font-weight: bold;
    font-size:1.1em;
	background:#bf2f2e;
}
table#packages a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.86em;
}

/* featured musicians */
div#featured-musician { }

div#featured-musician .fm-left {
    float: left;
    /* width: 220px; */
	width: 19.50354609929078%;
    margin-top: -54px;
	margin-right:2.659574468085106%;
}

div#featured-musician .fm-right {
    float: right;
    /* width: 908px; */
	width: 77.83687943262411%;
}

/* worksheet form styles */
fieldset#fworksheet {
}

fieldset#fworksheet h6 {
    font-size: 1em;
    margin-bottom: 5px;
}

fieldset#fworksheet .frow {
    margin-bottom: 5px;
}

fieldset#fworksheet .frow-left {
    width: 308px;
    float: left;
    margin-right: 20px;
}

fieldset#fworksheet .frow-right {
    width: 308px;
    float: left;
}

fieldset#fworksheet .ftxt {
    background: url("images/ftext-back.png") no-repeat top left;
    width: 288px;
    height: 45px;
    border: 0px;
    color: #999;
    font-size: 1.14em;
    font-family: Arial, sans-serif;
    padding: 0px 10px 0px 10px;
}

fieldset#fworksheet .ferror {
    border: 3px solid #bc2e32;

    -moz-border-radius-bottomright: 5px;
    border-radius: 5px;
}

fieldset#fworksheet .fs {
    color: #999;
    font-size: 1.14em;
    font-family: Arial, sans-serif;
    width: 308px;
    padding: 10px;
}

fieldset#fworksheet .fta {
    background: url("images/ftarea-back.png") no-repeat top left;
    width: 288px;
    height: 198px;
    border: 0px;
    color: #999;
    font-size: 1.14em;
    font-family: sans-serif;
    padding: 10px;
}

fieldset#fworksheet .fbtn {
    border: 0px;
    background: transparent;
    color: #bc2e32;
    font-weight: bold;
    font-size: 1em;
    font-family: Arial, sans-serif;
    margin-left: 160px;
    margin-top: 5px;
    cursor: pointer;
}

ul#sort-by-nav {
    font-size: 1em;
    font-weight: bold;
    /* width: 260px; */
	 width:48.4171322160149%;
    float: right;
	margin-right:-2px;
}

ul#sort-by-nav a {
    background: #f5f6f7 url("images/arrow-down.png") no-repeat 95% 50%;
    /* width: 240px; */
	width: 91.66666666666667%;
    padding: 3.846153846153846%;
    display: block;
}

ul#sort-by-nav a:hover {
    color: #5f6163;
    text-decoration: none;
}

ul#sort-by-nav ul a {
    background: #f5f6f7;
	
}

ul#sort-by-nav ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1000;
	width: 100%;

   
}

ul#sort-by-nav li {
    position: relative;
}

ul#sort-by-nav li li {
    position: static;
}

ul#sort-by-nav li li.line {
    border-top: 1px solid #ddd;
}

/* 3.2 Sidebar */
div#sidebar {
    float: right;
    width: 290px;
}

div#sidebar h2 {
}

div#sidebar h3 {
}

div#sidebar h4 {
    border: 3px solid #eee;
    display block;
}

div#sidebar ul {
}

div#sidebar li {
}

div#sidebar p {
}

div#sidebar a {
}

div#sidebar a:hover {
}

/* 3.3 Blog Content */
div#blog-content {
}

div#blog-content h1 {
    position: relative;
    font-size: 2.29em;
    font-weight: normal;
    margin-bottom: 15px;
}

div#blog-content h1 span {
    font-size: 0.5em;
    position: absolute;
    right: 0px;
    top: 5px;
    font-family: Georgia, sans-serif;
}

div#blog-content h1 a {
    color: #5f6163;
    text-decoration: none;
}

div#blog-content h1 a:hover {
    color: #bc2e32;
    text-decoration: none;
}

div#blog-content h2 {
    position: relative;
    font-size: 1.57em;
    font-weight: normal;
    margin-bottom: 15px;
}

div#blog-content h2 span {
    font-size: 0.57em;
    position: absolute;
    right: 0px;
    top: 5px;
    font-family: Georgia, sans-serif;
}

div#blog-content h2 a {
    color: #bc2e32;
    text-decoration: none;
}

div#blog-content h2 a:hover {
    color: #5f6163;
    text-decoration: none;
}

div#blog-content p {
    
    
    
    font-family: sans-serif;
}

div#blog-content a {
    color: #bc2e32;
    text-decoration: none;
}

div#blog-content a:hover {
    text-decoration: underline;
}

div#blog-post {
    background: url("images/line-dotted.png") repeat-x bottom left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

div#blog-post-content {
    width: 820px;
    float: left;
}

div#blog-two-cols {
}

div#blog-two-cols .btc {
    background: url("images/line-dotted.png") repeat-x bottom left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

div#blog-two-cols .btc-left {
    width: 548px;
    float: left;
}

div#blog-two-cols .btc-right {
    width: 548px;
    float: right;
}

/* four colums */
div#four-cols {
    margin-top: 10px;
}

div#four-cols li {
    font-size: 1em;
    line-height: 1.6em;
}

div#four-cols a {
    color: #5f6163;
    text-decoration: none;
}

div#four-cols a:hover, div#four-cols a.active {
    color: #bc2e32;
    text-decoration: none;
}

div#four-cols .col {
    float: left;
    width: 23.22695035460993%;
    margin-right: 1.773049645390071%;
}

div#four-cols .last-col {
    margin-right: 0;
}

div#location-map {
    position: relative;
    background: url("images/map.png") no-repeat top left;
    width: 1128px;
    height: 544px;
    display: block;
}

div#content .red-dot-location {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

/* 4. Footer/Navigation */
div#footer {
    background: url("images/line-dotted.png") repeat-x top left;
    padding: 20px 0px 40px 0px;
}

div#footer .fleft {
    float: left;
}

div#footer .fright {
    float: right;
    text-align: right;
}

div#footer p {
    
}

div#footer h5 {
    color: #bc2e32;
    font-size: 1.143em;
    font-weight: normal;
    margin-bottom: 10px;
}

div#footer a {
    color: #5f6163;
    text-decoration: none;
}

div#footer a:hover {
    color: #bc2e32;
}

div#footer .fabout {
    width: 200px;
    float: left;
    margin-right: 60px;
}

div#footer .fabout p, div#footer .ftwitt p {
    font-size: 0.857em;
    padding-bottom: 20px;
    
}

div#footer .fposts {
    width: 250px;
    float: left;
    margin-right: 60px;
}

div#footer .fposts ul {
    border-top: 1px solid #ddd;
   
}

div#footer .fposts li a {
    font-size: 1.2em;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
    color: #5f6163;
    display: block;
}

div#footer .fposts li a:hover {
     color: #bc2e32;
}

div#footer .ftwitt {
    width: 250px;
    float: left;
}

div#footer .ftwitt a {
    color: #bc2e32;
}

div#footer .ftwitt a:hover {
    text-decoration: underline;
}

/* 4.1 Navgation */
ul#foot-nav {
}

ul#foot-nav li {
    float: left;
    font-size: 1em;
    margin-right: 10px;
    color: #ccc;
}

/* other */
div#content .nobb, div#blog-content .nobb {
    background: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.nomar {
    margin-bottom: 0px !important;	
}

.btop {
    background: url("images/line-dotted.png") repeat-x top left;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pb25 {
    padding-bottom: 25px;
}

.dline {
    background: url("images/line-dotted.png") repeat-x bottom left;
    margin-bottom: 30px;
    padding-top: 30px;
}

.ulfl li {
    float: left;
    margin-right: 5px;
    width: 295px;
}

.ulfl2 li {
    float: left;
    margin-right: 5px;
}

div#content .ulfl li a {
    color: #5f6163;
}

.ulfl li.l200 {
    width: 200px;
    text-align: center;
}

.white-txt {
    color: #fff;
	
}

div#content .two-cols-sm {
}

div#content .tcm-left {
	float: left;
	/* width: 300px; */
	width:54.84460694698355%
}

div#content .tcm-right {
	float: right;
	/* width: 200px; */
	width:36.56307129798903%;
}

.fabout a {
    color: #5f6163 !important;
}

#searchform .ftxt {
    background: url("images/ftext-back.png") no-repeat top left;
    width: 288px;
    height: 45px;
    border: 0px;
    color: #999;
    font-size: 16px;
    font-family: Arial, sans-serif;
    padding: 0px 10px 0px 10px;
}

#searchform .fbtn {
    border: 0px;
    background: transparent;
    color: #bc2e32;
    font-weight: bold;
    font-size: 1.4em;
    font-family: Arial, sans-serif;
    margin-left: 5px;
    cursor: pointer;
}

.margin-bot30 {
    margin-bottom: 30px !important;	
}

.bicon {
    position: relative;
    top: -2px;
}

ul#blog-main-nav .bicon a:hover {
    border-bottom: 0px !important;	
}

.contact-email {
    background: url("images/icon-email.png") no-repeat left center;
    padding: 5px 0px 5px 35px;
    color: #5f6163 !important; 
}

.contact-phone {
    background: url("images/icon-phone.png") no-repeat left center;
    padding: 5px 0px 5px 35px;
}

.right {
   text-align:right;
}
.yo {


font-size: 1.3em;
text-align:center;

}

.yo span {font-size: 0.85em; text-align:center;
}

/*
 * jQuery FlexSlider v1.7
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border:solid #fff; border-width:4px 0; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption { position: absolute;
    z-index: 8888;
    bottom:1.8%;
    left: 1.8%;
    width: 22.16312056737589%;
    height: 18%;
    padding: 3%;
   
    background:#fff}
	
	.flex-caption a { 
    color: #5f6163;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    }
	.flex-caption a { 
   color: #bc2e32;
    text-decoration: none;
    }
	
/* .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} */
 .flex-direction-nav {


}
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -20px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {/* width: 100%; */ position: absolute; bottom: 10%;
left: 5%;
 text-align: center; z-index: 9999;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {background: url("images/dot-grey.png") no-repeat top left;
    width: 15px;
    height: 15px;
    display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background: url("images/dot-red.png") no-repeat top left;}
.flex-control-nav li a.active {background: url("images/dot-red.png") no-repeat top left;}


.flexslider2  {
    height:85px;
	padding-bottom:0
}
.flexslider2 .flex-control-nav {
    display:none;
}
.flexslider2 li p span {
    margin: 0px 10px 0px 10px;
}

.flexslider2 li.group2 p span  {
    margin: 0px 16px 0px 16px;
}

.flexslider2 li.group3 p span  {
    margin: 0px 14px 0px 14px;

}

.advent_calendar {
    font-size: 92px;
    font-weight: bold;
    width: 1110px;
    margin: auto;
    text-align: left;
}

.advent_calendar th{
    color: #646567;
    text-align: left;
}

.advent_calendar td {
    color: #e9e9e9;
    text-align: left;
    font-size: 100px;
}

div#content .advent_calendar td a:hover {
    text-decoration: none;
}

.advent_calendar td, .advent_calendar th {
    width: 160px;
    border-left: 1px solid #d3d3d3;
    padding: 0;
    margin:0;
}

.advent_content {
    margin: auto;
    width: 1110px;
}

.advent_p {
    text-align: left;
    width: 780px;
    float: left;
}

.advent_buttons {
    text-align: right;
    width: 250px;
    float: left;
    padding: 10px;
}

.advent_date {
    margin-left: -3px;
}

.moreTextClass {
    color: #bc2e32;
    text-decoration: none;
}

.moreTextClass:hover {
    text-decoration: underline;
}

/* Responsiveness
------------------------------------------- */

/* MOBILE PORTRAIT */
/* @media only screen and (min-width: 320px) {
   
} */

/* SMALL TABLET */
@media screen and (max-width: 500px) {
    body { }
	
	div#content h1 {
    font-size: 1.25em;
    color: #bc2e32;
    margin: 50px 0 10px;
	
    font-weight: normal;
}
.flex-control-nav {
position: absolute;
bottom: -35px;
left: 0;
text-align: center;
z-index: 9999;
}

div#content h2 {
    font-size: 1.3em;
    color: #bc2e32;
    margin-bottom: 10px;
    font-weight: normal;
}


div#content h2 span {
    color: #5f6163;
}

div#content h3 {
    font-size: 1.15em;
    margin-bottom: 15px;
    font-weight: normal;
}

div#content h4 {
    font-size: 1em;
    color: #bc2e32;
    margin-bottom: 5px;
}

div#content h5 {
    font-size: 1em;
    color: #5f6163;
    margin-bottom: 10px;
    font-weight: normal;
}

div#content h6 {
    font-size: 1em;
    line-height: 1.4em;
    font-style: italic;
    font-weight: normal;
}
div#content .vlist li {
font-size: 1em;
color: #BC2E32;
padding-bottom: 20px;
}
	
	div#bheard-bar {
display:none;
}
	div#content .tc-left, div#content .tc-right, div#content .tc-left2, div#content .tc-right2, div#content .tc2, div#content .tr2, div#content .blog-box, div#content .services-top .serv-left, div#content .services-top .serv-right, div#content .services-bot .serv-left, div#content .services-bot .serv-left2, div#content .services-bot .serv-right, div#why-social-two-col .whtc-left, div#why-social-two-col .whtc-right, vdiv#content .case-study .cs-left, div#content .case-study .cs-right, .tiny, div#content .tcm-left, div#content .tcm-right, div#four-cols .col {
    float: none;
    width: 100%;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0
	
}

.right {
   text-align:left;
   padding:10px 0;
}
.right span {
   display:block;
}

.social3 a, .heard3 a, .social2 a, .heard2 a {text-indent:-9999px}
	
	body.map {
    background: none;
    height: 100%;
	
}
#sort-by-nav, .wpcf7, #company-nav, #not, .flex-caption{
display:none


}
div#why-social-two-col ol {
    background: none;
    /* padding-left: 55px;
    margin-left: 25px; */
	 padding-left: 6%;
    margin-left: 0;
	list-style-type:decimal;
	padding-bottom:20px
}


div#why-social-two-col ol li {
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 11px;
}
.serv-left, .serv-right {

padding-bottom:15px;

}
.whtc-right{
text-align:center;

}

div#content .three-cols li {
float: none;
margin-right: 0;
}
	
div#header {
height: 180px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
div#header2 {
height: 120px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
ul#main-nav {
   /*  position: absolute;
    top: 50px;
    right: 0px; */
	float:none;
	padding-top:30px;
	text-align:left;
	width:100%
}
.mobileMenu {
   /*  position: absolute;
    top: 50px;
    right: 0px; */
	float:none;
	margin-top:30px;
	text-align:left;
	width:40%
}

div#header h1, div#header2 h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:none;
	padding-top:60px;
}

 .flex-direction-nav {
display:none

}

.pb25 {
   padding-bottom: 0
	
}      	
.ulfl li.l200 {
text-align: left;
padding-bottom:10px
}

#work-nav4 li, div#people-nav2 li {
    float: none;
   /*  margin-right: 25px; */
	margin-right: 2.216312056737589%;
    margin-bottom: 10px;
   /*  position: relative; */
	 /* width: 217px; */
	width: 100%;
	/* height: 23.93617021276596%;  */
	
} 
#work-nav4 img, div#people-nav2 img {
    float: none;
   /*  margin-right: 25px; */
	margin-right: 2.216312056737589%;
    margin-bottom: 10px;
   /*  position: relative; */
	 /* width: 217px; */
	width: 30%;
	/* height: 23.93617021276596%;  */
	
}      	     	
div#footer .fright, div#footer .fleft {
float: none;
text-align: left;
margin-top:0;
padding-bottom:20px
}
ul#foot-nav li {
float: left;
font-size: 0.75em;
margin-right: 10px;
color: #666;
}
div#content .services-top .serv-left {
   
    background: none;
    
}

div#content .services-top .serv-right {
    
    background: none;
   
	
}

div#content .services-bot { }

div#content .services-bot .serv-left {
    
    background: none;
     /* width: 407px; */
	
}

div#content .services-bot .serv-right {
    
    background: none;
     /* width: 407px; */
	
}
div#people-nav, div#work-nav {
display:none;

}
div#content .case-study .cs-left {
display:none;
}
div#content .case-study h2 {
margin: 0;
}
.black-txt{
float:right; 
width:65%
}

.serv-left2 {

display:none;

}
div#body {
padding: 10px 0 30px;
}
.dline {
background: url("images/line-dotted.png") repeat-x bottom left;
margin-bottom: 30px;
padding-top: 10px;
}
#socialTop {
padding: 40px 0 40px;
}
table#packages {
    margin: 0 0 30px;
   /*  background: url("images/package-table-back.gif") no-repeat top left; */
   /*  height: 745px; */
    width: 100%;
}
table#packages img {
    
    max-width: 20%;
}

table#packages td {
   /*  width: 280px; */
	/* width:24.82269503546099%; */
    font-size: 0.65em;
    vertical-align: middle;
    text-align: center;
	background:#F6F6F6;
	padding:1%;
	border-right:solid 1px #e4e4e4;
}
}

/* TABLET/NETBOOK */
@media screen and (min-width: 501px) and (max-width: 1023px)   { 
    
	
	body.map {
    background: url("images/map-back.png") no-repeat top center;
    height: 100%;
	
}
	
div#header {
height: 140px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
div#header2 {
height: 90px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
ul#main-nav {
   /*  position: absolute;
    top: 50px;
    right: 0px; */
	float:none;
	padding-top:30px;
	text-align:left;
	width:100%
}
div#why-social-two-col ol {
    background: none;
    /* padding-left: 55px;
    margin-left: 25px; */
	 padding-left: 6%;
    margin-left: 0;
	list-style-type:decimal;
	padding-bottom:20px
}


div#why-social-two-col ol li {
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 11px;
}
.social a, .heard a, .social3 a, .heard3 a, .social2 a, .heard2 a {text-indent:-9999px}
.yo {


font-size: 1em;

}

.yo span {font-size: 0.7em;}

#socialTop {
padding: 40px 0 40px;
}
div#bheard-bar {
display:none;
}
div#header h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:none;
	padding-top:40px;
}
div#header2 h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:none;
	padding-top:40px;
}
 .flex-direction-nav {
display:none

}
div#people-nav2, #work-nav4 {
display:none;

}

.social3 a, .heard3 a, .social2 a, .heard2 a {text-indent:-9999px}
.ulfl li.l200 {
text-align: left;
padding-bottom:10px
}
div#content .services-top .serv-left {
float: none;
background: url("images/cutom-web-design-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-top .serv-right {
float: none;
background: url("images/sell-merch-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-bot .serv-left {
float: none;
background: url("images/sync-sn-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-bot .serv-left2 {
background: transparent;
padding-left: 0%;
float: none;
margin-bottom:30px;
}
div#content .services-bot .serv-right {
float: none;
background: url("images/fanalytics-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
}


div#work-nav li strong, div#people-nav li strong {
    display: none;
    background:url(images/red.png) 0 0 no-repeat;
    color: #febbbd;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0 10px 4%;
font-size: 1em;
width: 97%;
}

div#work-nav .you span, div#people-nav .you span {
    font-size: 0.57em;
}



div#work-nav li.last, div#people-nav li.last {
    margin-right: 0;
}

div#work-nav a.you, div#people-nav a.you {
    background: url("images/temp/tmp-profile-img8.jpg") no-repeat top left;
    font-size: 1.3em;
    /*width: 100%;
	 height: 100%;  */
    
    padding:25%;
    display: block;
    color: #5f6163;
	
	/* height: 100%; */
}

div#work-nav a.you:hover, div#people-nav a.you:hover {
    color: #bc2e32;
    text-decoration: none;
}

 div#work-nav li, div#people-nav li {
    float: left;
    /* margin-right: 25px;  */
	margin-left: 2%;
    margin-bottom: 25px;
    position: relative;
	width: 23.5%;
	overflow:hidden;
	/* width: 217px; */
	/* max-width: 85%; */
	 /*height: 15.95744680851064%;  */
} 

.flex-caption { position: absolute;
    z-index: 8888;
    bottom:1.8%;
    left: 1.8%;
    width: 25%;
    height: 22%;
    padding: 3%;
   
    background:#fff}
	
	.flex-caption a { 
    color: #5f6163;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 700;
    }
	
    
table#packages img {
    
    width: 17px;
}

 
  
}

@media only screen and (min-width: 1024px) { 

body.map {
    background: url("images/map-back.png") no-repeat top center;
    height: 100%;
	
}
ul.flex-direction-nav li a {
display:none

}
div#people-nav2, #work-nav4 {
display:none;

}
div#work-nav li strong, div#people-nav li strong {
    display: none;
    background:url(images/red.png) 0 0 no-repeat;
    color: #febbbd;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0 10px 4%;
    font-size: 1em;
   /*  min-width: 237px; */
	width:97%; 
}
div#work-nav li, div#people-nav li {
    float: left;
    /* margin-right: 25px;  */
	margin-left: 2%;
    margin-bottom: 25px;
    position: relative;
	width: 23.5%;
	overflow:hidden;
	/* width: 217px; */
	/* max-width: 85%; */
	 /*height: 15.95744680851064%;  */
} 

div#work-nav .you span, div#people-nav .you span {
    font-size: 0.57em;
}



div#work-nav li.last, div#people-nav li.last {
    margin-right: 0;
}

div#work-nav a.you, div#people-nav a.you {
    background: url("images/temp/tmp-profile-img8.jpg") no-repeat top left;
    font-size: 1.3em;
    /*width: 100%;
	 height: 100%;  */
    
    padding:25%;
    display: block;
    color: #5f6163;
	
	/* height: 100%; */
}

div#work-nav a.you:hover, div#people-nav a.you:hover {
    color: #bc2e32;
    text-decoration: none;
}
     
 ul#sh-nav li.social a {
color: #5F6163;
font-size: 1.3em;
padding: 46px 0px 0px 30px;
display: block;
}
ul#sh-nav li.heard a {
color: #5F6163;
font-size: 1.3em;
padding: 42px 0px 0px 30px;
display: block;
}



table#packages img {
    
    width: 30px;
}

.yo {

text-align:center;
font-size: 1.2em;

}

.yo span {font-size: 0.85em;text-align:center;}    
   
}

/* TABLET/NETBOOK */
@media screen and (min-width: 501px) and (max-width: 1023px)   { 
    
	
	body.map {
    background: url("images/map-back.png") no-repeat top center;
    height: 100%;
	
}
	
div#header {
height: 140px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
div#header2 {
height: 90px;
position: relative;

background: url("images/line-dotted.png") repeat-x bottom left;
}
ul#main-nav {
   /*  position: absolute;
    top: 50px;
    right: 0px; */
	float:none;
	padding-top:30px;
	text-align:left;
	width:100%
}
div#why-social-two-col ol {
    background: none;
    /* padding-left: 55px;
    margin-left: 25px; */
	 padding-left: 6%;
    margin-left: 0;
	list-style-type:decimal;
	padding-bottom:20px
}


div#why-social-two-col ol li {
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 11px;
}
.social a, .heard a, .social3 a, .heard3 a, .social2 a, .heard2 a {text-indent:-9999px}
.yo {


font-size: 1em;

}

.yo span {font-size: 0.7em;}

#socialTop {
padding: 40px 0 40px;
}
div#bheard-bar {
display:none;
}
div#header h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:none;
	padding-top:40px;
}
div#header2 h1 {
   /*  position: absolute;
    top: 40px;
    left: 0px; */
	float:none;
	padding-top:40px;
}
 .flex-direction-nav {
display:none

}
div#people-nav2, #work-nav4 {
display:none;

}

.social3 a, .heard3 a, .social2 a, .heard2 a {text-indent:-9999px}
.ulfl li.l200 {
text-align: left;
padding-bottom:10px
}
div#content .services-top .serv-left {
float: none;
background: url("images/cutom-web-design-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-top .serv-right {
float: none;
background: url("images/sell-merch-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-bot .serv-left {
float: none;
background: url("images/sync-sn-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
padding-bottom:10px;
margin-bottom:30px;
}
div#content .services-bot .serv-left2 {
background: transparent;
padding-left: 0%;
float: none;
margin-bottom:30px;
}
div#content .services-bot .serv-right {
float: none;
background: url("images/fanalytics-icon.png") no-repeat top left;
width: 80%;
padding-left: 17%;
}


div#work-nav li strong, div#people-nav li strong {
    display: none;
    background:url(images/red.png) 0 0 no-repeat;
    color: #febbbd;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0 10px 4%;
font-size: 1em;
width: 97%;
}

div#work-nav .you span, div#people-nav .you span {
    font-size: 0.57em;
}



div#work-nav li.last, div#people-nav li.last {
    margin-right: 0;
}

div#work-nav a.you, div#people-nav a.you {
    background: url("images/temp/tmp-profile-img8.jpg") no-repeat top left;
    font-size: 1.3em;
    /*width: 100%;
	 height: 100%;  */
    
    padding:25%;
    display: block;
    color: #5f6163;
	
	/* height: 100%; */
}

div#work-nav a.you:hover, div#people-nav a.you:hover {
    color: #bc2e32;
    text-decoration: none;
}

 div#work-nav li, div#people-nav li {
    float: left;
    /* margin-right: 25px;  */
	margin-left: 2%;
    margin-bottom: 25px;
    position: relative;
	width: 23.5%;
	overflow:hidden;
	/* width: 217px; */
	/* max-width: 85%; */
	 /*height: 15.95744680851064%;  */
} 

.flex-caption { position: absolute;
    z-index: 8888;
    bottom:1.8%;
    left: 1.8%;
    width: 25%;
    height: 22%;
    padding: 3%;
   
    background:#fff}
	
	.flex-caption a { 
    color: #5f6163;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 700;
    }
	
    
table#packages img {
    
    width: 17px;
}

 
  
}

@media only screen and (min-width: 1030px) { 

body.map {
    background: url("images/map-back.png") no-repeat top center;
    height: 100%;
	
}
ul.flex-direction-nav li a {
display:none

}
div#people-nav2, #work-nav4 {
display:none;

}
div#work-nav li strong, div#people-nav li strong {
    display: none;
    background:url(images/red.png) 0 0 no-repeat;
    color: #febbbd;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0 10px 4%;
    font-size: 1em;
   /*  min-width: 237px; */
	width:97%; 
}
div#work-nav li, div#people-nav li {
    float: left;
    /* margin-right: 25px;  */
	margin-left: 2%;
    margin-bottom: 25px;
    position: relative;
	width: 23.5%;
	overflow:hidden;
	/* width: 217px; */
	/* max-width: 85%; */
	 /*height: 15.95744680851064%;  */
} 

div#work-nav .you span, div#people-nav .you span {
    font-size: 0.57em;
}



div#work-nav li.last, div#people-nav li.last {
    margin-right: 0;
}

div#work-nav a.you, div#people-nav a.you {
    background: url("images/temp/tmp-profile-img8.jpg") no-repeat top left;
    font-size: 1.3em;
    /*width: 100%;
	 height: 100%;  */
    
    padding:25%;
    display: block;
    color: #5f6163;
	
	/* height: 100%; */
}

div#work-nav a.you:hover, div#people-nav a.you:hover {
    color: #bc2e32;
    text-decoration: none;
}
     
 ul#sh-nav li.social a {
color: #5F6163;
font-size: 1.3em;
padding: 46px 0px 0px 130px;
display: block;
}
ul#sh-nav li.heard a {
color: #5F6163;
font-size: 1.3em;
padding: 42px 0px 0px 130px;
display: block;
}



table#packages img {
    
    width: 30px;
}

.yo {

text-align:center;
font-size: 1.2em;

}

.yo span {font-size: 0.85em;text-align:center;}    
   
}

.subForm div.label {width:150px; float:left; font-weight: bold; position: relative; top: 2px;} 
.subForm div.field {width:220px; float:left;}
div.button {margin-left:0px;}
div.button .fbtn {margin-left:0px !important;}