/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.paged h1,
.paged h2,
.paged h3,
.paged h4,
.paged h5,
.paged h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

.paged h1,
.paged h2,
.paged h3 {
  line-height: 40px;
}
.paged h1 {
  font-size: 32.5px;
}
.paged h2 {
  font-size: 25.5px;
}
.paged h3 {
  font-size: 21.5px;
}
.paged h4 {
  font-size: 17.5px;
}
.paged h5 {
  font-size: 14px;
}
.paged h6 {
  font-size: 11.9px;
}
.greybg {
	background:rgb(235, 235, 235);
}

.clients {
	padding: 20px 0;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
}

.drumlogo img {
	padding-top: 2px;
}

#registerform input.error {
	border:solid;
}

#registerform input.valid {
	background:url(images/greencheck.png) 97% 34% no-repeat;
}
#registerform .error {
	color: #B97474;
}
h2.account-welcome {
	font-weight:bold;
	font-size:24px;
	color:#3b3b3b;
	padding-top:20px;
}

#breadcrumbs a {
	margin-left:-7px;
	padding:5px 10px;
	background:#0079c2;
	color:#fff;
}
#breadcrumbs a:hover {
	background:#064972;
	text-decoration:none;
}


.padtop {
	padding-top:20px;
}
.padbottom {
	padding-bottom:20px;
}
.padleft {
	padding-left:20px;
}
.padright {
	padding-right:20px;
}
.padx {
	padding:0 20px;
}
.pady {
	padding:20px 0;
}
body {
	background: #fff;
	line-height: 1;
	font-family: 'Droid Sans', sans-serif;
}

body.careers {
	padding-top:5px;
}
.align-right {
	text-align:right;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
.clear {
	clear:both;
}

#changes_form {
	display:none;
}


/* =drumBEAT Styles Start
----------------------------------------------- */


a {
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}


body.single-design {
	background:url(images/woodbg.png) fixed;
	padding-top: 0px;
}

.single-design .wpsr-floatbar-float_left {
	display:none !important;
}

/* START NEW DESIGN STUDIO STYLE */
#designtabs {
    display:block;
    width:1330px;
    margin:0 auto;
  }
  
#request_changes_wrapper {
	position:relative;
	width:196px;
	height:102px;
	float:left;
}
#designtabs ul {
	float:left;
	width:181px;
}

#changes_left {
	padding: 2px 13px;
	height: 31px;
	width: 9px;
	position: absolute;
	background: url(images/design-sprites.png) 1% 97% no-repeat;
	top: -10px;	
	right: -18px;
	z-index: 100;
}

#changes_left a {
	cursor:pointer;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

#changes_left a span {
	color:#1e1e1e;
	font-weight:normal;
	font-size:12px;
}
.design2-header img {
	float:left;
}
.design2-header {
	width:1232px;
	padding:25px 0;
	margin:0 auto;
}

#approve_button {
	padding-left:30px;
}
#request_changes_button {
    padding-left:30px;
    
  }
  
 .design_dashboard {
 	margin-bottom:20px;
 	background:#4f4f4f;
 	padding:20px;
 	width:1000px;
 	color:#fff;
 }
  .design_dashboard a {
  	color:#fff;
  	text-decoration:underline;
  }
 	.tab_content .design_dashboard h1 {
 		color:#fff;
 		font-weight:bold;
 		font-size:35px;
 		line-height:35px;
 		
 	}
.tab_content {
	float:left;
	width:1037px;
	min-height:800px;
	padding:20px;
	margin-top:4px;
	background:#fff;
}
.tab_content ol li {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: solid 1px rgb(223, 223, 223);
}
.tab_content h1 {
	font-size:25px;
	padding-bottom: 20px;
}
#designtabs li a {
	display:block;
	padding: 27px 0px 14px 53px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}

#designtabs li.ui-state-default:hover {
	list-style:none;
	background:url(images/design-sprites.png) 0% 37% no-repeat;
	width:182px;
	position:relative;
	height:77px;
	display:block;	
}

#designtabs li #web-design-comp-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 47% 16% no-repeat;
}
#designtabs li #wireframe-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 0% 16% no-repeat;
}

#designtabs li #sitemap-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 95% 16% no-repeat;
}

#designtabs li #keyword-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 0% 0% no-repeat;
}

#designtabs li #local-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 47% 0% no-repeat;
}

#designtabs li #faq-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 95% 0% no-repeat;
}

#designtabs li #conversion-tab {
	position:absolute;
	top:22px;
	left:0;
	width:42px;
	height:30px;
	background:url(images/design-sprites.png) 31% 97% no-repeat;
}

#designtabs li.ui-state-default {
	list-style:none;
	position:relative;
	background:url(images/design-sprites.png) 0% 64% no-repeat;
	width:182px;
	height:77px;
	display:block;	
}
#designtabs li.ui-tabs-active {
	background:url(images/design-sprites.png) 0% 37% no-repeat;
	width:182px;
	height:77px;
	position:relative;
	display:block;	
}
.keyword-define {
width: 480px;
float: left;
margin: 0 15px 15px 5px;
}
/* END NEW DESIGN STUDIO STYLE */
#sidebar .sidebar_widget_holder .app_recent_post p {
	margin-bottom:20px;
}
#sidebar .sidebar_widget_holder .app_recent_post a {
	font-weight:bold;
	color: #5d5d5d;
}

#sidebar .sidebar_widget_holder .app_recent_post {
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}
#sidebar .sidebar_widget_holder .app_recent_post small {
	font-size:12px;
}
/* Start Case Study Styles */
#case-study-slider {
height: 20px;
}
.case-head {
	clear: both;
	background: rgb(243, 243, 243);
	-moz-box-shadow: 2px 0px 5px #000000;
	-webkit-box-shadow: 2px 0px 5px #000000;
	box-shadow: 2px 0px 5px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 90, color = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 90, Color = '#000000')";
	background: url(images/casestudyhead.png) no-repeat;
	height: 288px;
	background-position: top center;
}
.case-summary-head {
display: block;
width: 100%;
float: left;
}
.case-thumbnail {
float: left;
}
.case-summary {
clear: both;
float: left;
background: rgb(243, 243, 243);
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
box-shadow: 2px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#000000')";
padding: 20px 45px 45px 45px;
z-index: 15;
position: relative;
}
.case-summary h1 {
float:left;
font-weight: bold;
font-size: 32px;
padding: 20px 25px;
line-height: 20px;
display: inline-block;
margin: 0 0 0 0;
position: relative;
right: 50px;
background: rgb(84, 105, 121);
color: white;
}
#case-visitthem {
float: right;
font-weight: bold;
color: rgb(84, 105, 121);
}
.case-thumbnailafter {
float: right;
text-align: center;
width: 46%;
position: relative;
top: 20px;
}
.case-thumbnailbefore {
float: left;
width: 46%;
text-align: center;
position: relative;
top: 20px;
clear: both;
}
.half_col {
width: 46%;
float: left;
}
.case-Result {
float: right;
}
.case-solution {
clear: both;
background: rgb(217, 235, 214);
padding: 0 25px 15px 25px;
position: relative;
width: 90%;
margin: 0 auto;
}
.case-solution h2 {
text-align: center;
font-size: 33pt !important;
margin: 15px 0 25px 0!important;
padding: 20px 0 0 0;
color: rgb(58, 58, 58) !important;
}

h1.fadein {
	display:block;
}

.case-tool h3 {
font-weight: bold;
font-size: 20px;
padding: 10px 35px;
text-align: center;
background: rgb(0, 133, 255);
display: inline-block;
margin: 0 0 10px 0;
color: white;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
box-shadow: 2px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#000000')";
position: relative;
bottom: 30px;
left: 50px;
}
.case-tool {
width: 95%;
margin: 0 auto;
text-align: left;
position: relative;
}
.case-tool.count1 {
background: rgb(37, 64, 85);
position:relative;
z-index: 10;
}
.case-tooloverlap.count1 {
background: url(images/next_light.png) no-repeat rgb(37, 64, 85);
height: 100px;
z-index: 30;
background-position: right bottom;
width: 95%;
margin: 0 auto;
}
.case-tooloverlap.count0 {
background: url(images/next_dark.png) no-repeat #fbfbfb;
height: 100px;
z-index: 30;
background-position: right bottom;
width: 95%;
margin: 0 auto;
}
.case-tool p {
font-size: 16px;
padding: 0 2% 0% 2%;
margin-bottom: 10px;
text-align: left;
margin: 0px 50px;
}
.case-tool.count1 p{
	color:white;
}
.case-techimages {
text-align: center;
padding-bottom: 35px;
}
.case-tools h2 {
margin: 0px 0px 60px 0px !important;
background: rgb(63, 63, 63);
color: white !important;
padding: 20px 25px;
}
.case-toolinfooverlays {
width: 300px;
position: absolute;
text-align: right;
right: 0px;
}
.case-toolinfooverlays p {
background: rgb(255, 173, 0);
width: 250px;
padding: 15px 20px;
display: block;
margin: 20px 0px 0px 0px;
float: right;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 15px;
font-weight: bold;
}
.case-lessons {
clear: both;
float: left;
width: 100%;
}
.case-lessons h3 {
font-weight: bold;
font-size: 15pt;
background: url(images/checkmark.png) no-repeat #fbfbfb;
display: block;
width: 90px;
text-align: center;
padding: 8px 15px 8px 60px;
color: #1982d1;
position: relative;
top: 20px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 4px 7px rgb(8, 73, 122);
-webkit-box-shadow: 0px 4px 7px rgb(8, 73, 122);
box-shadow: 0px 4px 7px rgb(8, 73, 122);
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 180, color = 'rgb(8, 73, 122)');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 180, Color = 'rgb(8, 73, 122)')";
background-position: 7px center;
border: solid 1px rgb(217, 220, 223);
}
.case-lessons p {
background: #1982d1;
padding: 40px 29px;
color: white;
font-size: 17px;
width: 85%;
margin: 0 auto;
}

.case-cta-top {
background: rgb(16, 124, 206);
padding: 15px 15px 6px;
width: 100%;
position: relative;
right: 14px;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
box-shadow: 2px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#000000')";
text-align: center;
z-index: 20;
}
.case-cta-top p {
margin: 0 16px;
display: inline-block;
vertical-align: top;
font-size: 30px;
color: rgb(255, 255, 255);
}
.case-arrow-left {
background: url(images/case-arrows.png) no-repeat;
height: 158px;
position: absolute;
width: 146px;
top: -75px;
left: 0;
z-index: 20;
}
.case-arrow-right {
background: url(images/case-arrows.png) no-repeat;
position: absolute;
height: 158px;
width: 158px;
background-position: -143px 0px;
right: 0;
top: -80px;
z-index: 20;
}
.case-ctabottom-wrap {
float: left;
background: rgb(217, 235, 214);
width: 100%;
}
.case-ctabottom {
clear: both;
width: 75%;
margin: 0 auto;
}
.case-ctabottom .contact_form {
margin: 30px 25px;
padding: 40px 0 0 0;
background: #fbfbfb;
}
.case-call-text {
margin: 28px 25px;
font-size: 25px;
font-weight: bold;
float: left;
width: 285px;
text-align: left;
text-shadow: 0px 1px 0px rgb(0, 0, 0);
filter: dropshadow(color=#000000, offx=0, offy=1);
}
.case-call-subtext {
font-size: 17px;
font-weight: normal;
display: block;
color: rgb(104, 104, 104);
margin: 12px 0 0 11px;
text-shadow: 0px -1px 0px rgb(0, 0, 0);
filter: dropshadow(color=#000000, offx=1, offy=-1);
}
.case-list {
padding: 10px;
float: left;
color: #373737 !important;
}

.case-list h2 {
font-weight: bold;
font-size: 25px;
line-height: 32px;
color: #1982d1;
margin-bottom: 3px;
}
.case-image{
	float:left;
	width:50%;
}
.case h2 {
	font-weight: bold;
	font-size: 25px;
	line-height: 45px;
	color: #1982d1;
	margin: 20px 0px 10px 0px;
}
.case-body {
	padding-left: 20px;
	margin-bottom: 45px;
}
.case-oursolution {
float: left;
margin: 5px 0 0 33px;
}
.case-otherclients {
clear: both;
width: 99%;
margin: 0 auto;
padding-top:20px;
border-bottom: 1px solid gray;
}
.case-otherclients-title {
font-size: 24px;
font-weight: bold;
}
.readmore-featured {
float: right;
margin-top: 10px;
}


.box-shadow {
	-webkit-box-shadow: 2px 2px 5px 0px #c2c2c2;
	box-shadow: 2px 2px 5px 0px #c2c2c2;
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.span4 .box-shadow:hover {
	-webkit-box-shadow: 2px 2px 10px 0px rgb(119, 119, 119);
	box-shadow: 2px 2px 10px 0px rgb(119, 119, 119);
}
.box-shadow-dark {
	-webkit-box-shadow: 1px 1px 3px 0px rgb(119, 119, 119);
	box-shadow: 1px 1px 3px 0px rgb(119, 119, 119);
}
.home .teaser-img {
	width:100%;
	height:193px;
	overflow:hidden;
}
.home .teaser-img {
	height:auto;
}
.callout-silver {
	height: 80px;
	background: url('images/sliver_shadow.png') no-repeat center bottom #fcfcfc;
	position: relative;
}

.quote-ribbon {
	position: relative;
	margin: 0 auto;
	width: 255px;
}

 .quote-ribbon a {
	display: block;
	text-decoration:none;
	z-index:8;
	background: url('images/getaquote.png') no-repeat center top transparent;
	margin: 0 auto;
	height: 100px;
	width: 255px;
	position: relative;
	bottom: 20px;
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.quote-ribbon a:hover {
	height: 120px;
	bottom: 40px;
}
.quote-ribbon a:hover:before {
	opacity: 1.0;
}

.quote-ribbon a:hover:after {
	opacity: 1.0;
}
.quote-ribbon a:before {
	color: #357641;
	content: "+";
	font-size: 40px;
	font-weight: 600;
	height: 40px;
	left: 114px;
	position: absolute;
	top: 0px;
	width: 40px;
	text-shadow: 0 1px rgba(255,255,255,.5);
	opacity: 0.0;
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.quote-ribbon a:after {
	-moz-transition: all 0.7s ease-in-out 0s;
	border-top: 1px dotted #357641;
	color: #FFF;
	content: "SEO and Web Design Costs";
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .035em;
	height: 40px;
	left: 49px;
	padding-top: 8px;
	margin-top: 2px;
	position: absolute;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	top: 85px;
	width: 160px;
	opacity: 0;
}
.free-seo-ribbon {
	margin-left: -125px;
	display:none;
	height: 140px;
	overflow: hidden;
	z-index: 200;
	top: 89px;
	left: 50%;
	position: fixed;
	width: 255px;
}
 .free-seo-ribbon a {
	display: none;
	text-decoration: none;
	z-index: 0;
	background: url('images/free-seo.png') no-repeat center top transparent;
	margin: 0 auto;
	height: 190px;
	width: 255px;
	position: relative;
	bottom: 21px;
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.free-seo-ribbon a:hover {
height: 140px;
bottom: 10px;
}


.free-seo-ribbon a:hover:before {
	opacity: 1.0;
}

.free-seo-ribbon a:hover:after {
	opacity: 1.0;
}
.free-seo-ribbon a:before {
	color: #357641;
	text-decoration: none;
	content: "+";
	font-size: 25px;
	font-weight: 600;
	height: 40px;
	left: 121px;
	position: absolute;
	top: -1px;
	width: 40px;
	text-shadow: 0 1px rgba(255,255,255,.5);
	opacity: 0.0;
	-moz-transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.free-seo-ribbon a:after {
	border-top: 1px dotted #357641;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	content: "Get Started";
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .035em;
	height: 40px;
	left: 67px;
	padding-top: 2px;
	margin-top: 2px;
	position: absolute;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	top: 56px;
	width: 120px;
	opacity: 0;
}

.cta-phone-number {
	float: right;
	margin-right:10%;
	padding: 25px 0;
	font-size: 18px;
	color: #a2a2a2;
	font-weight: 600;
}

.cta-phone-number span {
font-size: 12px;
font-weight: 400;
position: relative;
bottom: 2px;
margin-right: 5px;
}


.type-post .wp-post-image {
	padding-bottom:20px;
}
img.wp-post-image  {
		width:100%;
	  }
.dbbloglogo {
	padding:7px 10px 10px;
}
.padx {
	padding:20px 0;
}
.pady {
	padding:0 20px;
}
.padxy, .padyx {
	padding:20px;
}
.blog-title {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.5em;
}
.blog-title a {
	color:#353535;
}
.blog-title a:hover {
	color:#1f85a6;
	text-decoration:none;
}

.teaser-box {
	background:#ffffff;
	margin:20px 0;
}
.teaser-text {
	padding:20px 17px 22px 17px;
	overflow: hidden;
	height: 210px;
	position:relative;
}
.podcast-teaser-text {
	padding:20px 17px 22px 17px;
	overflow: hidden;
	height: 150px;
	position:relative;
	text-align:center;
}
.case-thumbnailothers {
float: left;
display: block;
background-repeat: no-repeat;
height: 165px;
background-clip: content-box;
background-position: center center;
background-size: contain;
}
/* End Case Study Styles */


/*-------------- Case Study Archive ---------------------*/
.case-entrywrap {
padding: 15px 35px 5px 0px;
border: 2px solid rgb(230, 230, 230);
float: left;
border-top: none;
}
.archive-titles {
font-size: 35px;
font-weight: bold;
margin: 25px 0 0 0;
padding: 0px;
}
.archiveexerpt p {
margin: 0px;
}
.archive-readmore {
float: right;
}
.archive-thumbnail {
float: left;
margin: 0px 15px 15px 15px;
}
.case-archiveopening {
	padding: 20px 50px;
	border-bottom: 2px solid rgb(236, 236, 236);
	margin: 0px;
}
/* End Case Study Styles */

/*-- FOOTER Styles */
#foot-wrapper {
	background: url(images/footer-tail.gif) rgb(32, 32, 32);
	color: white;
	position: relative;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .6);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .6);
}
#foot-wrapper a {
color: white !important;
}
.foot-col ul {
list-style: none;
margin: 15px 0 15px 0;
padding: 0;
}
.list-heading {
font-weight: bold;
margin: 0 !important;
font-size: 16px !important;
}
.foot-col ul li {
margin-left: 10px;
font-size: 12px;
}
.foot-col {
margin: 15px 0px;
padding: 0px 15px;
}
#foot-wrapper #vcard-wrapper {
padding: 10px 15px 10px 0;
font-size: 12px;
float: right;
margin: 15px 0px;
}
/*---- End Footer Styles */

#design_header_warpper {
	width:100%;
	background:url(images/design-header-wrapper.png) repeat-x;
	height:116px;
	z-index:300;
	position:fixed;
	top:0;
	left:0;
}
	#design_header {
		width:1100px;
		margin:0 auto;
	}



#header_spacer {
	height:13px;
	width:100%;
}

#sign_up_wrapper {
	margin:0 20%;
}

#design_approval_form {
	font-size: 13px;
	padding: 28px 20px 66px 28px;
	position: relative;
	display: none;
	width: 312px;
	margin-left:-156px;
	height: 298px;
	background: url(images/approveformbg.png) no-repeat;
	color: #D4D4D4;
	position: fixed;
	top: 60px;
	left: 50%;
	z-index: 400;
}

#changes_form {
	font-size: 13px;
	padding: 28px 20px 36px 28px;
	position: relative;
	display: none;
	width: 688px;
	margin-left:-344px;
	height: 566px;
	background: url(images/request-change-bg.png) no-repeat;
	color: #D4D4D4;
	position: fixed;
	top: 60px;
	left: 50%;
	z-index: 400;
}

	#approve_button, #request_changes_button {
		cursor:pointer;
	}

	#design_approval_form_close {
		position:absolute;
		top: 8px;
		cursor:pointer;
		right: 14px;
	}
	#changes_form_close {
		position:absolute;
		top: 8px;
		cursor:pointer;
		right: 14px;
	}
	#design_approval_form input#approve_input {
		background:url(images/approveinput.png) no-repeat;
		width:261px;
		border:none;
		padding:0 20px;
		height:50px;
	}	
	
	 input#change_input {
		background:url(images/approveinput.png) no-repeat;
		width:261px;
		border:none;
		padding:0 20px;
		height:50px;
	}	
	
	ul.steps {
		margin:0;
		padding:0;
	}
	
	.steps li#step-1 {
		list-style:none;
		background:url(images/1.png) 0% 0% no-repeat;
		padding-left:50px;
	}
	.steps li#step-2 {
		list-style:none;
		background:url(images/2.png) 0% 0% no-repeat;
		padding-left:40px;
	}
	.steps li#step-3 {
		list-style:none;
		background:url(images/3.png) 0% 42% no-repeat;
		padding-left:40px;
	}
	input.approve_send {
		background:url(images/approvesend.png) no-repeat;
		border:none;
		cursor:pointer;
		width:295px !important;
		font-weight:bold;
		height:75px;
	}
	.label {
		margin-left: 10px;
			color: #F5F3F3;
			font-size: 19px;
			font-weight: bold;
	}
	.steps textarea {
		background:url(images/approvetextarea.png) no-repeat;
		width: 593px;
		height: 228px;
		resize:none;
		border:none;
		padding: 14px 20px;
	}
	
	
	input#send_request_btn {
		background:url(images/send-request-btn.png) no-repeat;
		border:none;
		cursor:pointer;
		width:631px;
		font-weight:bold;
		height:75px;
	}
#form_blackout {
	background:#000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:350;
	filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
	display:none;
}


button.wpscst-button {
	font-size:18px;
	padding:10px;
}
button#wpscst_submit {
	margin-right:20px;
}

.vcard {
	list-style:none;
	margin:0;
	text-align:right;
}
.vcard li {
	list-style:none;
	margin:0;
}


#seo-blog-bg {
	min-width:1100px;
}
	#seo-blog-wrapper {
		margin-right: 50px;
		margin-left: 249px;
		border:solid 1px #DDD;
		padding: 30px;
		float:left;
		position:relative;
		-moz-box-shadow: 0px 3px 8px #595a59;
		-webkit-box-shadow: 0px 3px 8px #595a59;
		box-shadow: 0px 3px 8px #595a59;
		background:#ffffff;
		filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#595a59');
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#595a59')";
		opacity: 0.84;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 84);
		/*-ms-filter must come before filter*/
		filter: alpha(opacity = 84);
		/*width: 516px;
		background:url(images/seo-blog-transparent.png) repeat-y;*/
	}
	#seo-transparent-bottom {
		position:absolute;
		bottom: -35px;
		left:0;
		width:576px;
		height:35px;
		background:url(images/seo-blog-transparent-bottom.png) no-repeat;
	}

* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
.header-top-wrapper {
	background:#F6F6F6; 
	height:88px;
	width:100%;
}

#support_request_wrapper_left {
	float:left;
	width:970px;
}

#support_request_wrapper_left p {
	float:left;
	padding:0 12px;
	margin-bottom:11px;
} 

#support_request_wrapper_left textarea {
	height: 120px;
width: 970px;
}
#support_request_wrapper_right {
	
clear: both;
margin: 0 auto;
width: 420px;
}

#step1, #step2, #step3 {
	width:687px;
	display:block;
	margin:0 auto;
}
#modalNegative p {
	margin-bottom:0;
}

#modalNegative .wpcf7-form-control-wrap input {
	float:left;
	margin-right: 20px;
}

#modalNegative .wpcf7-form-control-wrap textarea {
	height:40px;
	margin-right: 20px;
	width: 88%
}

.names input {
	display:block;
	width:88%;
}
#modalNegative .wpcf7-submit {
	text-transform: uppercase;
font-weight: bold;
	width:88%;
	padding:20px;
	 color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.largegood {
	width:90%;
	padding: 50px 0 !important;
}
.largedanger {
	width:90%;
	padding: 50px 0 !important;
}
	.header {
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
	}
	
		#header-links {
			float:right;
			padding-top:36px;
			padding-right:20px;
			height: 20px;
		
		}
			#header-links ul {
				list-style:none;
				margin:0;
				padding:0;
			}
				#header-links li {
					float:left;
					border-right:solid 1px #b8b8b8;
					
				}
				#header-links li#support {
					background:url(images/support.png) no-repeat;
					
				}
					#header-links li#support a {
						padding: 0 10px 0 23px;
					}
				#header-links li:last-child {
				
					border-right:none;
					
				}
					#header-links a {
						display:block;
						color:#1d5acf;
						font-size:12px;
						padding: 0 10px;
						text-decoration:none;
					}
#scrolltop {
	cursor:pointer;
	background:url(images/scrolltotop.png) no-repeat;
	color:#fff;
	height:97px;
	width:97px;
	position:fixed;
	bottom:40px;
	left:72px;
	display:none;
}
#registerform label {
	display:none;
}

.padded {
	padding:20px;
}

#career_listing_wrapper {
	width:860px;
	font-weight:bold;
	color:#fff;
	margin:0 auto;
}
	#career_listing_wrapper ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#career_listing_wrapper a#applynow, .career_detail_page a#applynow {
			display:block;
			float:right;
			padding-top:20px;
			color:#fff;
			text-decoration:underline;
		}
		#career_listing_wrapper a#viewopening {
			display:block;
			float:left;
			padding-top:20px;
			color:#fff;
			text-decoration:underline;
		}
		#career_listing_wrapper li {
			float:left;
			font-size:12px;
			color:#fff;
			min-height:165px;
			background:#3F773C;
			padding:20px;
			margin:10px;
			width:223px;
		    opacity: .92; /* other browsers  and IE9+ */
		    filter: alpha(opacity=92); /* IE6+ */
		    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92); /* IE6+ */
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=92)"; /* this works in IE8 only */
		}
		.career_listing_title a {
			text-align: center;
			display:block;
			color:#fff;
			font-size:16px;
			padding: 2px 0;
			background: black;
			font-weight: bold;
			
		}
.career_detail_page .wpcf7 p {
	padding: 4px;
float: left;
}
	.career_detail_page .wpcf7 input {
		width:155px;
	  }
	  .career_detail_page .wpcf7 textarea {
	  	margin-right: 4px;
		width: 160px;
		height: 49px;
	  }
	  .career_detail_page .wpcf7 input.wpcf7-file {
	  	width:560px;
	  	color:#fff;
	  }
	  .career_detail_page .wpcf7 input.wpcf7-submit {
		cursor: pointer;
		font-weight: bold;
		border: none;
		font-size: 30px;
		width:560px;
		color: #1E1E1E;
		background: white;
	  }
.career_title {
	margin: 5% auto 30px auto;
	width:50%;
	min-width:600px;
	
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	font-size: 62px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -2px;
	background:#008FD5;
	padding:50px;
    opacity: .92; /* other browsers  and IE9+ */
    filter: alpha(opacity=92); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=92)"; /* this works in IE8 only */
	
}
.career_detail_page h1 {
	margin-bottom: 16px;
border-bottom: solid 1px;
font-size: 35px;
float: left;
}

.career_detail_page a {
	color:#fff;
	text-decoration:underline;
	font-style:italic;
}
.career_detail_page {
	margin: 5% auto 30px auto;
	width:50%;
	min-width:600px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	color: white;
	font-weight: bold;
	background:#008FD5;
	padding:28px 52px;
    opacity: .98; /* other browsers  and IE9+ */
    filter: alpha(opacity=98); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=98); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=98)"; /* this works in IE8 only */
	
}

#inbound_wrapper {
	width: 1020px;
	position: relative;
	height: 715px;
	padding-top: 33px;
	margin:0 auto;
}
	#inbound_wrapper #circle {
		margin:0 auto;
		width:575px;
		height:575px;
		display:block;
	}
	.inbound_title {
		font-size: 23px;
		letter-spacing: 1.8px;
		text-align: center;
		color: rgb(172, 172, 172);
		padding-bottom: 52px;
		padding-top:30px;
		line-height: 36px;
	}
	.inbound_title span {
		font-size: 28px;
		font-weight:bold;
		color: #4298D2;
	}
	
	#fact1 {
		position:absolute;
		top: 214px;
		left: 70px;
		width:200px;
		font-size:16px;
		color:#666666;
	}
	#fact2 {
		position:absolute;
		top: 218px;
		left: 760px;
		width:254px;
		font-size:16px;
		color:#666666;
	}
	#fact3 {
		position:absolute;
		top: 460px;
		left: 820px;
		width:250px;
		font-size:16px;
		color:#666666;
	}
	#fact4 {
		position: absolute;
		top: 510px;
		left: 30px;
		width: 200px;
		font-size: 16px;
		color: #666666;
	}

	.career_subtitle {
		font-size:14px;
		letter-spacing:0;
		text-transform:none;
		width:560px;
		text-align:justify;
		margin:0 auto;
	}
	
	.stitchbg {
	background:url(images/stitchbg.jpg) repeat-x;
}

#how-it-works-wrapper {
	height:273px;
	width:100%;
	top:-7px;
	z-index:1;
	position:relative;
}
	#how-it-works {
		overflow:hidden;
		width:1120px;
		height:280px;
		margin:0 auto;
		position:relative;
	}
	
.goback {
	text-align:right;
	padding-top:20px;
	padding-right:10px;
	cursor:pointer;
	color:#317af0;
	font-weight:bold;
}
.margin_100 {
	margin-right:100px;
}
.boxtop {
	background:url(images/boxtop.jpg) no-repeat;
	height:20px;
	width:495px;
}

	.boxicon  {
		margin-top: -10px;
		width: 60px;
		height: 61px;
		float: right;
		padding: 20px;
	}
		.boxicon img {
			max-width:60px;
			max-height:60px;
		}
		
		.blogicon  {
		left: 20px;
top: 0;
position: absolute;
width: 60px;
height: 61px;
	}
		.blogicon img {
			max-width:60px;
			max-height:60px;
		}
	
.boxmiddle {
	background:url(images/boxmiddle.jpg) #fff repeat-y;
	width:435px;
	font-size:12px;
	color:#666670;
	padding:10px 30px;
}
	.boxmiddle a {
		color: #666670;
	}
	.boxmiddle a:hover {
		color:#1982D1;
	}
		.boxmiddle p a {
			display:block;
			color:#1982D1;
			font-size:11px;
			font-weight:bold;
		}
	.column_4 .boxmiddle h3 {
		
		
	}
	a.green-link  {
		font-weight: bold;
		color: #1BB840;
		text-decoration: none;
	}
.boxbottom {
	margin-bottom:40px;
	background:url(images/boxbottom.jpg) no-repeat;
	height:12px;
	width:495px;
	
}
.form-title {
	color: black;
	padding-bottom:10px;
	font-size: 19px;
	font-weight: bold;
}
#registerform input#wp-submit {
	background:url(images/submitbg.png) no-repeat;
	height:69px;
	width:257px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:28px;
	display:block;
	border:none;
	cursor:pointer;
	
}

#update_profile {
	background:url(images/submitbg.png) no-repeat;
	height:69px;
	width:257px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:28px;
	display:block;
	border:none;
	cursor:pointer;
	margin: 40px auto 0;
}

.smallnote {
	font-size:13px;
	color:#8F8D8D;
	font-style:italic;
}
.update_profile {
	background:url(images/submitbg.png) no-repeat;
	height:69px;
	width:257px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:28px;
	display:block;
	border:none;
	cursor:pointer;
	margin: 40px auto 0;
}
.border-top {
	border-top: solid 1px #DDD;
}

.seo_blog_teaser_home {
	border-top: solid 1px #DDD;
	clear: both;
	padding: 0;
	margin: 30px 0;
}
#blog_title {
	position:fixed;
	text-align:center;
	width:270px;
	top:0;
	left:0;
	
}

#blog_title img {
	outline:none;
	border:none;
}
#blog_title_home {
	text-align:center;
		
}
#blog_title_home:hover {	
	-webkit-animation: wiggle .2s ease-in-out alternate;	
}
#blog_title_home img {
	border:none;
	outline:none;
}

#registerform input {
	padding-right: 25px;
	height:30px;
	width: 238px;
	padding-left: 8px;
}



/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}




.next {
	padding-top: 10px;
	text-align: center;
	background: url(images/submitbg.png) no-repeat;
	height: 59px;	
	width: 257px;
	font-weight: bold;
	color: white;
	font-size: 28px;
	display: block;
	border: none;
	cursor: pointer;
}
.form_steps {
	color:#9B9696;
	font-size:14px;
}
ul.tabs {
margin: 0 auto;
top: 19px;
position: relative;
}
.tabs li {
				margin-right:5px;
				list-style:none;
				display:inline;
			}

			.tabs a {
				padding:5px 10px;
				display:inline-block;
				background:#666;
				color:#fff;
				text-decoration:none;
				font-weight:bold;
			}

			.tabs a.active {
				background:#FBFBFB;
				color:#008FD5;
				font-weight:bold;
				
			}


#formsteps ul{
	list-style:none;
}
	#formsteps li {
		float:left;
		list-style:none;
		display:block;
		cursor:pointer;
		margin-right:70px;
	}
.login {
	margin-top:20px;
width: 270px;
padding: 14px 0 0;
padding: 12px 24px 46px;
font-weight: normal;
background: white;
border: 1px solid #E5E5E5;
-moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
-webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;

}
.login form {

}
	#subheading {
		overflow: hidden;
		width: 300px;
		height: 40px;
		padding-left: 18px;
		letter-spacing: 1.2px;
		color: #91959C;
		font-size: 18px;
		padding-top: 24px;
		float: left;
	}
	#dblogo {
		margin-left:20px;
		width:230px;
		padding-top: 10px;
		float:left;
	}
	#dblogoblog {
		float:right;
	}
	#breadcrumbs {
		font-size:15px;
	}
	#socialheaderblog {
		overflow:hidden;
		width: 384px;
		height:31px;
		padding-top: 20px;
	  }
	 /*.IN-widget {
	 	padding-top:8px;
	 }*/
	 
	 .widget_archive {
	 	height: 147px;
		overflow-y: scroll;
	 }
	
	#socialheader {
		float: left;
		overflow:hidden;
		width: 294px;
		height:31px;
		padding-top: 29px;
	  }
	
	/*.fb-like {
		padding-top:8px;
		float:left;
		padding-right:20px;
	}*/
	/*#___plusone_0 {
		float:left !important;
		margin-top:7px !important;
		width:81px !important;
	}*/
	/*.twitter-share-button {
		float:left;  	
		margin-top:8px;
	}*/
	.async-wrapper {
position: absolute !important;
bottom: 0px !important;
z-index: 99999 !important;
width: auto !important;
min-height: 0px !important;
padding-top: 0px !important;
margin-bottom: 8px !important;
}
	.fb_iframe_widget span {
	margin: 0px !important;
	width: auto !important;
	}
	.fb_iframe_widget {
	width: auto !important;
	margin: 0px !important;
	height: auto !important;
	}
	.fb_iframe_widget span {
width: auto !important;
margin: 0 0 0 20px;
}
ul.async-list li.fb-share, ul.async-list li.gplus-share, ul.async-list li.linkedin-share, ul.async-list li.twitter-share, ul.async-list li.hn-share {
width: 83px !important;
margin-left: 15px !important;
}
.fb_iframe_widget {
width: auto !important;
margin: 10px auto 0 auto;
height: 420px;
}
.fb_iframe_widget span {
width: auto !important;
margin: 0 0 0 20px;
}
	.contact_form {
		border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		float:left;
		border-radius: 4px;
		width:362px;
	}
	input[type="radio"], input[type="checkbox"] {
		margin:0;
	}
	.contact_form h2 {
		padding: 15px;
		margin:0 0 20px 0;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		border-bottom: 1px solid #ccc;
		background-color: #f0f0f0;
	}
	.contact_form h2 span {
		font-size: 11px;
		color: #777777;
		margin-left: 10px;
		font-weight: 400;
		position: relative;
		top: -1px;
	}
	
	.contact_form .wpcf7-submit:hover {
		color: white;
		text-decoration: none;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		border-top: 1px solid #4db0ee;
		border-bottom: 1px solid #1946be;
		border-right: 1px solid #3080e3;
		border-left: 1px solid #3080e3;
	}
	
.dnschecker #domain {
	height: 52px;
	width: 70%;
	padding-left:20px;
	margin-right:20px;
	float: left;
	line-height: 45px;
	font-size: 30px;
}	

.dnschecker .btn {
	padding:18px 32px;
}


	.contact_form .wpcf7-submit {
		width: 100%;
		padding: 20px;
		font-weight:bold;
		font-size:19px;
		color: white;
		text-shadow: 0 -1px 0 #3574e3;
		background-color: #3574e3;
		background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#7ec8f4),color-stop(100%,#3574e3));
		background-image: -webkit-linear-gradient(top,#7ec8f4,#3574e3);
		background-image: -moz-linear-gradient(top,#7ec8f4,#3574e3);
		background-image: -o-linear-gradient(top,#7ec8f4,#3574e3);
		background-image: -ms-linear-gradient(top,#7ec8f4,#3574e3);
		background-image: linear-gradient(top,#7ec8f4,#3574e3);
		border-top: 1px solid #64baf0;
		border-bottom: 1px solid #1c4ed5;
		border-right: 1px solid #468ee6;
		border-left: 1px solid #468ee6;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
		-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		-moz-transition-property: opacity;
		-webkit-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
		-moz-transition-duration: .15s;
		-webkit-transition-duration: .15s;
		-o-transition-duration: .15s;
		transition-duration: .15s;
		-moz-transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
		-moz-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.contact_form .wpcf7-submit:hover {
		color: white;
		text-decoration: none;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 5px #3574e3;
		border-top: 1px solid #4db0ee;
		border-bottom: 1px solid #1946be;
		border-right: 1px solid #3080e3;
		border-left: 1px solid #3080e3;
	}
	.contact_form p {
		padding: 0 20px;
		color:#444;
		font-weight:bold;
	}
	
	
	.contact_form p span.small {
		font-size: 0.85em;
		font-weight:normal;
		color:rgb(116, 113, 113);
	}
	.contact_form input.wpcf7-text {
		width:100%;
	}
	span.wpcf7-list-item {
		margin:0 !important;
	}
	.contact_form p {
		margin-bottom:10px;
	}
	.contact_form label {
		padding-bottom:3px;
		
	}
	.wpcf7-list-item {
		font-size:13px;
	}
	.contact_form .required {
		color:#790000;
		font-weight:bold;
		font-size:14px;
	}
	#dblogodesign {
		width: 130px;
		position:relative;
		height: 70px;
		padding-top: 12px;
		padding-right:20px;
		float:right;
		
	}
	#design_response_due {
		font-weight:bold;
		
	}
	.design_watermark {
		background:url(images/watermark.png);
		position:absolute;
		top:40px;
		left:0;
		height: 100%;
		z-index: 100;
		width:100%;
	}
	
	#design_wireframe {	
		padding-top:40px;
		width:1034px;
		position:relative;
		margin:0 auto;
	}
	.subtext {
		font-style:italic;
		font-size:13px;
	}
	#design_wireframe img {
		width:100%;		
	}
ul.local_listings {
	list-style:none;
	margin:0;
	padding:0;
}

#local_excite_design {
	display: block;
	width: 284px;
	text-align: center;
	margin: 0 auto;
}

.local_value {
	height: 27px;
	display:block;
	background: rgb(81, 130, 204);
}

.featuretable h4 {
	display:inline;
}
.featuretable{border-collapse:collapse;border-spacing:0;margin:0 0 4px;position:relative;table-layout:fixed;width:100%;}.featuretable caption{display:none;height:0;text-indent:-9999px;}.featuretable.table2col thead td,.featuretable.table3col thead td{width:232px;}.featuretable.table4col thead td{width:175px;}
.featuretable thead .tcol-highlight,.featuretable thead .tcol-standard{height:245px;position:relative;text-align:center;vertical-align:top;}.featuretable tfoot .tcol-highlight,.featuretable tfoot .tcol-standard{height:245px;position:relative;text-align:center;vertical-align:top;}.featuretable.table3col thead 
.featuretable tfoot .ribbon{display:none;}
.featuretable h3,.featuretable h2{ font-weight:bold; font-family:Frutiger Cn Blk,Arial Narrow,Arial,sans-serif;font-size:20px;height:48px;line-height:20px;margin-top:25px;padding:0;}
.featuretable .tcol-standard h3,.featuretable .tcol-standard h2{color:#FFF; font-weight:bold;}
.featuretable thead.tcol-highlight h3,.featuretable tfoot.tcol-highlight h3,.featuretable tfoot .tcol-standard h3,.featuretable thead.tcol-highlight h2,.featuretable tfoot.tcol-highlight h2,.featuretable tfoot .tcol-standard h2{color:#244590;}
.featuretable h3 span,.featuretable h2 span{font-family:Arial,sans-serif;font-size:12px;font-weight:normal;padding:0;}
.featuretable .divider{height:0;margin:0 auto;width:200px;}.featuretable.table4col .divider{width:140px;}.featuretable thead .tcol-standard .divider{border-bottom:1px solid #76acce;border-top:1px solid #00438e;}.featuretable thead .tcol-highlight .divider,.featuretable tfoot .tcol-standard .divider,.featuretable tfoot .tcol-highlight .divider{border-bottom:1px solid #c4d1db;border-top:1px solid #FFF;}
.featuretable .price-stopper{height:120px;position:relative!important;text-align:center;text-decoration:none;width:100%;}.featuretable .tcol-standard .price-text-above,.featuretable .tcol-highlight .price-text-above,.featuretable .tcol-standard .price-text-above-offer,.featuretable .tcol-highlight .price-text-above-offer{font-family:Frutiger Cn Blk,Arial Narrow,Arial,sans-serif;font-size:15px;height:15px;margin:14px 0 6px 0;}
.featuretable .price-text-above,.featuretable .price-text-above-offer,.featuretable .price-text-below{font-size:11px; font-style:italic; display:block;}
.featuretable thead .tcol-standard .price-text-below,.featuretable thead .price-text-above-offer,.featuretable thead .tcol-standard .price-text-above{color:#fff;}.featuretable .tcol-highlight .price-text-above,.featuretable .tcol-highlight .price-text-above-offer,.featuretable thead .price-text-below,.featuretable tfoot .price-text-below,.featuretable tfoot .price-text-above-offer,.featuretable tfoot .price-text-above{font-weight: bold;
font-size: 12px !important; color:#244590;}
.featuretable thead .tcol-standard .price-text-above-offer{
	color:#fff000; font-weight: bold;
font-size: 12px;
}.featuretable .tcol-highlight .price-text-above-offer{font-size:18px;height:auto;line-height:.9em;}.featuretable .btn-eh{width:120px;z-index:10;}.featuretable tbody tr td,.featuretable tbody tr th{border-bottom:1px solid #dfe6ec;border-right:1px solid #dfe6ec;vertical-align:middle;}
.featuretable tfoot tr td,.featuretable tfoot tr th{border-right:1px solid #dfe6ec;}.featuretable h4{font-weight:bold;}.featuretable a{color:#0A328C;}.featuretable tbody{margin-top:100px;}.featuretable tbody td{padding:10px;text-align:center;}.featuretable tbody th{padding:0 20px;}.featuretable tbody .first-row th{padding-bottom:10px;padding-top:10px;}
.featuretable tbody tr:nth-Child(odd){background-color:#FFF;}.featuretable tbody tr:nth-Child(even){background-color:#f3f6fa;}.featuretable th.category{ no-repeat scroll 18px 5px #e9f0f5;border-left:medium none;border-right:medium none;cursor:pointer;font-weight:bold;height:50px;text-align:left;}
.featuretable th.category h5{display:inline;float:left;font-size:14px;margin-left:55px;margin-top:5px;}.featuretable th.category-top{border-right:none;height:5px;padding:0;}.featuretable th.showhide{background-color:#e9f0f5;border-left:medium none;border-right:medium none;cursor:pointer;height:50px;text-align:right;}
.featuretable th.showhide img{margin:0 0 0 6px;}.featuretable th.category.domain{background-position:20px -89px;}.featuretable th.category.webspace{background-position:20px -645px;}.featuretable th.category.email{background-position:20px -141px;}.featuretable th.category.webdesign{background-position:20px -595px;}
.featuretable th.category.security{background-position:20px -395px;}.featuretable th.category.data{background-position:20px -292px;}.featuretable th.category.marketing{background-position:20px -445px;}.featuretable th.category.support{background-position:20px -495px;}.featuretable th.category.function{background-position:20px -42px;}
.featuretable th.category.usecases{background-position:20px -188px;}.featuretable th.category.webaddress{background-position:20px -546px;}.featuretable th.category.databases{background-position:20px -644px;}.featuretable th.category.webdesk{background-position:17px -340px;}.questionmark{float:right;position:relative;}
.questionmark span{display:none;}.questionmark:hover span{background-color:#fff;border:1px solid #d2ddeb;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:block;left:20px;padding:10px;position:absolute;top:0;width:200px;z-Index:99;}thead .bubble-cont,tfoot .bubble-cont{height:0;position:relative;}
thead .bubble{color:#0A328C;font-weight:bold;height:60px;left:0;position:absolute;text-align:center;}thead .bubble p{display:table-cell;height:60px;padding:0 5px;vertical-align:middle;}.featuretable.table4col thead .bubble p{padding:0 25px;}tfoot .bubble-cont>img{display:none;}tfoot .bubble{display:none;}
.table2col thead .bubble,.table3col thead .bubble{ no-repeat;left:14px;padding:5px 12px 17px 12px;width:178px;}.table4col thead .bubble{padding:5px 0 17px 0;width:178px;}
.tcol-highlight .bubble{top:-85px;}.tcol-standard .bubble{top:-65px;}.bubble p{width:125px;}.table2col .bubble p,.table3col .bubble p{width:170px;}ul.small-footer-navigation{border-top:1px solid #BECBE0;clear:both;float:left;padding-top:10px;width:100%;}ul.small-footer-navigation li{float:left;margin-right:8px;padding-right:8px;}
ul.small-footer-navigation li a{text-decoration:none;}ul.small-footer-navigation li a:hover{color:#0088CA;}ul.small-footer-navigation li.last{background:none;}

	.design_sitemap {	
		width: 1000px;
		position: relative;
		margin: 0 auto;
		height: 390px;
		overflow: hidden;
		background: #fff;
	}
	.design_sitemap h2 {
		font-size:30px;
		padding-bottom:30px;
	}
	.design_sitemap #sitemap {
		width:1000px;
	}
	
	.design_keywords {
		background:#fff;
	}
	
	.design_keywords h2 {
		font-size: 30px;
		padding: 20px 0;
	}
	
	.spyglass {
		position:absolute;
		bottom:-999px;
		left:50%;
		width:260px;
		height:260px;
		margin-left:-130px;
		font-weight:bold;
		text-align:center;
	}
	
	#design_comp {	
		width:1032px;
		position:relative;
		margin:0 auto;
	}
	
	#design_comp img {
		max-width:1032px;
	}
	
	#design_wrapper {
		width:1250px;
		margin:0 auto;
		padding-top:20px;
	}

	#design_buttons {
		width: 526px;
		float: left;
		padding-top: 11px;
	}
	#design_greeting {
		float:left;
		width:420px;
	}
			#design_hello {
				font-size:24px;
				font-weight:bold;
			}
			#need_support {
				float:right;
				margin-right:30px;
			}
			#bookmark_button{
				float:right;
				position: relative;
				bottom: 2px;
			}
			#design_business {
				font-size:24px;
				color:#006fe8;
			}
			.design_subtext {
				font-style:italic;
				color:#5f5f5f;
				
			}
	#designbgdark {
		background:url(images/darkbg.jpg) fixed;	
	}
	
	#designbglight {
		background:url(images/lightbg.jpg) fixed;	
	}
	.callus {
font-size: 33px;
color: rgb(122, 122, 122);
font-weight: bold;
padding-bottom: 30px;
text-align: center;
line-height: 35px;
}
	.callus span {
		color:#8cb318;
	}
	
	#drumbeatlogo2 {
		width: 101px;
		position:relative;
		height: 28px;
		line-height:23px;
		display:none;
		padding: 19px 17px 12px 20px;
	}
		#drum2 {
		font-size:20px;
		color:#8cb318;
		}
		#beat2 {
			font-size:20px;
			color:#008fd5;
		}
		
.verticalnav {
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
	border: solid 1px #EEE;
	width: 230px;
}		

.verticalnav_title {
padding-top: 10px;
height: 29px;
font-size: 14px;
background: #4C4C4C;
line-height: 18px;
padding-left: 11px;
color: white;
font-weight: 600;
text-decoration: none;
position: relative;
}

.verticalnav ul {
	list-style:none;
	margin:0;
	padding:0;
}


.verticalnav li a {
	display:block;
	border-bottom: solid 1px #E2E2E2;
	padding-left:8px;
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-shadow: 0 1px 1px white;
	filter: dropshadow(color=#ffffff,offx=1,offy=1);
	color: #575755;
	font-weight: 400;
	line-height: 1.5em;
	
}

.verticalnav li a:hover {
	text-decoration:none;
	background-color: #134D86;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNzFhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTYxODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top, #1F71A4 0, #296184 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #1F71A4),color-stop(100%, #296184));
background-image: -webkit-linear-gradient(top, #1F71A4 0, #296184 100%);
background-image: -o-linear-gradient(top, #1F71A4 0, #296184 100%);
background-image: -ms-linear-gradient(top, #1F71A4 0, #296184 100%);
background-image: linear-gradient(to bottom, #1F71A4 0, #296184 100%);
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#134d86', endColorstr='#1f70a3', GradientType=0) dropshadow(color=#000000,offx=1,offy=1);
color: white;
text-shadow: 0 1px 1px black;
display: block;
}
		
/* tables */

.table_wrapper {
	width: 420px;
float: left;
margin-left: 25px;
}
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 14px;
	width:100%;
	text-align: left;
	border: 1px solid #CDCDCD;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 15px;
	font-weight:bold;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}




		#drumicon2 {
		width: 21px;
		position: absolute;
		top: 12px;
		left: 31px;
	}
	#drumicon {
		position:absolute;
		top: 6px;
		left: 16px;
	}
	#drum {
		font-size:30px;
		color:#48a343;
		/*color:#8cb318;*/
	}
	#beat {
		font-size:30px;
		color:#008fd5;
	}
	#cta-nav {
		height: 60px;
		float:left;
		
	}
		#cta-nav ul {
			list-style:none;
			padding:0;
			margin: 0;
		}
			#cta-nav li {
				float: left; 
				height:60px;
			}
				#cta-nav li a {
					padding: 15px 13px 14px 0;
				}




					#homeslidedown {
						cursor:pointer;
						color: #979797;
					}
					#fadeouttext {
						display: block;
						font-weight:bold;
						padding: 18px 20px;
					}

.fixed {
    position:fixed;
  }
.bubble {
	background:url(images/circleicon.png) 99% 0% no-repeat;
	height:291px;
	position:relative;
	width:291px;
	float:left;
	margin-right:-23px;
}
	.bubbleIcon {
		position: absolute;
		top: 64px;
		left: 94px;
		width: 107px;
		height: 94px;
	}
		.bubbleTitle {
			overflow: hidden;
			text-align: center;
			position: absolute;
			font-size: 21px;
			font-weight: bold;
			color: white;
			top: 156px;
			left: 35px;
			text-transform: uppercase;
			width: 223px;
		}
			.bubbleCaption {
				height: 50px;
				line-height: 16px;
				overflow: hidden;
				text-align: center;
				position: absolute;
				font-size: 13px;
				font-weight: bold;
				color: #265571;
				top: 187px;
				left: 43px;
				width: 203px;
			}
.client_wrapper {
	background:url(images/client-wrapper.jpg) no-repeat;
	height:236px;
	width:375px;
	position:relative;
	float:left;
	margin:5px;
}
	.client {
		position:absolute;
	  	 left: 57%;
	  	 top: 59%; 
	  	margin-left: -173px;
		margin-top: -102px;
	}
	.client img {
		width:290px;
		
	  }
	  
	  #clients_center {
	  	width:1155px;
	  	margin:0 auto;
	  }
.fade li {
	list-style:none;
	width:300px;
}
.fixed {
	position:fixed;
	z-index:900;
}
.home-slider-wrapper {
	/*width:100%;
	margin-top:-7px;
	position: relative;
	z-index:100;
	height:410px;
	background:url(images/square_bg.png) #0173E5;	*/
}

.slider-bg-fluid {
	/*
	margin-bottom:30px;
	background:url(images/square_bg.png) #0173E5;*/
}

#drumbeatcollage {
      margin-top:60px;
  }
.page-slider-wrapper {
	width:100%;
	margin-top:-7px;
	padding-top:60px;
	position: relative;
	z-index:1;
	height:216px;
	background:#0173E5;
	/*background:#00baf0; light blue*/
}

	.home-slider {
		width:1020px;
		height:410px;
		margin:0 auto;
		position: relative;
		color:#fff;
 	}
	.page-slider {
		height:176px;
		margin:0 auto;
		position: relative;
		color:#fff;
		
	}
	#fadeincta {
		padding-top:30px;
		width:220px;
		float:left;
		}		
#websitehome {

}

		.fadein2 {
			margin-left:10px;
		}
		#mouseport h1 {
			font-weight: bold;
			color:#fff;
			padding-top: 25px;
			line-height: 1.2em;
			margin-left:20px;
			padding-bottom: 20px;
			width:100%;
			text-shadow: 1px 1px 1px #171717;
       		}
       	 
       	 .page-slider h1 {
			font-weight: normal;
			font-size: 62px;
			text-align:center;
			line-height:81px;
			padding-top: 34px;
			margin-left:20px;
       		}	
 .relative {
 	position:relative;
 }
 
.post-type-archive .page-slider h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
       		
		.page-slider h2 {
			padding-top: 0px;
			font-size:1em;
			color:#fff;
			padding-bottom:0px;
			line-height:24px;
			width: 452px;
			padding-left: 33px;
		}
		
		#mouseport h2 {
			padding-top: 0px;
			font-size:1em;
			color:#fff;
			padding-bottom:0px;
			line-height:24px;
		}
		
a.video-btn {
	background: url(images/vanessavideo.jpg) no-repeat;
	width: 438px;
	height: 224px;
	display: block;
	margin-top: 30px;
}

a.video-btn2 {
	margin-left: 30px;
	background: url(images/ambervideo.jpg) no-repeat;
	width: 438px;
	height: 224px;
	display: block;
	float: right;
	margin-top: 20px;
}
		#getstarted {
			position:relative;
			z-index:1000;
		}
		#getstarted2 {
			padding-left:60px;
		}
			#monthly-contracts {
				font-size:11px;
				padding-left:76px;
				text-shadow: none;
        		filter: none;
			}

/* vTab */
#vtab {
	border: 1px solid #DDD;
}
#vtab ul {
padding: 0;
margin: 0;
text-indent: 0;
display: block;
}
#vtab ul li {
list-style: none;
float: left;
padding: 0 14px;
margin: 0;
text-indent: 0;
display: block;
border-right: 1px solid #DDD;
}

/* START PARALLAX */ 

.parallax-viewport {
    width: 430px; 
    position:relative;
    height: 264px;
    top:0;
    right:0;
    z-index:300;
    overflow: visible;
    margin-bottom:-10px;
    margin-top:50px\9;
}
.parallax-layer {
    position: absolute;
}   

 #laptophide {
 	z-index:-1;
 }
 
 #greyblock {
 	position:absolute;
 	top:40px;
 	z-index:-1;
	width: 452px;
	margin-top: 214px;
	height: 70px;
	background: #fbfbfb;
	*position:absolute;
	*bottom:-55px;
 }
    
    .diagram {
      margin-top: -0.75em;
    }
    
	  small {
	    text-transform: uppercase;
	  }

.pagewrapper {
	width:1020px;
	margin:0 auto;
}
#seoblog-logo {
	text-align:center;
	
}
#seoblog-logo img {
	margin:0 auto;
}


	#homemargin {
		border-top: solid 1px #ccc;
		padding-bottom: 10px;
		border-bottom: solid 1px #ccc;
	}

	.column_4 {
		width:450px;
		float:left;
	}
	.column_8 {
		clear:both;
		padding: 20px 0;
		margin: 38px 0;
	}
	.margin_right_117 {
		margin-right:117px;
	}
	.column_4 h3, .span6 h3 {
		color: rgb(44, 125, 199);
		font-weight: bold;
		font-size: 17px;
	}
	.top-buffer { margin-top:60px; }



/* =Structure
----------------------------------------------- */



/* --- HOVER ZOOMContainer configuration ---------------------------------------------------------- */
.viewport {
    border: 3px solid #eee;
    float: right;
    height: 299px;
    margin: 0 9px 9px 0;
    overflow: hidden;
    position: relative;
    width: 450px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
}

.viewport a img {
    height: 332px;
    left: -20px;
    position: relative;
    top: -20px;
    width: 500px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
    .viewport a span em {
        display: block;
        font-size: 16px;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
    .dark-background em {
        color: #ccc;
    }

/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */



.services_wrapper {
	width:1120px;
	margin:0 auto;
}
.services_column {
	float:left;
	width:330px;
	
	margin:20px 10px 20px 20px;
}
.services_column ul {
	margin:20px 0 0 0;
	padding:0;
}
	.services_column a {
		font-weight:bold;
		text-decoration:underline;
		padding-left:5px;
		font-size:12px;
	}
	.hire_us {
		display:block;
		margin:0 auto;
		padding: 40px 0px;
		
		width:347px;
	}
	.services_column li:hover {
		border: 1px solid #ccc;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
.services_column li {
		border: 1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	list-style: none;
	font-size: 13px;
	height: 190px;
	margin:10px;
	line-height: 18px;
	color: #444;
	padding: 17px 23px 20px 10px;
}
.services_title {
	font-weight:bold;
	color:#222222;
	font-size:16px;
	padding-bottom:15px;
}
	.services_title a {
		font-weight:bold;
		color:#1982D1;
		font-size:16px;
		text-decoration:none;
		padding-bottom:15px;
	}
	#seo-icon {
		padding-top:20px;
	}
	#web-dev-icon {
		padding-top:20px;
	}
	#analytics-icon {
		padding-top:52px;
	}
	.services_column h2 {
		line-height: 27px;
		font-weight: bold;
		color: #222;
		font-size: 24px;
		text-align: center;
	}
		.services_subtitle {
			text-align:center;
		}
	.services_icon {
		display:block;
		margin:0 auto;
	}

.services_border_right {
	border-right:solid 1px #E6E3E3;
	padding-right:10px;
}
#page {
	margin: 0 auto;
	max-width: 1020px;
}
#branding hgroup {
	margin: 0 7.6%;
}
#access div {
	margin: 0 7.6%;
}


#secondary {
	left: 40px;
	top: 330px;
	position: fixed;
}

/* Singular */
.singular #primary {
	margin: 0 auto;
	
}
/* width:1020px; */
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #fbfbfb;
}
#page {
	background: #fff;
}

/* Headings */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
.video-modal {
	position:fixed;
	z-index:4500;
	top:20%;
	left:50%;
	margin-left:-426px;
	width:853px;
	height:480px;
}

#close-video {
	cursor: pointer;
height: 30px;
width: 26px;
position: absolute;
top: -30px;
z-index: 9999;
right: -30px;
background: url(images/closeicon.png) no-repeat;
}
#dark-overlay {
	position: fixed;
	width: 100%;
	background: #000;
	cursor:pointer;
	z-index:1000;
	height: 100%;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password], input[type=email], input[type=url],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text], input[type=email], input[type=url] {
	padding: 3px;
}

input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}





/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1.625em 0 0;
}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 3.625em;
padding: 0 0 3.625em;
	position: relative;
}

.timestamp-blog {
	
right: -165px;
top: 10px;
position: absolute;
background: #FCDD6E;
padding: 9px 13px;
color: black;
width: 118px;
display: block;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	
}

.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 76px;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}

#seo-blog-wrapper #dblogo {
	margin:0 auto;
	float:none;
}

#seo-blog-wrapper .page-header {
	text-align:center;
}

#seo-blog-wrapper {
	font-family: 'Helvetica', Arial, sans-serif;
	vertical-align: baseline;
	line-height:1.7em;
	font-size:16px;
	color: #808080;
}

#seo-blog-wrapper p {
	display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

a.custom-button {
	cursor: pointer;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 12px;
	padding: 21px 17px;
	display: block;
	border-radius: 50%;
	background: #383838;
	width: 30px;
	height: 20px;
	color: #fff;
	position:absolute;
	top:70%;
	left:42%;
}
a.custom-button:hover {
	text-decoration:none;
	border-radius: 0%;
	background:#1f85a6;
}
a.podcast-custom-button {
	cursor: pointer;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 12px;
	padding: 21px 17px;
	display: block;
	border-radius: 50%;
	background: #383838;
	width: 30px;
	height: 20px;
	color: #fff;
	position:absolute;
	top:60%;
	left:42%;
}
a.podcast-custom-button:hover {
	text-decoration:none;
	border-radius: 0%;
	background:#1f85a6;
}

.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	line-height:1.7em;
	font-size:14px;
	color: rgb(22, 22, 22);
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #444444;
	font-size:1.5em;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: -30px;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 0 0 0;
	position: relative;
}
.singular.page .hentry {
	padding:  0;
}
.singular .entry-title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
}
blockquote.pull.alignleft,
blockquote.pull.alignright {
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
	margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
#nav-single .nav-previous {
	padding-right: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li:hover {
	background:#ddd;
}
.widget ul li {
	color: #777;
	list-style:none;
	font-size: 13px;
	margin:-1px 0 0 -1px;
	border:solid 1px #CFCFCF;
}
.widget a {
	font-weight: bold;
	padding:10px;
	font-size:11px;
	display:block;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: none;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 0;
	padding: 5px 22px 5px 22px;
	position: relative;
	left: 10px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}




/* =Footer
----------------------------------------------- */
#footer_wrapper {
	background:#f9f9f9;
	margin-top:55px;
	border-top: solid 1px #f5f5f5;
	width:100%;
}
#searchform {
	float:left;
}
#colophon {
	margin: 0 auto;
	padding:40px;
	clear: both;
}
#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}

/* Search Results Page Style */

/*.search-list h1{
	border-bottom-width: 1px;
	border-style:solid;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
.search-archive-box{
	border-style:solid;
	border-width:1px;
	background-color:#e9e9e9;
	margin:50px;
	-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .5);
    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .5);
}
.search-archive-box p{
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	line-height:22px;
}
.search-archive-box .widget{
	text-align:center;
}
.search-archive-box .widget ul{
	padding:0px;
	margin: 0 0 10px 25px;
	display:block;
	list-style-type:disc;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count:2;
	text-align:left;
}
.search-archive-box .widget li{
	font-size:13px;
	margin:0px;
	padding:0px;
	border: none;
	display:list-item;
	text-align: -webkit-match-parent;
	list-style:disc;
	line-height:20px;
}
.search-archive-box .widget li a{
	font-size:inherit;
	padding:0px;
	display:inherit;
	font-weight:normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#757575;
	width:200px;
}
.search-search{
	text-align:center;
	padding-bottom:40px;
}
#search-search-id{
	width:100%;
}
#search-s{
	width:80%;
}*/
/*.search-archive-box .widget li:hover{
	background-color:white;
}*/
























/* =Responsive Structure
----------------------------------------------- */


@media (max-width:1155px) {
	#clients_center {
	  	width:770px;
	  	margin:0 auto;
	  }
	 #how-it-works {
		width:980px;
	}
	.bubble-box{
		padding:0px;
	}
	.bubble{
		margin-right:-59px;
	}
	
	 html{}
	
}

@media (max-width:1199px) {
 	.parallax-viewport {
		margin-top: 70px;
		}
}
@media (max-width:984px) {
	
	  .parallax-viewport {
		margin-top: 93px;
		}
	  
	
}



@media (max-width:769px) {
	
	  .parallax-viewport {
		display:none;
		}
	  
	
}

@media (max-width:1020px) {
	
	
	.margin_100{
		margin-right:75px;
	}
	#fact3{
		width:215px;
	}
}
@media (max-width: 860px) {
	#socialheader{
		display:none;
	}
}
@media (max-width: 800px) {
	html{}
	/* Simplify the basic layout */
	#socialheader{
		display:none;
	}
	#sign_up_wrapper {
		margin:0 auto;
		width:345px;
	}
	
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	
	.services_border_right {
	border-right: none;
	padding-right: 0;
}
	.services_wrapper {
		width: auto;
		margin: 0;
		}
	.services_column {
		float:none;
		margin:20px auto;
	}
	#clients_center {
	  	width:385px;
	  	margin:0 auto;
	  }
	
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.nav li a {
	padding: 18px 15px;

	}
}
@media (max-width: 768px) {
	html{}
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	#clients_nav, #drumbeatcollage {
		display:none;
	}
	.teaser-text {
		height:310px;
	}
	.teaser-img {
	width: 100%;
	height: 243px;
	overflow: hidden;
	}
	#fadeouttext {
		padding:18px 10px;
	}
	.nav li a {
		padding:18px 10px;
	}
	
	#inbound_wrapper {
		width: 646px;
		position: relative;
		height: 515px;
		padding-top: 33px;
		margin:0 auto;
	}
	#inbound_wrapper #circle {
		margin:0 auto;
		width:375px;
		height:375px;
		display:block;
	}
	.inbound_title {
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		color: rgb(145, 145, 145);
		text-transform: normal;
		padding-bottom: 78px;
		line-height: 27px;
	}
	.inbound_title span {
		font-size: 17px;
		color: #4298D2;
	}
	
	#fact1 {
		position: absolute;
		top: 158px;
		left: 21px;
		width: 167px;
		font-size: 13px;
		color: #666666;
	}
	#fact2 {
		text-align: right;
		position: absolute;
		top: 158px;
		left: 410px;
		width: 182px;
		font-size: 13px;
		color: #666666;
	}
	#fact3 {
		position: absolute;
		top: 430px;
		left: 469px;
		width: 148px;
		font-size: 13px;
		color: #666666;
	}
	#fact4 {
		position: absolute;
		top: 447px;
		left: 5px;
		width: 200px;
		font-size: 13px;
		color: #666666;
	}
	
	.bubble {
		background:url(images/circleicon.png) 7% 50% no-repeat;
		height:191px;
		position:relative;
		width:192px;
		float:left;
		margin-left: -11px;
		margin-right:-23px;
	}
	.bubbleTitle {
		overflow: hidden;
		text-align: center;
		position: absolute;
		font-size: 16px;
		font-weight: bold;
		color: white;
		top: 93px;
		left: 10px;
		text-transform: uppercase;
		width: 155px;
		}
		.bubbleCaption {
		height: 50px;
		line-height: 12px;
		overflow: hidden;
		text-align: center;
		position: absolute;
		font-size: 9px;
		font-weight: bold;
		color: #265571;
		top: 117px;
		left: -12px;
		width: 203px;
		}
		#how-it-works-wrapper, #how-it-works  {
		height:200px !important;
	}
		
	.bubbleIcon {
		position: absolute;
		top: 42px;
		left: 61px;
		}
		.bubbleIcon img {
			width:57%;
		}
		
	.home-slider {
		width:640px;
		height:615px;
	}
	
	.home-slider-wrapper {
		background:url(images/home-slider-wrapper-bg.jpg);
		height:615px;
	}
	.header {
		width:600px;
	}
	
	.singular #primary {
		margin: 0 auto;
		
		}
		/* width: 640px; */
	.column_4 {
		float:none;
		width:490px;
		color:#808080;
		margin: 20px auto;
	}
	.home-slider h2, .page-slider h2 {
		margin: 0 auto;
		font-size: 14px;
		line-height:26px;
		padding-top: 10px;
		font-weight: bold;
		width: 488px;
		padding-left: 8px;
	}
	#fadeincta {
		margin: 0 auto;
		width: 171px;
		}
	
	a.video-btn, a.video-btn2 {
		float:none;
		margin:0 auto;
	}
		#careers_nav, #seo_blog_nav {
			display:none;
		}
	#colophon { 
		width:570px;
		padding:20px;
		}
	#header-links a {
		padding:0 3px;
	}
	#header-links {
		padding-right:0;
	}
	
	.pagewrapper {
		width:620px;
	}
	#subheading {
	overflow: hidden;
	width: 179px;
	height: 40px;
	padding-left: 17px;
	letter-spacing: 1.2px;
	color: #91959C;
	font-size: 14px;
	padding-top: 23px;
	float: left;
	}
	
	.home-slider h1, .page-slider h1 {
		text-align: center;
		font-size: 50px;
		line-height:51px;
		
	}
	
	.home-slider h2, .page-slider h2 {
		padding-bottom:0;	
	}
	#getstarted2 {
		padding-left: 13px;
		padding-top: 15px;
		}
	#monthly-contracts {
		padding-left:14px;
	}
	
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	.vcard {
		text-align: center;
	}
	.foot-col ul {
		text-align: center;
	}
	#foot-wrapper #vcard-wrapper {
		background: none;
		padding: 10px 15px;
	}
	.foot-col {
		background: none;
	}
	.footer-nav {
		border-bottom: 1px rgb(51, 51, 51) solid;
	}
}

/* START MEDIA SCREEN WIDTH 450PX ############################################ */
@media (max-width: 450px) {
	html{}
	
	#inbound_wrapper {
		width: 400px;
		position: relative;
		height: 385px;
		padding-top: 33px;
		margin:0 auto;
	}
	
	.column_8 {
		margin: 20px 0;
		padding:0;
	}
	
	img.homeimg {
		display:none;
	}
	#inbound_wrapper #circle {
		margin:0 auto;
		width:300px;
		height:300px;
		display:block;
	}
	.inbound_title {
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color: rgb(145, 145, 145);
		padding-bottom: 12px;
		line-height: 20px;
	}
	.inbound_title span {
		font-size: 13px;
		color: #4298D2;
	}
	
	.home-slider h2, .page-slider h2 {
		width:100%;
	}

	.home-slider {
		width:100%;
		height:212px;
	}
	#homeslidedown, .boxtop, .boxmiddle, .boxbottom, .clients, #big-video-wrap, #fact1, #fact2, #fact3, #fact4 {
		display:none;
	}
	
	.entry-content img {
		max-width:200px;
	}
	
	.home-slider-wrapper {
		background:url(images/home-slider-wrapper-bg.jpg);
		height:212px;
	}
	
	.column_4 h3 {
	font-size: 22px;
	color:#373737;
	}
	.singular #primary {
		margin: 0 auto;
		
		}
		/* width: 440px; */
		#homemargin {
		padding-top: 0;
			}
	.column_4 {
		float:none;
		width:328px;
		margin: 20px auto;
	}
	.home-slider h2, .page-slider h2 {
		text-align:center;
		font-size: 13px;
		padding-top: 10px;
		font-weight: normal;
		line-height: 15px;
		width: 100%;
		padding-left: 0px;
	}
	a.video-btn, a.video-btn2 {
		display:none;
	}
	 
	#fadeincta {
		padding-bottom:15px;
		padding-top:10px;
		margin: 0 auto;
		width: 171px;
		float:none;
		}
	#monthly-contracts {
		display:none;
	}
	.parallax-viewport {
		display:none !important;
		}
		#clients_nav {
			display:none;
		}
	#colophon { 
		width:410px;
		padding:20px;
		}
	#header-links a {
		padding:0 3px;
	}
	#header-links {
		display:none;
	}
	
		
	.pagewrapper {
		width:430px;
	}
	#subheading {
	overflow: hidden;
	width: 179px;
	height: 40px;
	padding-left: 24px;
	letter-spacing: 1.2px;
	color: #91959C;
	font-size: 14px;
	padding-top: 24px;
	float: left;
	}
	
	.home-slider h1, .page-slider h1 {
		text-align: center;
		font-size: 40px;
	}
	#getstarted2 {
		padding-left: 13px;
		padding-top: 15px;
		}
	#monthly-contracts {
		padding-left:14px;
	}
	
	
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
	.vcard {
		text-align:center;
	}
	
	.seo_blog_teaser_home { 
		display:none;
	}
	.hire_us {
		padding-bottom:0;
	}
	input#s { 
		display:none;
	}
	.hire_us img {
		width:300px;
	}

}

/* START MEDIA SCREEN WIDTH 320PX ############################################ */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	html{}
	.nav ul, #homeslidedown, .clients, .boxtop, .boxmiddle, .boxbottom {
		display:none;
	}
	.home-slider {
		width: 300px;
		}
	#colophon { 
		width:300px;
		padding:10px;
		}
	
	#inbound_wrapper {
		width: 300px;
		position: relative;
		height: 375px;
		padding-top: 33px;
		margin:0 auto;
	}
	
	#inbound_wrapper #circle {
		margin:0 auto;
		width:275px;
		height:275px;
		display:block;
	}
	.inbound_title {
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color: rgb(145, 145, 145);
		text-transform: uppercase;
		padding-bottom: 12px;
		line-height: 20px;
	}
	.inbound_title span {
		font-size: 23px;
		color: #4298D2;
	}
	
	
	
	
	
	.entry-content img {
		max-width:200px;
	}
	#cta-nav ul {
		display:block;
	}
	
	.home-slider {
		width:320px;
		height:232px;
	}
	
	.home-slider-wrapper {
		background:url(images/home-slider-wrapper-bg.jpg);
		height:305px;
	}
	.header {
		width:300px;
	}
	.page-slider {
	width: 300px;
	}
	.column_4 h3 {
	font-size: 22px;
	}
	.singular #primary {
		margin: 0 auto;
		
		}
		/* width: 320px; */
		#homemargin {
		padding-top: 0;
			}
	.column_4 {
		float:none;
		width:228px;
		margin: 20px auto;
	}
	.home-slider h2, .page-slider h2 {
		margin: 0 auto;
		font-size: 13px;
		padding-top: 10px;
		font-weight: bold;
		width: 220px;
		padding-left: 0px;
	}
	#fadeincta {
		margin: 0 auto;
		width: 171px;
		}
	.parallax-viewport {
		display:none !important;
		}
		#clients_nav {
			display:none;
		}
	#colophon { 
		width:320px;
		padding:0px;
		}
	#header-links a {
		padding:0 3px;
	}
	#header-links {
		display:none;
	}
	
	.pagewrapper {
		width:320px;
	}
	#subheading {
	overflow: hidden;
	width: 179px;
	height: 40px;
	padding-left: 4px;
	letter-spacing: 1.2px;
	color: #91959C;
	font-size: 14px;
	padding-top: 23px;
	float: left;
	}
	
	.home-slider h1, .page-slider h1 {
		text-align: center;
		font-size: 20px;
	}
	#getstarted2 {
		padding-left: 13px;
		padding-top: 15px;
		}
	#monthly-contracts {
		padding-left:14px;
	}
	
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* ##################################################### START MEDIA SCREEN STYLES HOMEPAGE BLOG*/
@media (max-width: 979px) and (min-width: 768px) {

	.teaser-text {
		height:340px;
	}
	.teaser-img { 
		height:138px;
	}

}
@media (max-width: 767px) {

		.navbar {
		margin-bottom:0;
	}
	.teaser-text {
		height:200px;
	}
}

/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

/* =IE8 
----------------------------------------------- */ 
 
#ie8 section.feature-image.large img { 
	width: 100%; 
} 



/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
    font-family: 'AnimalsNormal';
    src: url('fonts/animals-webfont.eot');
    src: url('fonts/animals-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/animals-webfont.woff') format('woff'),
         url('fonts/animals-webfont.ttf') format('truetype'),
         url('fonts/animals-webfont.svg#AnimalsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.containerslider {
	width: 100%;
	position: relative;
}

.containerslider.demo-1 {
	height: 100%;
	position: absolute;
}

.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.containerslider > header,
.content-wrapper {
	padding: 30px;
	width: 80%;
	max-width: 960px;
	margin: 0 auto;
}

.content-wrapper p{
	padding-top: 30px;
	line-height: 26px;
}

.containerslider > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.containerslider > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}


/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.6);
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.codrops-demos {
	float: right;
	padding-top: 10px;
}

.demo-1 .codrops-demos {
	position: absolute;
	z-index: 2000;
	top: 30px;
	left: 30px;
}

.codrops-demos a {
    display: inline-block;
    margin: 10px;
    color: #333;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
	color: #883d59;
	border-color: #883d59;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	color: #aaa;
	border-color: #aaa;
}


/* -----------------------------------404---------------------------------*/
/* Large desktop */
@media (min-width: 980px) {
	.desert404{
		background-image:url("images/404-Desert-Background-404.png");
		background-repeat:no-repeat;
		height: 840px;
		width: 100%;
		margin-top:-6px;
		margin-bottom:-60px;
		background-size:cover;
	}
	.desertarea{
		margin-left: 20px;
		margin-right: 20px;
	}
	.desertspace{
		/*background-color:rgba(255,255,255);*/
		height:270px;
	}
	.desertbox{
		background-color:rgba(255,255,255,.5);
		text-align:center;
		font-size:20px;
		margin-left:280px;
		width:450px;
		padding-bottom:20px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.desert404{
		background-image:url("images/404-Desert-Background-Mobile-404.png");
		background-repeat:no-repeat;
		height: 840px;
		width: 100%;
		margin-top:-6px;
		margin-bottom:-60px;
		background-size:cover;
	}
	.desertarea{
		margin-left: 20px;
		margin-right: 20px;
	}
	.desertspace{
		/*background-color:rgba(255,255,255);*/
		height:270px;
	}
	.desertbox{
		background-color:rgba(255,255,255,.5);
		text-align:center;
		font-size:20px;
		margin-right:0px;
		margin-left:0px;
		padding-bottom:20px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.desert404{
		background-image:url("images/404-Desert-Background-Mobile-404.png");
		background-repeat:no-repeat;
		height: 840px;
		width: 100%;
		margin-top:-6px;
		margin-bottom:-60px;
		background-size:cover;
	}
	.desertarea{
		margin-left: 20px;
		margin-right: 20px;
	}
	.desertspace{
		/*background-color:rgba(255,255,255);*/
		height:270px;
	}
	.desertbox{
		background-color:rgba(255,255,255,.5);
		text-align:center;
		font-size:20px;
		margin-right:0px;
		margin-left:0px;
		padding-bottom:20px;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.desert404{
		background-image:url("images/404-Desert-Background-Phone.png");
		background-repeat:no-repeat;
		height: 840px;
		width: 100%;
		margin-top:-6px;
		margin-bottom:-60px;
		background-size:cover;
	}
	.desertarea{
		margin-left: 20px;
		margin-right: 20px;
	}
	.desertspace{
		/*background-color:rgba(255,255,255);*/
		height:270px;
	}
	.desertbox{
		background-color:rgba(255,255,255,.5);
		text-align:center;
		font-size:20px;
		margin-right:0px;
		margin-left:0px;
		padding-bottom:20px;
	}
}
.desertbox h2{
	font-style:italic;
	font-weight:bold;
	font-size:28px;
	background-color:rgba(255,255,255,.35);
	padding-bottom: 2px;
	padding-top: 2px;
}
.desertbox p{
	margin-bottom:5px;
	margin-top:15px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:25px;
}
.desertbox br{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.desert-search{}
#desert-search-id{
	width:100%;
}
#desert-s{
	width:80%;

}


/* ----------------------------------- SEARCH PAGE ------------------------------------------ */
@media (min-width: 768px) {
	.search-page-header{
		/*border-bottom: 1px solid #000000;*/
		margin: 60px 0 60px;
		padding-left:50px;
		text-align:left
	}
}
@media (max-width: 767px) {
	.search-page-header{
		/*border-bottom: 1px solid #000000;*/
		margin: 60px 0 30px;
		padding-left:0px;
		text-align:center;
	}
}
.search-page-title{
	color:gray;
	font-size:30px;
	font-weight:400;
	/*text-transform:uppercase;*/
}

.search-list .singleresult{
	padding-bottom:20px;
	padding-top:50px;
	border-top: 1px solid #c0c0c0;
}
@media (min-width: 481px) {
	.search-list h1{
		border-bottom-width: 1px;
		border-style:solid;
		padding-bottom: 1px;
		margin-bottom: 1px;
		margin-left: 280px;
		padding-right:1px;
		clear:none;
	}
	.search-list .teaser-img{
		height:165px;
		width:260px;
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    transition: box-shadow 500ms;
		-webkit-transition: box-shadow 500ms;
	    float:left;
	}
	.search-list .teaser-img:hover{
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	}
}
@media (max-width: 480px) {
	.search-list h1{
		border-bottom-width: 1px;
		border-style:solid;
		padding-bottom: 1px;
		margin-bottom: 1px;
		margin-left: 0px;
		margin-right:0px;
		padding-right:1px;
		clear:both;
		text-align: center;
	}
	.search-list .teaser-img{
		height:165px;
		width:260px;
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    transition: box-shadow 500ms;
		-webkit-transition: box-shadow 500ms;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
	}
	.search-list .teaser-img:hover{
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	}
	.search-list .entry-summary{
		clear:left;
		padding-left:5px;
	}
}
.search-list .entry-meta{
	float:left;
	clear:none;
	padding-left:20px;
}
.search-list .comments-link{
	float:right;
	clear:none;
	font-size: 12px;
	line-height: 18px;
}
@media (min-width: 980px) {
	.search-list .entry-summary{
		margin-left:285px;
		clear:none;
	}
}
@media (min-width: 481px) and (max-width: 979px) {
	.search-list .entry-summary{
		clear:left;
	}
}
.search-list img{
	height:165px;
	width:260px;
	/*-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .65);
    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .65);*/
}
@media (min-width: 1150px) {
	.search-archive-box{
		/*border-style:solid;
		border-width:1px;*/
		background-color:#fcfcfc;
		margin:50px;
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    transition: box-shadow 500ms;
		-webkit-transition: box-shadow 500ms;
		position:fixed;
	}
	.search-archive-box:hover{
		-webkit-box-shadow:  3px 3px 10px 2px rgba(0, 0, 0, .3);
	    box-shadow:  3px 3px 10px 2px rgba(0, 0, 0, .3);
	}
}
@media (min-width: 768px) and (max-width: 1149px) {
	.search-archive-box{
		/*border-style:solid;
		border-width:1px;*/
		background-color:#fcfcfc;
		margin:10px;
		margin-top:50px;
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .2);
	    transition: box-shadow 500ms;
		-webkit-transition: box-shadow 500ms;
		position:fixed;
	}
	.search-archive-box:hover{
		-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .3);
	}
}
@media (max-width: 767px) {
	.search-archive-box{
		/*border-style:solid;
		border-width:1px;*/
		background-color:inherit;
		margin:5px;
		/*-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .65);
	    box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .65);*/
	}
}
.search-archive-box p{
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	line-height:22px;
}
.search-archive-box .widget{
	text-align:center;
}
.search-archive-box .widget ul{
	padding:0px;
	margin: 0 0 10px 25px;
	display:block;
	list-style-type:disc;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count:2;
	text-align:left;
}
.search-archive-box .widget li{
	font-size:13px;
	margin:0px;
	padding:0px;
	border: none;
	display:list-item;
	text-align: -webkit-match-parent;
	list-style:disc;
	line-height:20px;
}
.search-archive-box .widget li a{
	font-size:inherit;
	padding:0px;
	display:inherit;
	font-weight:normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#757575;
	width:200px;
}
.search-archive-divider{
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-left:20px;
	margin-right:20px;
}
.search-search{
	text-align:center;
	padding-bottom:40px;
}
@media (min-width: 800px) {
	#search-search-id{
		width:100%;
	}
	#search-s{
		width:80%;
	}
}
@media (max-width: 799px) {
	#search-search-id{
		width:100%;
	}
	#search-s{
		width:80%;
	}
}
@media (min-width: 768px) {
	.search-fail{
		border-top: 1px solid #c0c0c0;
		padding-top:50px;
		padding-left:50px;
	}
}
@media (max-width: 767px) {
	.search-fail{
		border-top: 1px solid #c0c0c0;
		padding-top:35px;
		padding-left:0px;
		text-align:center;
	}
}
/**>>>>>>>>>>>>>>>>>>>>>>>>     Begin Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
	/**>>>>>>>>>>>>>>>>>>>>>>>>     Begin Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
		/**>>>>>>>>>>>>>>>>>>>>>>>>     Begin Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
		.timeline-stages-primary>li {float: left;font-weight: bold;padding: 5px;}
		#the-timeline {width: 1224px;margin: 0 auto 25px auto;position: relative;}
		.timeline-stages-primary {list-style: none;margin: 0;padding: 0;background: rgba(163, 206, 77, 1);color: white;position: static;height: 64px;}
		.timeline-stages-primary>li {float: left;font-weight: bold;padding: 5px;min-width: 58px;margin: 0;height: 25px;margin-bottom: 60px;background: #8db43e;position: relative;border: 1px solid gray;border-top: none;border-bottom: none;border-left: none;}
		.timeline-stages-primary > li > ul {margin: 0;list-style: none;position: absolute;left: -1px;top: 35px;display: none;padding: 0;right: -1px;border: 1px solid gray;border-top: none;border-bottom: none;height: 29px;}
		.timeline-stages-primary > li > ul > li {float: left;width: 306px;background: #1e8ab3;position: relative;text-align: center;font-weight: normal;padding: 2px 0 0 0;height: 27px;border: 2px solid rgba(255, 255, 255, 0.45);border-left: none;border-bottom: none;border-top: none;}
		.state-comp.active-wire {border-right: none;}
		.state-changes.active-launch {border-right: none;}
		.state-comp.active-comp {border-right: none;}
		.create-state > ul > li {width: 229px !important;}
		.state-img.active-dev {border-right: none;}
		.timeline-stages-primary > li > ul > li > div {background: white;color: black;padding: 10px;position: relative;text-align: left;top: 3px;display: none;z-index: 9;}
		.timeline-caption-title {font-style: italic;font-size: 15px;display: block;margin-bottom: 5px;}
		.timeline-need-approval-date {font-weight: bold;font-size: 14px;position: relative;}
		.timeline-projected-completion-date {font-weight: bold;font-size: 14px;position: relative;}
		.btn , .design-studio-feedback-wrapper input[type="submit"]{display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;vertical-align: middle;cursor: pointer;color: #333333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border: 1px solid #cccccc;border-bottom-color: #b3b3b3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);margin-top: 8px;}
		.btn.active, .btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
		.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {color: #333333;background-color: #e6e6e6;}
		.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {color: #ffffff;background-color: #51a351;}
		.btn-success {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #5bb75b;background-image: -moz-linear-gradient(top, #62c462, #51a351);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image: -webkit-linear-gradient(top, #62c462, #51a351);background-image: -o-linear-gradient(top, #62c462, #51a351);background-image: linear-gradient(to bottom, #62c462, #51a351);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color: #51a351 #51a351 #387038;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
		.padright {margin-right: 15px;}
		.pull-right {float: right;}
		.state-design.active-sitemap > ul > li:last-child {border-right: none !important;}
		.timeline-stages-primary>li:last-child {border-right: none !important;}
		/* ----  Display and Hide Panels ---- */
		.state-design.active-sitemap > ul {display: block;}
		.state-design.active-sitemap {width: 912px;background: #8db43e;}
			.state-sitemap.active-sitemap > div {display: block;}
		
		.state-design.active-wire > ul {display: block;}
		.state-design.active-wire {width: 912px;background: #8db43e;}
			.state-wireframe.active-wire > div {display: block;}
		
		.state-design.active-comp > ul {display: block;}
		.state-design.active-comp {width: 912px;background: #8db43e;}
			.state-comp.active-comp > div {display: block;}
			.state-comp.active-comp > .need-approval-state-1 {background-color: transparent !important;right: 0px;}
		.state-create.active-dev > ul {display: block;}
		.state-create.active-dev {width: 912px;background: #8db43e;}
			.state-create.active-dev > div {display: block;}
			
		.state-promote.active-launch > ul {display: block;}
		.state-promote.active-launch {width: 1002px;background: #8db43e;}
		.state-promote.active-launch > ul > li{width: 336px}
			.state-promote.active-dev > div {display: block;}
		
		
		
		
		.need-approval-state- {background: url('http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/images/completeandalert.png') !important;background-repeat: no-repeat !important;background-color: #1E8AB3!important;position: absolute !important;height: 29px;background-size: 19px !important;right: 5px;z-index: 9;overflow: hidden;padding: 0 !important;background-position: 0px 5px !important;width: 25px;top: 0px !important;opacity: .8;}
		.need-approval-state-1 {background: url('http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/images/completeandalert.png') !important;background-repeat: no-repeat !important;background-color: #1E8AB3!important;position: absolute !important;height: 29px;background-size: 25px !important;right: -13px;z-index: 9;overflow: hidden;padding: 0 !important;background-position: 0px -28px !important;width: 25px;top: 0px !important;}
		
		#timeline-overall-completion-overlay{position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.26);z-index: 99;height: 35px;border-right: 2px solid white;}
		#timeline-subtask-completion-overlay {position: absolute;top: 35px;left: 0;background: rgba(0, 0, 0, 0.34);z-index: 99;height: 29px;border-right: 2px solid white;}
		
		#timeline-overall-completion-overlay.completed-1-0,#timeline-overall-completion-overlay.completed-1-1,#timeline-overall-completion-overlay.completed-1-2,#timeline-overall-completion-overlay.completed-1-3 {width: 68px;}
			#timeline-subtask-completion-overlay.completed-1-0 {width: 68px;}
			#timeline-subtask-completion-overlay.completed-1-1 {width: 375px;}
			#timeline-subtask-completion-overlay.completed-1-2 {width: 683px;}
			#timeline-subtask-completion-overlay.completed-1-3 {width: 990px;}
		#timeline-overall-completion-overlay.completed-2-0 {width: 137px;}
			#timeline-subtask-completion-overlay.completed-2-0 {width: 137px;}	
			#timeline-subtask-completion-overlay.completed-2-1 {width: 444px;}
			#timeline-subtask-completion-overlay.completed-2-2 {width: 752px;}
			#timeline-subtask-completion-overlay.completed-2-3 {width: 1059px;}
		#timeline-overall-completion-overlay.completed-3-0 {width: 208px;}
			#timeline-subtask-completion-overlay.completed-3-0 {width: 208px;}	
			#timeline-subtask-completion-overlay.completed-3-1 {width: 513px;}
			#timeline-subtask-completion-overlay.completed-3-2 {width: 821px;}
			#timeline-subtask-completion-overlay.completed-3-3 {width: 1128px;}
		#dropdown-spacer {margin-bottom: 20px;}
		.active-dev:hover > div {display: block;}
		.active-dev:hover #dropdown-spacer {margin-bottom: 120px;}
		
		#dropdown-spacer.at-1-0,#dropdown-spacer.at-1-1,#dropdown-spacer.at-1-2,#dropdown-spacer.at-1-3 {margin-bottom: 150px;}
		
		#designtabs li #web-development-tab {position: absolute;top: 25px;left: 17px;width: 40px;height: 30px;background: url(http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/images/dev-icon.png) no-repeat;background-size: 24px;}
		#designtabs li #site-launch-tab {position: absolute;top: 25px;left: 17px;width: 40px;height: 30px;background: url(http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/images/launch-icon.png) no-repeat;background-size: 24px;}
		.design-studio-feedback-wrapper {width: 475px;margin: 35px auto 0px;}
		/**>>>>>>>>>>>>>>>>>>>>>>>>     End Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
	/**>>>>>>>>>>>>>>>>>>>>>>>>     End Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/**>>>>>>>>>>>>>>>>>>>>>>>>     End Design Timeline      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/



/**>>>>>>>>>>>>>>>>>>>>>>>>     MEGA DROPDOWN STYLES      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
	/**>>>>>>>>>>>>>>>>>>>>>>>>     MEGA DROPDOWN STYLES      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
		/**>>>>>>>>>>>>>>>>>>>>>>>>     MEGA DROPDOWN STYLES      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
			/*   ------     Blue Homepage Nav     --------    */
			
			
			
			
.lightgrey {
	background:#F3F3F3;
}
.column-number {padding: 5px 10px;background: white;color: rgb(0, 123, 192);border-radius: 500px;margin-right: 5px;}
.list-header {font-weight: bold;padding: 5px 5px 5px 0px;margin: 0px 0px 0px 0px !important;}
.nav-col ul {list-style: none;margin: 15px 0px 0px 0px;}
.nav-col li {margin-left: 10px;}
.nav-col:nth-child(even) .column-header {background: gray;}
.menu.nav.visible-desktop.nav-ul {position: static;}
.nav-col {font-size:12px;float: left;width: 213px;padding: 30px 10px;position: relative;}
.column-header {background: rgb(32, 123, 167); position: absolute; top: 0px; left: 0px; right: 0px; padding: 12px 10px; color: white;font-weight: bold;}
.navbar {-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, .4);box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, .4);}
.menu li:hover .dropdown-wrapper {	left:-1px;	top:auto;}
.menu .menu_right {	float:right;	margin-right:0px;}
.menu li:hover .align_right {	left:auto;	right:-1px;	top:auto;}

body {
padding-top: 90px;
}

.blueDrum {
	border-top: solid 5px #2488b2;
	background:#2488b2;
	/*background: #0173E5; DARK BLUE BG */
	height: 90px;
	z-index: 600;
	position: fixed;
}

.ABUS-h1 {
	font-size:60px;
	text-transform:uppercase;
	color:#1e8bb4;
	padding-top: 35px;
	padding-bottom:20px;
}
.ABUS-h2 {
	font-size:60px;
	text-transform:uppercase;
	color:#1e8bb4;
	margin-top:10px;
	padding-top: 30px;
	padding-bottom:20px;
	border-top-color:gray;
	border-top-width:1px;
	border-top-style:solid;
}
.ABUS-img {
	width:100%;
	margin-top: -1em;
}
.ABUS-info h3 {
	font-size:26px;
	text-transform:uppercase;
	color:#1e8bb4;
}
.ABUS-info li {
	padding-top:10px;
}
.ABUS-info p {
	margin-bottom:0px;
	margin-top:20px;
	line-height: 23px;
}

.ABUS-caption {
	font-size:17px;
	font-style:oblique;
	text-align: center;
}
.ABUS-profilebox {
	text-align:center;
	color:#8db53f;
	font-weight:600;
}
.ABUS-profilebox img {
	background-color:gray;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.ABUS-profilebox h3 {
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.ABUS-profilebox h4 {
	font-size:18px;
	margin-bottom:10px;
}
.ABUS-quote {
	font-style:italic;
	color:gray;
	font-size:14px;
	text-align:justify;
}

.ABUS-profile p {
	margin-top: 10px;
}
.ABUS-social {
	border-top-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	text-align:center;
}
.blueDrum .container .collapse ul li a {
	color: #FFFFFF;
	text-shadow: none;
	letter-spacing:2px;
	padding: 37px 18px 33px 18px;
	display: block;
	font-weight: normal;
	cursor: pointer;
}
.blueDrum .container .collapse .the-drop a:hover {
	background-color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.blueDrum .container .collapse ul ul li a:hover {
	background-color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.drumlogo.visible-desktop {
padding-right: 15px;
padding-top:3px;
}
.the-drum a {
padding: 27px 20px;
display: block;
}
#menu-right li a {
color: whitesmoke;
text-shadow: none;
font-weight: normal;
padding: 35px 18px;
}
.blueDrum .container .collapse ul li a:hover {
	background-color: white;
	color: rgb(114, 114, 114);
}
.the-drop{
	position: absolute;
}
.dropdown:hover > a {
background: white;
color: dimGray !important;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.the-drop {
position: absolute;
left: 0;
right: 0;
background: rgb(255, 255, 255);
border-bottom: 5px solid #1e8ab3;
border-top: white 5px solid;
padding: 5px 0px 15px 0px;
}
.a-drop {
position: absolute;
background: #ffffff;
right: 0px;
min-width: 200px;
z-index: 999;
}
.the-drops{ position:static; }
.the-drops > .dropdown{	position: static; }
.a-drop > ul > li > a {
color: rgb(97, 97, 97) !important;
display:block;
padding:35px 18px;
}
#menu-right .a-drop > ul > li > a:hover {
background: rgb(97, 97, 97) !important;
color: #ffffff !important;
}

.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-wd {
	background:url(images/services-icons.png) 4% -1% no-repeat #ffffff !important;
	color: rgb(97, 97, 97) !important;
	display:block;
	padding:18px 18px 18px 70px !important;
}

.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-wd:hover {
	background:url(images/services-icons.png) 4% 60% no-repeat rgb(97, 97, 97) !important;
	color: #ffffff !important;
	padding:18px 18px 18px 70px !important;
}


.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-apps {
	background:url(images/services-icons.png) 4% 19% no-repeat #ffffff ;
	color: rgb(97, 97, 97) !important;
	display:block;
	padding:18px 18px 18px 70px !important;
}

.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-apps:hover {
	background:url(images/services-icons.png) 4% 81% no-repeat rgb(97, 97, 97) !important;
	color: #ffffff !important;
	padding:18px 18px 18px 70px !important;
}

.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-seo {
	background:url(images/services-icons.png) 4% 40% no-repeat #ffffff ;
	color: rgb(97, 97, 97) !important;
	display:block;
	padding:18px 18px 18px 70px !important;
}

.blueDrum .container .collapse ul li .a-drop > ul > li > a.services-icons-seo:hover {
	background:url(images/services-icons.png) 4% 102% no-repeat rgb(97, 97, 97) !important;
	color: #ffffff !important;
	padding:18px 18px 18px 70px !important;
}


.a-drop > ul{
	margin:0px;
	list-style:none;
}
#menu-right li>a:hover {
color: rgb(61, 61, 61);
text-decoration: none;
background: white;
}
#drum-drop-nav {
position: static;
z-index: 99;
}
#drum-drop-nav .hidden-desktop.the-drops {
background: rgb(63, 63, 63);
border: none;
z-index: 99;
}
#drum-nav-btn {
float: left;
padding: 35px 10px;
margin: 0;
color: #ffffff;
text-shadow: none;
background: none;
border-color: inherit;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-right: none;
border-top: none;
border-bottom: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-moz-transition: .3s all ease-in-out;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
min-width: 80px;
right: 0px;
left: 0px;
max-width: 400px;
width: 30%;
}
#drum-nav-btn:hover {
color: rgb(61, 61, 61);
text-decoration: none;
background: white;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.menu-sprite {
background-image: url(images/menu-sprites.png);
background-repeat: no-repeat;
opacity: 0.6;
height: 20px;
width: 20px;
}
.menu-account {
background-position: -45px 0px;
}
.menu-menu {
width: 16px;
height: 19px;
display: block;
background-position: -24px 0px;
}
ul.process-ul {
list-style: none !important;
border: none !important;
}
.recent-posts-list {
margin: 15px 0px;
}
.featured-posts-list {
margin: 5px 0px 10px 0px;
}
.nav-blog-feat {
padding: 5px 0px 5px 5px !important;
margin: 10px 0px 10px 0px;
}
.nav-blog-feat:hover {
-webkit-box-shadow: 2px 2px 5px 0px #b2b2b2;
box-shadow: 2px 2px 5px 0px #b2b2b2;
}
.nav-blog-title {
color: rgb(112, 112, 112);
padding: 14px 0px;
}
.nav-blog-more {
padding: 9px 0px !important;
}
.nav-blog-more .nav-blog-title {
color: rgb(121, 121, 121);
}
#who-uses .container {
position: relative;
}
#case-links {
position: absolute;
right: 20px;
top: 10px;
z-index: 9999;
}
#case-links a {
color: rgb(65, 65, 65);
font-size: 15px;
padding: 0;
}
#who-help {
color: rgb(7, 154, 236) !important;
}
#view-cases {
text-align: right;
}
.box-shadow:hover {
-webkit-box-shadow: 2px 2px 5px 0px #6B6B6B;
box-shadow: 2px 2px 5px 0px #6B6B6B;
}
#who-controls {
position: absolute;
right: 0px;
bottom: 0px;
width: 60%;
}
.who-slide.item.subslide {
float: left;
width: 20%;
}
#who-controls {
position: absolute;
right: 0px;
bottom: 0px;
width: 56%;
}
.who-laptop-slide {
float: left;
margin-bottom: 17px;
width: 100%;
}
.who-quote-slide {
position: absolute;
right: 54px;
top: 109px;
font-weight: bold;
color: rgb(87, 87, 87);
font-size: 20px;
width: 50%;
}
.column-header {
background: rgb(32, 123, 167);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
padding: 12px 10px;
color: white;
font-weight: bold;
}
.nav-col:nth-child(even) .column-header {
background: rgb(32, 123, 167);
}
.a-drop form {
padding: 15px;
}
.nav-col {
float: left;
width: 18%;
padding: 30px 8px;
position: relative;
}
.process-ul a {
color: rgb(40, 41, 43) !important;
padding: 0px !important;
}
.list-header a {
font-weight: bold !important;
}
.process-ul a:hover {
background:none !important;
}
.list-header a:hover {
background:none !important;
}

.navbar.navbar-fixed-top.blueDrum {
margin-left: 0px;
margin-right: 0px;
}

.admin-bar .navbar.navbar-fixed-top.blueDrum {
	margin-top:28px;
	margin-left: 0px;
	margin-right: 0px;
}
.service-drop {
left: auto;
right: auto;
}
.a-drop > ul > li > a:hover {
background: rgb(97, 97, 97) !important;
color: #ffffff !important;
text-decoration: none;
}
.service-drop ul {
border-bottom: 5px solid #1e8ab3;
border-left: none !important;
}

/* Large desktop */
@media (min-width: 1200px) { 
.drop-panel {
width: 1170px;
}
.menu-tabs > a {
	padding: 25px 35px 0px !important;
	height: 50px;
}

.menu_right {
padding: 0 5px !important;
}

#what-does-drumbeat-do {
top: 75px;
left: -160px;
}
#how-does-drumbeat-work {
top: 75px;
left: -292px;
}
#who-uses-drumbeat {
top: 75px;
left: -481px;
}
#seo-blog {
top: 75px;
left: -632px;
}



.menu-tabs.dropdown a {
-moz-transition: background 1s !important;
-webkit-transition: background 1s !important;
transition: background 1s !important;
}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.drop-panel {
width: 768px;
}
.menu.nav {
width: 100%;
}
#menu-right {
float: right;
width:auto;
}
.right-links {
padding: 25px 30px !important;
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-right: 0px;
margin-left: 0px;
}
body{ padding-top: 0px; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.drop-panel {
width: 480px;
}
.menu.nav {
width: 100%;
}
#menu-right {
float: right;
width:auto;

}
.right-links {
padding: 25px 30px !important;
}
.drop {
padding: 10px 9px 10px !important;
} 
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-right: 0px;
margin-left: 0px;
}

 
/* Landscape phones and down */
@media (max-width: 480px) { 
.drop-panel {
display:none;
}
.menu.nav {
width: 100%;
}
#menu-right {
float: right;
width:auto;
}
.panel_client {
float: left;
width: 30%;
padding: 1.5%;
}
.right-links {
padding: 25px 30px !important;
}
.drop {
padding: 10px 9px 10px !important;
} 
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-right: 0px;
margin-left: 0px;
}



/**>>>>>>>>>>>>>>>>>>>>> END MEGA MENU STYLES  <<<<<<<<<<<<<<<<<<<<<<<<<<**/
.page-id-115 {
padding-top: 0px;
}
.align-center.span4 {
margin: 0 auto;
float: none;
}

/*--------------------------- Author Social Networking Sprites ------------ */
.author_sprite_facebook{
	width:40px;
	height:40px;
	background:url("images/Flat-Social-Icons.png") 566px 0;
}
.author_sprite_gplus{
	width:40px;
	height:40px;
	background:url("images/Flat-Social-Icons.png") 375px 0px;
}
.author_sprite_twitter{
	width:40px;
	height:40px;
	background:url("images/Flat-Social-Icons.png") 519px 0px;
}
.author_sprite_linkedin{
	width:40px;
	height:40px;
	background:url("images/Flat-Social-Icons.png") 471px 0px;
}