/*
Theme Name: Bain - Custom Solution
Theme URI: http://wwww.optimowebsolutions.com
Description: Custom Solution Theme for Bain Associates.
Version: 1.0
Author: Optimo Web Solutions
*/

body {
	padding: 0;
	font-size: 12px;
	color: #666666;
	background-image: url(images/bg_body.gif);
	background-color: #ffffff;
	background-position: top center;
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	margin: 0;
}

#page {
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/bg_page.gif);
	background-position: top center;
}

/*  ######### Global CSS #########  */
img {
	border:none;
}
img a{
	border:none;
}

/* Links */
a:link { 
text-decoration: none; 
color: #157510; 
}

a:visited { 
text-decoration: none; 
color: #157510; 
}

a:hover, a:active { 
color: #157510; 
text-decoration: underline;
}

.bold {
font-weight: bold;
}


/*  ######### Top Header #########  */
#header {
	width: 960px;
	height: 124px;
	margin: 0 auto;
}

/*  Logo  */
.logo {
	width: 182px; 
	height: 72px;
	margin: 30px 0 0 5px;
	border: none; 
	float: left;
}
.logo img a { 
	width: 182px; 
	height: 72px;
	border: none; 
	display: block;
}

/*  Header Contact  */
.header-contact {
	width: 185px; 
	margin: 30px 0 0 30px;
	padding-left: 20px;
	border-left: 3px solid #d5d5d5; 
	float: left;
}
.header-contact h5 {
	color: #797979;
	font-size: 12px;
	margin: 0 0 3px 0;
	line-height: 12px;
	padding: 0;
	font-weight: bold;
}
.header-contact h5.bottom {
	color: #797979;
	font-size: 12px;
	margin: 0 auto;
	line-height: 12px;
	padding: 0;
	font-weight: bold;
}

/*  Build Better  */
.build-better {
	width: 280px; 
	height: 49px;
	margin: 30px 5px 0 0;
	border: none; 
	float: right;
}
.build-better img a { 
	width: 280px; 
	height: 49px;
	border: none; 
	display: block;
}

/*  Main Navigation  */
.main-nav {
	width: 565px;
	font-size: 16px;
	height: 26px;
	background-image: url(images/bg_nav.gif);
	float: right;
	margin: 12px 0 0 0;
}
.main-nav ul {
	text-align: center;
	margin: 10px 10px 0px 0px;
	height: 26px;
	float:none;
}
.main-nav li {
	list-style-image: none;
	list-style: none;
	margin: 0 auto;
	list-style-type: none;
	height: 16px;
	display: inline;
}
.main-nav li a {
	color: #ffffff;
	font-weight:bold;
	font-size:16px;
	padding: 0 16px 0 16px; 
	display: inline;
	text-decoration: none;
}
.main-nav li a:hover {
	color: #ffffff;
	display: inline;
	text-decoration: underline;
}


/*  ######### Banners #########  */
#banner-sustainability {
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url(images/banner_sustainability.gif);
	background-position: top center;
	height: 454px;
	width: 960px;
}
#banner-homepage {
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url(images/banner_home.gif);
	background-position: top center;
	height: 465px;
	width: 960px;
}
#banner-subpage {
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url(images/banner_subpage.gif);
	background-position: top center;
	height: 105px;
	width: 960px;
}

/*  Banner Content - Landing & Homepage  */
#banner-content {
	float: left;
	margin: 0 auto;
	padding: 0;
}
#banner-info-container {
	float: left;
	width: 365px;
	height: 430px;
	margin: 0 0 0 20px;
	padding: 0;
}
#banner-info {
	width: 365px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
}
#banner-info a {
	color:#ffffff;
}
#banner-info h1 {
	color: #FFFFFF;
	margin: 0 auto;
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 1px;
	padding: 20px 0 0 0;
	text-align: left;
}
#banner-info h2.home {
	color: #002a5c;
	margin: -12px 0 0 0;
	padding: 0 0 25px 0;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}
#banner-info h2.sustainability {
	color: #002a5c;
	margin: -12px 0 0 0;
	padding: 0 58px 25px 0;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}
#banner-info p {
	color: #e7e7e7;
	padding: 0px 0px 0px 0px;
	margin: 0 0 15px 0;
	line-height: 17px;
	font-weight: bold;
	font-size: 14px;
	text-align: justify;
}

/*  Banner Bottom (Sustainability Landing Page  */
#banner-bottom-sustainability {
	width: 365px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#banner-bottom-sustainability h4 {
	color: #002a5c;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
#banner-bottom-sustainability h4 a {
	color: #002a5c;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
#banner-bottom-sustainability h4 a:hover {
	color: #002a5c;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: underline;
}

/*  Banner Bottom (Enter Website - Homepage Tagline  */
#banner-bottom-home {
	width: 365px;
	height: 20px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
#banner-bottom-home h4 {
	color: #002a5c;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
#banner-bottom-home h4 a {
	color: #002a5c;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
#banner-bottom-home h4 a:hover {
	color: #002a5c;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: underline;
}


/*  Banner Content - Subpage  */
.banner-title {
	float: left;
	width: 500px;
	padding: 20px 0 0 20px;
}
.banner-title h1 {
	color: #FFFFFF;
	margin: 0 auto;
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.banner-tagline {
	float: right;
	width: 400px;
	padding: 45px 20px 0 0;
}
.banner-tagline h3 {
	color: #002a5c;
	margin: 0 auto;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}


/*  Banner Slider  */
#banner-slider {
	float: right;
	width: 473px;
	margin: 0 0 0 30px;
}
#myController span{
	background-image: url(images/slide_indent.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 4px 6px 0 7px;
	cursor:pointer;
	float:left;
	display:inline;
	text-indent: -9999px;
}
#jFlowSlide{
}
#myController span.jFlowSelected {
	background-image: url(images/slide_solid.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 4px 6px 0 7px;
	cursor:pointer;
	text-indent: -9999px;
}
.jFlowPrev{
	margin-right:10px;
	cursor:pointer;
}
.jFlowNext{
	margin-left:10px;
	cursor:pointer;
}
.slider-wrap {
	float: right;
	width:auto;
}
.slider-wrap-alt {
	float: right;
	height: 261px;
	width: 892px;
	overflow: hidden;
	border: none;
}
.slider {
	width: 473px;
	padding: 45px 42px 0px 0px;
	overflow: hidden;
	height: 345px;
}
#mySlides {
}
.slider-nav {
	width: 518px;
	float: right;
	margin: 18px 10px 0 0;
}
.slider-nav-long {
	width: 900px;
	float: right;
	margin-top: 18px;
}
.slider-nav-left {
	float: left;
	margin-top: 8px;
	width:auto;
}
.slider-nav-middle {
	float: left;
	margin-top: 8px;
	width:auto;
}
.slider-nav-right {
	float: right;
	padding-right: 20px;
	margin-top: 8px;
	width:auto;
}


/*  #########  Content Containers  #########  */
#home-container {
	background-repeat: repeat-y;
	margin: 0 auto;
	background-image: url(images/content_home.gif);
	background-position: top center;
	overflow: hidden;
	width: 960px;
	padding: 30px 0 30px 0;
}
#subpage-container {
	background-repeat: repeat-y;
	margin: 0 auto;
	background-image: url(images/content_subpage.gif);
	background-position: top center;
	overflow: hidden;
	width: 960px;
	padding: 30px 0 30px 0;
}
#sidebar-container {
	margin: 0 auto;
	float: right;
	width: 280px;
	padding: 20px;
}
#content-container {
	margin: 0 auto;
	float: left;
	width: 560px;
	padding: 20px;
}

/*  Homepage Bottom Boxes  */
#home-box-left {
	float: left;
	width: 280px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
	border-right: 2px solid #d5d5d5;
}
#home-box-middle {
	float: left;
	width: 280px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
	border-right: 2px solid #d5d5d5;
}
#home-box-right {
	float: left;
	width: 270px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
}

/*  Subpage Sidebar Boxes */
.sidebar-box {
	float: left;
	width: 280px;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	border-bottom: 2px solid #d5d5d5;
}

/*  Global Info Boxes - Homepage Bottom & Subpage Sidebar  */
.info-box {
	width: 280px;
}
.info-box h3 {
	font-size: 18px;
	color: #157510;
	margin: 0px 0px 0px 0px;
	padding-bottom: 20px;
	font-weight:bold;
}
.info-box p {
	font-size: 12px;
	line-height:14px;
	color: #797979;
	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
	font-weight:bold;
	text-align:justify;
}
.info-box p a {
	font-size: 12px;
	font-weight:bold;
	color: #002a5c;
	text-decoration: none;
}
.info-box p a:hover {
	font-size: 12px;
	color: #002a5c;
	font-weight:bold;
	text-decoration: underline;
}
.info-box img {
	border: none;
	cursor: pointer;
	float: none;
	margin: 10px 0 0 0;
}


/*  ######### Subpage Content #########  */
.content {
	float: left;
	width: 560px;
	padding: 0;
	margin: 0 auto;
}
.content_news {
	float: left;
	width: 600px;
	padding: 0;
	margin: 0 auto;
}

/* Images */
.content img{
	border: none;
	float: left;
	margin: 0 15px 10px 0;
}
.content img.nofloat{
	border: none;
	float: none;
	margin: 20px 0 15px 0;
}

/* Headers */
.content h2.post-title {
	margin: 0 0 5px 0;
	padding: 0px 0px 0px 0px;
}
.content h2 { 
	font-size: 13px;
	font-weight:bold;
	color: #002a5c;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
.content h3 { 
	font-size: 16px;
	font-weight:bold; 
	color: #002a5c;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
.content h4 { 
	font-size: 14px;
	font-weight:bold; 
	color: #002a5c;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
.content h5 { 
	font-size: 14px;
	font-weight:bold;
	color: #002a5c;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
.content h6 { 
	font-size: 14px;
	font-weight:bold; 
	color: #157510;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.content h5.news { 
	font-size: 15px;
	font-weight:bold; 
	color: #157510;
	line-height: 12px;
	margin: 0 0 20px 0;
	padding: 0;
}

.content h3#comments { 
	font-size: 17px;
	font-weight:bold;
	color: #157510;
	padding-top: 30px;
}

/* Paragraphs - Text */
.content p.pagination { 
	font-size: 13px;
	font-weight:bold;
	color: #157510;
	margin: 20px 0 3px 0;
	padding:0; 
}
.content p.pagination a { 
	font-size: 13px;
	font-weight:bold; 
	color: #157510;
	text-decoration:none;
}
.content p.pagination a:hover { 
	text-decoration:underline;
}
.blue { 
	color: #002a5c;
}
.content p { 
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	margin: 0 0 10px 0;
	padding:0; 
}
.content p.readmore { 
	font-size: 13px;
	font-weight:bold; 
	color: #157510;
	margin: 0 0 25px 0;
	padding:0; 
}
.content p.client {
	font-size: 13px;
	font-weight:bold; 
	color: #797979; 
	margin: 0 0 3px 0;
	padding:0; 
	text-transform: none;
	text-align:left;
}
.content p.company {
	font-size: 13px;
	font-weight:bold;  
	color: #797979; 
	padding: 0 0 10px 0;
	text-transform: none;
	text-align:left;
}
.content p.company a {
	font-size: 13px;
	font-weight:bold;  
	color: #157510;
	text-decoration: none;
}
.content p.company a:hover {
	font-size: 13px;
	font-weight:bold;  
	color: #157510;
	text-decoration: underline;
}
.readmore {
	margin: 0 0 0 15px;
}
.content p.testimonial { 
	font-size: 13px;
	font-weight:bold; ; 
	color: #797979;
	margin: 25px 0 10px 0;
	padding:0; 
}
.content p.note { 
	font-size: 12px;
	font-weight:bold;  
	color: #797979;
	margin: 30px 0 20px 0;
	padding:0; 
}

/* Lists & Blockquotes */
.content ul{
	margin: 0 0 35px 0;
	padding: 0;
}
.content ul li{
	background: url(images/bullet.gif) 20px 12px no-repeat;
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	line-height: 18px;
	padding: 5px 0 0 35px;
	margin: 0;
	list-style-type: none;
}
.content ul li.sub{
	background: url(images/bullet.gif) 45px 12px no-repeat;
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	line-height: 18px;
	padding: 5px 0 0 60px;
	margin: 0;
	list-style-type: none;
}
.content ul li.subtwo{
	background: url(images/bullet.gif) 70px 12px no-repeat;
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	line-height: 18px;
	padding: 5px 0 0 85px;
	margin: 0;
	list-style-type: none;
}
.content ol li{
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	line-height: 18px;
	padding: 5px 0 0 5px;
	list-style: outside;
	list-style-type: decimal;
	margin: 0;
}
.content ol li a{
	font-size: 13px;
	font-weight:bold; 
	text-decoration: none;
}
.content ol li a:hover{
	text-decoration: underline;
}
pre, blockquote  {
	overflow: auto;
	padding: 10px 0 10px 0;
	margin: 20px 20px;
	line-height: 1.8em;
	border-top: 2px solid #d5d5d5;
	border-bottom: 2px solid #d5d5d5;
}


/* ######### Location and Directions Google Map ######### */
.contact-top {
	width: 580px;
}
.contact-form {
	width: 250px;
	float: left;
}
.contact-info {
	width: 280px;
	float: right;
}
.contact-info p.google_map { 
	font-size: 18px;
	font-weight:bold; 
	color: #157510;
	margin: 2px 0 15px 0; 
	padding: 0; 
	line-height: 18px;
}
.contact-info p.google_directions { 
	font-size: 13px;
	font-weight:bold; 
	color: #002a5c;
	margin: 2px 0 15px 0; 
	padding: 0; 
	line-height: 13px;
}
.contact-info p.bain { 
	font-size: 18px;
	font-weight:bold; 
	color: #157510;
	margin: 2px 0 15px 0; 
	padding: 0; 
	line-height: 18px;
}
.contact-info p.address { 
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	margin: 0 0 3px 0; 
	padding: 0; 
	line-height: 13px;
}
.contact-info p.city { 
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	margin: 0 0 15px 0; 
	padding: 0; 
	line-height: 13px;
}
.contact-info p.phone { 
	font-size: 13px;
	font-weight:bold; 
	color: #797979;
	margin: 0 0 3px 0; 
	padding: 0; 
	line-height: 13px;
}

.directions{
	padding: 10px 0 30px 0;
	width:280px;
	height: 50px;
}

form.directions .submit{
	border: none;
	height: 29px;
	width: 64px;
	background: url(images/button_submit.png) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
form.directions input{
	font: bold 14px "Arial", Verdana, Tahoma, sans-serif;
	width: 190px;
	padding:5px;
	float:left;
	margin-right:5px;
	color: #34332f;
	background: #fdfbf1;
	border: 1px solid #d6d3c7;
}

.map {
	border:2px solid #d6d3c7;
	height:420px;
	width: 280px;
}


/*  ######### Footers #########  */
#footer-container {
	background-repeat: no-repeat;
	margin: 0 auto;
	padding:0;
	background-image: url(images/bg_footer.gif);
	background-position: top;
	height: 59px;
	width: 960px;
}

/*  Footer Copyright  */
.copyright {
	width: 500px;
	float: right;
	padding: 10px 20px 0 0;
	*padding: 20px 0 0 20px;
	margin: 0 auto;
	text-align: center;
}
.copyright p {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-align: center;
}
.copyright p a {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: none;
}
.copyright p a:hover {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: underline;
}

.copyright_sustainability {
	width: 500px;
	float: right;
	padding: 15px 30px 0 0;
	*padding: 30px 30px 0 0;
	margin: 0 auto;
	text-align: center;
}
.copyright_sustainability p {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-align: center;
}
.copyright_sustainability p a {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: none;
}
.copyright_sustainability p a:hover {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: underline;
}

/*  Footer Navigation  */
.footer-nav {
	width: 370px;
	float: left;
	padding: 10px 0 0 20px;
	*padding: 20px 0 0 20px;
	margin: 0 auto;
	text-align: center;
}
.footer-nav p {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-align: center;
}
.footer-nav p a {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: none;
}
.footer-nav p a:hover {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	text-decoration: underline;
}
.footer-div {
	font-size: 11px;
	color: #797979;
	font-weight:normal;
	margin: 0 5px 0 5px;
}