/*
Theme Name: MBM Marketing
Theme URI: http://www.mbmmarketing.com/
Author: Ameronix
Version: 1.0
*/

html {
height: 100%;
margin: 0; }

body {
width: 100%;
height: 100%;
background: #dbd7be;
font: 12px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 0;
margin: 0; }

html, h1, h2, h3, h4, h5, h6, a, div, span, em, img, ul, font {
font-size: 100%;
text-decoration: none;
line-height: 18px;
font-weight: normal;
font-style: normal;
color: #4d4d4d;
outline: none;
border: 0;
padding: 0;
margin: 0; }

ul {list-style: none; }

p {margin-top: 1.25em;}

/* HEADING TAGS */
h1 {}
h2 {}
h3 {
	font-size: 20px;
	color: #093662;
	margin: 0 0 6px 0;
}
h4 {}

/* LINK TAGS */
a {color: #00549f;}
a:active {
outline: none; }
a:focus {
-moz-outline-style: none;
outline: none; }

/* DIV STRUCTURE ELEMENTS */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hidden {visibility: hidden;}
.alignleft {float:left; margin:0 15px 10px 0;}
/* WRAPPER */
#wrapper {
	width: 875px;
	background: url(images/background.png) repeat-y;
	padding: 40px 161px 40px 36px;
	margin: 0 auto;
	overflow: hidden;
}

/* HEADER */
.header {
 height: 44px;
 margin: 0 0 44px 214px;
 overflow: hidden;
}
.logo {
	float: left;
}
/* NAVIGATION */
ul.nav {
	float: right;
	font-size: 13px;
	text-transform:lowercase;
	margin: 22px 0 0 0;
}
.nav li {
	float: left;
	margin: 0 0 0 22px;
}
.nav li a {
	font-weight: bold;
	font-style: italic;
	color: #00549f;
}
.nav li a:hover {
	color: #4d4d4d;
	text-decoration: underline;
}

/* CONTENT */
#content-wrapper { overflow:hidden; }

/* COLUMNS */
.side-column {
	float: left;
	width: 150px;
	text-align: right;
	margin: 0 34px 0 30px;
}
.side-column p {
	margin: 0;
}
.cols {
	float: left;
	width: 320px;
}
.full-col {
	float: left;
	width: 660px;
	overflow: hidden;
}

/* SIDE TEXT STYLES */
.side-column p.services {
	font-size: 14px;
	color: #093662;
	margin: 14px 0 8px 0;
}
.side-column h1 {
	line-height: 14px;
	margin: 0 0 10px 0;
}
.side-column h1 a {
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	color: #0071bc;
}
.side-column.mantis {
	height: 500px;
	background: url(images/mantis.png) bottom no-repeat;
}

/* SLIDESHOW */
ul.slideshow {
	height: 150px;
	margin: 0 0 25px 0;
}
ul.slideshow li {
	float: left;
	width: 150px;
	height: 150px;
	background: #f6f6f6;
	margin: 0 20px 0 0;
	overflow: hidden;
}
ul.slideshow li.last {
	margin: 0;
}
ul.slideshow li a img:hover {
	margin-top: -150px;
}
ul.slideshow li a.none img:hover {
	margin-top: 300px;
}
ul.slideshow li a.inactive img {
	margin-top: -150px;
}
ul.slideshow li a.active img:hover,
ul.slideshow li a.active img {
  margin-top:0;
}

ul.slideshow li img.contact2 {
	margin-top: -150px;
}
ul.slideshow li img.contact3 {
	margin-top: -300px;
}
img.contact3about {
margin-top: -300px;
}
img.contact3about:hover, img.contact4about:hover {
opacity:0.4;
filter:alpha(opacity=40);
}
ul.slideshow li img.contact4 {
	margin-top: -450px;
}

ul.slideshow.portfolio li {
	width: 116px;
	height: 116px;
}
ul.slideshow.portfolio li a img:hover {
	margin: 0;
}

ul.slideshow.portfolio.label li {
	width: 116px;
	height: auto;
	font-size: 14px;
	line-height: 15px;
	text-align: right;
	color: #00549f;
	background: none;
	padding: 0 0 6px 0;
}
ul#underslideshow {
	position:relative;
	margin: 0;
	padding:0;
	top: -25px;
}
ul#underslideshow li {
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
	overflow: hidden;
	font-size:11px;
}
ul#underslideshow li.last {
margin:0;
}

/* PAGE TITLE */
.page-title {
	height: 70px;
	background: #f15a24;
	text-transform:lowercase;
	padding: 0 0 0 20px;
	margin: 0 0 28px 0;
}
.page-title h1 {
	height: 70px;
	line-height: 70px;
	font-size: 36px;
	color: #fff;
}
.page-title h1 a {
	color: #fff;
}

/* Page Subtitle*/
.page-subtitle {
	height: 40px;
	background: #C8C3AA;
	text-transform:lowercase;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}
.page-subtitle h1 {
	height: 70px;
	line-height: 37px;
	font-size: 20px;
	color: #fff;
}
.page-subtitle h1 a {
	color: #fff;
}


/* blog-preview */
.blog-preview {
	width: 280px;
	height: 130px;
	font-size: 10px;
	line-height: 14px;
	background: #ccc;
	color: #666;
	padding: 20px;
	margin: 0 20px 0 0;
}
.blog-preview h2 {
	font-size: 34px;
	line-height: 34px;
	color: #fff;
}
.blog-preview h2 a {
	color:#fff;
}
.blog-preview p {
  margin-bottom: 0;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  line-height:130%;
}
.blog-preview a {
  color: #666;
}

/* quotes */
.quotes {
	width: 320px;
	height: 170px;
	background: #b3b3b3 url(images/quote-bg.png) no-repeat;
}

/* FOOTER */
.footer {
	margin: 35px 0 0 0;
	text-align: right;
	clear:left;
}
.footer ul.social-media {
	overflow: hidden;
}
.footer ul.social-media li {
	float: right;
	margin: 0 0 0 6px;
}
.footer ul.nav {
	float: right;
	font-size: 10px;
	margin: 0 2px 0 0;
	overflow: hidden;
}
.footer ul.nav li {
	margin: 0 0 0 6px;
}
.footer ul.nav li a {
	font-weight: normal;
	font-style: italic;
}
.footer p {
	font-size: 10px;
	color: #808080;
	margin: 0;
	clear: both;
}

/* ABOUT */
.about h1 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #0071bc;
	margin: 14px 0 0 0;
}
#post-9 .page-title, .category-people .page-title { background: #8cc63f; }
#post-9 h2, .category-people h2 {
	font-size: 24px;
	color: #093662;
}
.about h2 + .service {
	margin-top: 24px;
}
.about p {
	width: 542px;
}
.about p.interest {
	font-size: 11px;
	font-style: italic;
	color: #333;
}
.category-people p.title {
  font-size: 14px;
  font-style: italic;
  color: #00549f;
  margin: 6px 0;
}

/* SERVICE */
#post-13 .page-title { background: #f15a24; }
#post-13 h2 {
  font-size: 24px;
	color: #093662;
}

.service h1 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #0071bc;
	margin: 14px 0 0 0;
}
.about .service h1 + p {
	margin-top: 4px;
}
.service {
	margin: 0 0 26px 0;
}
a.portfolio {
	color: #f15a24;
	text-decoration: underline;
}

/* PORTFOLIO */
#post-50 .page-title, .category-portfolio .page-title {background: #c8c3aa;}
.portfolio h2, .port-preview h2, .category-portfolio h2 {
	font-size: 24px;
	line-height: 24px;
	color: #093662;
}
.additional {
	display:none;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #666;
	background: #b3b3b3;
	padding: 0 0 0 20px;
	margin: 80px 0 20px 0;
}

#spotlight {
  float: left;
  margin: 0 24px 24px 0;
}
#spotlight p {
	text-align:right;
	margin:0;
}
#additional {
	clear: both;
	width: auto;
}
#additional img {
	cursor: pointer;
}
#additional a.spotlight {
	width:115px;
	float:left;
	margin-right:16px;
}
#additional a.spotlight p {
	width:115px;
	font-size:11px;
	text-align:right;
	margin:0;
}

/* BLOG */
.blog {
	clear:both;
}
#post-870 .page-title, .category-blog .page-title { background: #d4145a; }
#post-38 .page-title, .category-blog .page-title { background: #d4145a; }
.blog h1 {
  font-size: 24px;
  color: #093662;
	margin-top:10px;
}
.blog h2 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #0071bc;
	margin: 14px 0 0 0;
}

/* GALLERY */
ul.gallery-item {
	width:116px;
  height: 116px;
	float:left;
  margin: 0 0 20px 0;
}
ul.gallery-item li {
  float: left;
  width: 116px;
  height: 116px;
  margin: 0 20px 0 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 15px;
  text-align: right;
  color: #00549f;
  background: none;
  padding: 0 0 6px 0;
}
ul.gallery-item li a img:hover {
  margin: 0;
}

/* CONTACT */
#post-27 div.contact-form, #post-842 div.contact-confirm
{
    width: 390px;
    margin: 0px 20px 0px 0px;
    float: left;
    padding: 0px 20px 0px 10px;
}

#post-27 .page-title, #post-842 .page-title { background: #057eff; }
.contact {
	overflow: hidden;
}
#post-27 .options, #post-842 .options {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}
#post-27 p.method, #post-842 p.method {
	font-size: 16px;
	line-height: 24px;
	color: #4d4d4d;
	padding: 0 0 4px 0;
	margin: 0;
}
#post-27 p.method.shortmarg, #post-842 p.method.shortmarg {
	padding: 0 0 2px 0;
}
#post-27 p.method.addy, #post-842 p.method.addy {
	line-height: 28px;
}
#post-27 p.method span, #post-842 p.method span {
	float: left;
	/*width: 85px;*/
	font-size: 24px;
	color: #093662;
    padding-top: 5px;
}
#post-27 p.method span.addy, #post-842 p.method span.addy {
	float: none;
	width: auto;
}
#post-27 h2, #post-842 h2 {
	margin: 0 0 10px 0;
}
.gform_button {
background:#057eff;
border:0;
color:#fff;
padding: 5px 20px;
}

/*Floating indicators to click on the left side of the page*/
.linkfloat {
	position: absolute;
	left: 200px;
	top: 475px
}

.clickfloat {
	position: absolute;
	left: 200px;
	top: 825px
}
.ccf-submit-button {
background: #057eff;
color:#fff;
padding: 10px 20px;
border:none;
}