@charset "utf-8";
/*
Theme Name: Mango Baboon
Theme URI: http://www.mangobaboon.co.uk
Description: Custom Wordpress Theme developed by Mango Baboon.
Version: 1.0
Author: Mango Baboon
Author URI: http://www.mangobaboon.co.uk
Tags: web design, mango baboon, widget ready

*/

body {
	margin: 0px;
	padding: 0px;
}
#header {
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	width: 100%;
	height: 141px;
}
#promo {
	background-image: url(images/promo-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 250px;
	width: 100%;
}
.logo img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.wrap {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
}
.logo {
	float: left;
}
.topnav {
	float:left;
margin-left:40px;
margin-top:60px;
}
.topnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.topnav li {
	display:inline;
	float:left;
	line-height:9pt;
	padding:0;
	text-align:center;
	height: 80px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	width: 100px;
}
.topnav li:hover {
	background-image: url(images/nav-hover.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.topnav li.current_page_item {
	background-image: url(images/nav-hover.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #ff6931;
}
.topnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.topnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
	color: #ff6931;
	text-decoration: none;
}
.welcometext {
	float: left;
	width: 470px;
	padding-top: 13px;
}
.welcometext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
.welcometext img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 25px;
	padding-top: 10px;
}

.special {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #305e57;
}
.welcometext strong {
	color: #305e57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.orangespecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #d85122;
}

#featured {
	background-image: url(images/featured-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 260px;
	width: 401px;
	margin-top: -11px;
}
#slider {
  width: 401px;
  margin: 0 auto;
  position: relative;
}

.scroll {
	height: 220px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: none;
}

.scrollContainer div.panel {
	padding: 10px;
	height: 250px;
	width: 401px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}
.navigation {
	margin: 0px;
	list-style-type: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 170px;
}
.navigation a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

.navigation li {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #5c513a;
	height: 14px;
	width: 13px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	display: inline;
	float: left;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.featuredpromo {
	margin: 0px;
	float: left;
	width: 209px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.featureddetails {
	margin: 0px;
	float: left;
	width: 137px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.featureddetails a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e15919;
	text-decoration: none;
}

.featureddetails  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #e15919;
	font-weight: bold;
}
.featureddetails p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#mainbody {
	background-color: #4b4b4b;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	width: 100%;
	clear: left;
	padding-bottom:10px;
}
#excerpt {
	background-color: #4b4b4b;
	background-image: url(images/excerpt-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	width: 100%;
	clear: left;
}
#breadcrumbs p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 55px;
}

#breadcrumbs a {
	color: #d34b09;
	text-decoration: none;
	font-size: 16px;
}
#breadcrumbs a:hover {
	color: #d34b09;
	text-decoration: none;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#article {
	float: left;
	width: 650px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#article p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	line-height: 1.5;
}
#article strong {
	font-weight: bold;
	color: #ece8d4;
}
#article img {
	padding: 5px;
	border: 1px solid #333333;
}
#article a:hover img {
	padding: 5px;
	border: 1px solid #999999;
}
.alignright {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
/* END COMMENTS */.alignleft {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 10px;
}
#article a, #article a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}
#article a:hover {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}


#article h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #fc7c01;
	font-weight: normal;
	font-size: 23px;
	margin: 0px;
	padding: 0px;
}
#article h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #fc7c01;
	font-weight: normal;
	font-size: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#article h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #fc7c01;
	font-weight: normal;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
}
#article h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #FFCC33;
	font-weight: normal;
	font-size: 17px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#article ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	list-style-type: none;
}
#article li {
	background-image:url(images/yellow-bullet.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:1.5;
	margin:0 20px 0 0;
	padding-bottom:3px;
	padding-left:15px;
	padding-top:2px;
	
}
.portfolio {
	padding-top: 5px;
	padding-bottom:10px;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	z-index:1;
}





#breadcrumbs {
	background-image: url(images/breadcrumb-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 60px;
}

.contentquote {
	height: 107px;
	background-image: url(images/excerpt-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.contentquote h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ece8d4;
	font-weight: normal;
	margin: 0px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.bodycolumn {
	float: left;
	width: 300px;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}


.bodycolumn h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: capitalize;
	color: #ece8d4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.insidemangobaboon {
	float: left;
	width: 260px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	margin-right:20px;
	padding-right: 10px;
}
.insidemangobaboon h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #ff7d40;
}
.expander {
	background-image: url(images/help-drop-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 280px;
	margin-bottom: 5px;
}
.expander a, .expander a:visited, .expander a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	width: 265px;
	display: block;
	height: 25px;
	padding-top: 11px;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#look, #ads, #security, #sales, #cms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin: 0px;
padding-left:20px;
width:250px;
}
.baboonspeak {
	float: left;
	width: 500px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.speakentry {
	clear: left;
	float: left;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	width:500px;
}
.speakpost {
	float: left;
	padding-left: 25px;
	width:400px;
}
.speakpost p {
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa79f;
	font-size: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.speakpost h2, .speakpost h2 a, .speakpost h2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0px;
	color: #fc7c01;
	font-weight: normal;
	text-transform: capitalize;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.speakpost h2 a:hover {
	text-decoration: underline;
	color: #ff9e40;

}
.speakimg {
	float: left;
	padding: 3px;
	border: 1px solid #333333;
}
.speakentry  img  {
	border: none ;
}
a.info{
	position:relative; /*this is the key*/
	z-index:24;
	color:#000;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00CC00;
}

a.info:hover{
	z-index:25;
	background-color:#ff0;
	cursor: help;
	color: #000000;
}

a.info span{display: none; z-index:30;}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	border:1px solid #333333;
	background-color:#000000;
	color:#ece8d4;
	text-align: left;
	z-index: 30;
	width:250px;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: visible;
	}
	
a.info:hover span strong {
	color:#FF9900;
	text-decoration:underline;
}	

.baboonspeak h4 {
	color: #abacb3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: normal;
	width: 500px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#look p, #ads p, #security p, #sales p, #cms p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.popupimages {
	float: left;
	width: 280px;
}
.popupimages h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: capitalize;
	color: #f68a1e;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.insidemangobaboon p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#speak {
	background-color: #000000;
	background-image: url(images/baboon-speak-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	float: left;
}
#quotes {
	float: left;
	padding: 20px;
	width:300px;
	background-image: url(images/quotes-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 287px;
	overflow: visible;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b4b4b4;
	font-weight: normal;
}
.quote a, .quote a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.quote a:hover {
	color: #666666;
}


#footer {
	background-image: url(images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	float: left;
	padding-top: 15px;
height:87px;
}
.credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 17px;
	float: left;
	width: 500px;
}
.footerlogo {
	float: right;
	padding-right: 35px;
}
.credits a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
.credits a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f7901d;
	text-decoration: underline;
}
#sidebar {
	float: left;
	width: 230px;
	padding-left: 10px;
}
#sidebar h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-weight: normal;
	color: #FF6600;
	font-size: 16px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sidebar ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sidebar li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar ul ul {
	margin: 0px;
	padding: 0px;
}
#sidebar li li {
background-image:url(images/yellow-bullet.gif);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #666666;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
margin:0 20px 0 0;
padding-bottom:3px;
padding-left:15px;
padding-top:3px;

}
#sidebar p {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
margin:0 20px 0 0;
padding-bottom:3px;
padding-left:0px;
padding-top:3px;
	color: #aaa79f;

}
#sidebar li li a, #sidebar li li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa79f;
	text-decoration: none;
}
#sidebar li li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.popupimages p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b4b4b4;
	font-weight: normal;
}
.popupimages a, .popupimages a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}
.popupimages a:hover {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}

/* BEGIN COMMENTS */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	background-color: #000000;
	border: 1px solid #333333;
padding:4px;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 4px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	background-color: #000000;
	border: 1px solid #333333;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
.cf-ol {
padding:0px;
margin:0px;
list-style-type: none;

}
.cf-ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
.cf-ol li span {
display:block;
clear:right;
}
.cf-ol li input, .cf-ol li select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	background-color: #000000;
	margin: 3px;
	width: 350px;
	border: 1px solid #333333;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

.cf_hidden {
display:none;
}
.linklove {
display:none;
}#look a, #look a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}
#look a:hover {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.quotebtn {
	margin-top:20px;
	margin-bottom:25px;
}
.quotebtn  img {
border:none;
}small {
	color: #FFFFFF;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-bottom: 10px;
	padding-top: 5px;
padding-left:0px;
padding-right:5px;
padding-bottom:5px;
}
.post {
	margin-bottom: 20px;
	margin-top:20px;
}
#pagequotebtn a,#pagequotebtn img, #pagequotebtn a:visited {
border:none;
float:left;

}
.more-link {
clear:left;
margin-top:10px;
}