/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,menu,ol,table,tr,td,th,p,img {margin:0; padding:0; }

div 		{behavior:url(/styles/iepngfix.htc) }/*PNG ie6 fix, see: http://www.twinhelix.com/css/iepngfix/*/

/*main styles*/
html		{width:100%; height:100%; }
body		{width:100%; font:80% Arial, Helvetica, sans-serif; color:#858585; background:url('../images/bg_bricks.jpg') repeat; height:100%; }
h1			{font-weight:normal; font-size:150%; }
h2			{font-weight:normal; font-size:150%; }
p			{line-height:130%; padding:0 0 20px 0; }
a			{color:#858585; text-decoration:underline; }
a:hover		{color:#EF3023; }
hr			{padding:0; height:1px; border:0; border-top:1px solid #b4b4b4; margin:10px 20px; clear:both; position:relative; top:10px; }

/*structural, boxes and things.*/
#all				{padding:0; text-align:center; width:100%; margin:0;}
#holder			{padding:0 10px; background:url('../images/bg_drop_shadow.png') repeat-y top center; margin:0 auto; width:956px; text-align:left; overflow:auto; }
#header			{padding:0; height:200px; text-align:center; margin:10px 0 6px; }
#column			{float:left; padding:0; margin:0 0 0 31px; width:210px; display:inline; }
#content		{float:right; width:665px; padding:0; margin:-16px 30px -16px 0; background:#FFF; display:inline; }
#footer			{clear:right; overflow:hidden; text-align:center; padding:0; margin:40px 20px 25px 0; width: 675px; float: right }
#footer hr  {margin:10px 0; position:inherit }

p#homeText			{font-size:16px; color:#838383; line-height:110%; padding:0 0 15px 0; }

/*for having two columns divided up within the content area*/
#contentColumns	{margin:15px 0 0 0; padding:0; }
#contentLeft		{float:left; width:435px; display:inline; }
#contentRight		{float:right; width:210px; display:inline; }


/*here follows the section specific styles*/

/*home page specific, makes sure all boxes line up neatly*/
#homeHolder			{margin:0; width:660px; }
#leftBox			{float:left; width:435px; margin:0; }
#rightBox			{float:right; width:210px; margin:0; }
#rightBox p			{margin:0; padding:0 0 5px 0; }
#rightBox img                   {margin:0 auto; padding:0; display: block; }
#rightBox a			{text-decoration:none; }
#rightBox a:hover	{text-decoration:underline; }
#featuredWork		{padding-top:15px; margin-top: 10px; border-top:1px dotted #CCCCCC; }
#leftBox a img			{margin-bottom:10px; }
#homeHolder #featuredWork img	{float:right; border-left:15px solid #FFFFFF; margin:0; }



/*headings*/
h1#intro		{text-indent:-9999px; margin:-6px 0 -5px -5px; height:162px; width:642px; background:url('../images/homepage_title.jpg') no-repeat 0 0; }
h1#about		{text-indent:-9999px; margin:-6px 0 0 -5px; height:123px; width:642px; background:url('../images/aboutus_title.gif') no-repeat 0 0; }
h1#clients		{text-indent:-9999px; margin:-6px 0 0 -5px; height:123px; width:642px; background:url('../images/clients_title.gif') no-repeat 0 0; }
h1#news			{text-indent:-9999px; margin:-6px 0 0 -5px; height:123px; width:642px; background:url('../images/news_title.gif') no-repeat 0 0; }
h1#careers		{text-indent:-9999px; margin:-6px 0 0 -5px; height:123px; width:642px; background:url('../images/work_at_mb.gif') no-repeat 0 0; }
h1#contactTitle	{text-indent:-9999px; margin:-6px 0 0 -5px; height:123px; width:642px; background:url('../images/get_in_touch.gif') no-repeat 0 0; }
h1#newsletter	{text-indent:-9999px; margin:-6px 0 0 -5px; height:70px; width:642px; background:url('../images/every_month.gif') no-repeat 0 0; }
h3#mbShare		{text-indent:-9999px; margin:25px 0 10px 0; padding:0; background:url('../images/monkey-butler/mb-loves-share.gif') no-repeat; height:32px; width:180px; }

/*the long block coloured titles, can be applied to any h1, h2 etc.*/
/*new block titles MUST be specified here. The default is .normalHead which can be added mulitple times on a page, eg: about us*/
.normalHead, .purpleHeading, .redHeading
{font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 10px 0; font-size:140%; padding:3px; color:#FFFFFF; }
/*select a colour for the headings*/
.normalHead		{background:#B4B4B4; }/*grey heading background*/
.purpleHeading	{background:#44146B; }/*purple heading background*/
.redHeading		{background:#EF3023; }/*red heading background*/


/*news page*/
.news h3 			{font-family:Georgia, "Times New Roman", Times, serif; color:#44146B; font-size:140%; margin:0 0 10px 0; font-weight:normal; }
p.readMore a		{color:#44146B; font-weight:bold; }
p.readMore a:hover	{color:#EF3023; font-weight:bold; }
.news img			{border:0; float:right; margin:0 0 0 50px; padding:0; }
.news a img			{border:0; }
.news hr			{padding:0; height:1px; border:0; border-top:1px dotted #b4b4b4; margin:-10px 0 20px 0; }
.newsList			{padding:10px 0; }


/*breadcrumbs*/
.breadcrumbs		{clear:both; padding:0px; margin:0px 0px 10px 0px; font-size:14px; height:24px; position:relative; }
.breadcrumbs .pos	{position:absolute; bottom:0px; left:0px; }
.breadcrumbs span	{color:#ee3124; padding-right:10px; font-weight:bold; }
.breadcrumbs .back	{float:right; }
.breadcrumbs .back a{background: url('../images/back.gif') no-repeat right; padding:2px 25px 2px 0px; font-size:14px; display:block; }
.breadcrumbs a		{color:#858585; }
.breadcrumbs a:hover{color:#ee3124; }


/*menu*/
ul#menu  			{list-style-type:none; margin:-1px 5px 12px -10px; width:220px; }
ul#menu li 			{margin-left:5px; border-bottom:#CCCCCC dotted 1px; padding: 3px 4px 0; }
ul#menu li a 		{display:block; width:213px; height:25px; }
ul#menu li a strong	{display:none; }


/*subscribe box*/
#newsletter			{margin:25px 0; height:90px; }
#newsletter h3		{text-indent:-9999px; margin:10px 0; padding:0; background:url('../images/monkey-butler/mb-newsletter.gif') no-repeat left top; width:170px; height:24px; }
#newsletter form	{margin:0; padding:0; }
#newsletter input	{width:95%; border:1px solid #CCCCCC; padding:2px; }
#newsletter button	{background:url('../images/monkey-butler/button.gif') no-repeat left top; float:right; width:108px; height:34px; border:0; margin:4px 0 0 0; }

/*footer nav*/
#footer ul		{display:inline; }
#footer ul li	{display:inline; list-style:none; padding:0 0 0 15px; }
#footer span	{display:inline;  }


/*search box*/
#search 		{padding:10px 10px 10px 20px; background:#e1e0e0; margin:10px 0px; }
#search input	{margin:0; padding:0; width:150px; }
#search .submit {margin-bottom:-6px; width:20px; }
#search img		{border:0; margin:0 0 5px 0; }


/*leftColumn vacancy*/
#vacancy		{background:url('../images/vacancy.gif') top left no-repeat; padding:45px 20px 20px 0px; margin:30px 0px 0px 0px; clear:both; }
#vacancy .info	{margin-right:-20px; background:url('../images/arrow.gif') 190px 10px no-repeat; border-bottom:#CCCCCC dotted 1px; }
#vacancy h1		{padding:5px 0px 0px 0px; margin:0px; font-size:16px; font-weight: bold; }
#vacancy h1 a	{color:#44146b; text-decoration:none; display:block; }
#vacancy p		{color:#b4b4b4; padding:0px 20px 5px 0px; font-size:11px; font-weight:normal; }
#vacancy p a	{color:#b4b4b4; text-decoration:none; display:block; margin-right:-20px; }


/*careers page*/
.enquiryform 			{background:#e4e3e3; }
.enquiryform .field 	{margin-bottom:5px; color:#44146B; font-weight:bold; padding:5px; }
.enquiryform .textbox 	{width:320px; font-size:13px; }
.enquiryform .textarea 	{width:300px; height:105px; font-size:13px; }
.careers				{}
.careers .title			{padding:6px 5px; margin:5px 0px 0px 0px; background:#44146b; color:#ffffff; }
.title h1				{font-family:Georgia, "Times New Roman", Times, serif; }
.careers .moredown		{float:right; font-size:16px; font-weight:normal; }
.careers .moredown a	{color:#FFFFFF; background:url('../images/arrow_down.gif') no-repeat right top; padding-right:25px; display:block; }
.careers .moreup		{float:right; font-size:16px; font-weight:normal; }
.careers .moreup a		{color:#FFFFFF; background:url('../images/arrow_up.gif') no-repeat right top; padding-right:25px; display:block; }
.careerInfo				{padding:10px 0; border-bottom:1px dotted #CCC; margin:0 0 10px 0; }
.submitButton			{text-align:right; padding:0 10px; }


/*contact page
.contactform 		{background:#ececec; padding:10px; margin:5px 0px; color:#868484; font-family:Georgia, Arial, sans-serif; }
#contactDetails		{width:140px; float:left; padding:0 10px 0 0; margin:0; }
#contactRightColumn	{float:left; width:510px; }
#directionsForm		{margin:5px 0px 10px 0px; padding:10px; background:#ECECEC; border:#666 1px dotted; text-align:center; }

form.contactform		{overflow:auto; margin:0 0 20px 0; }
.contactform dl			{margin:0; padding:0;}
.contactform dt			{float:left; text-align:right; width:90px; margin:0; padding:0 0 10px 0; list-style:none; display:inline; }
.contactform dd			{float:left; width:380px; margin:0 0 0 10px; padding:0 0 10px 0; }
.contactform input		{width:380px; }
.contactform textarea	{width:380px; height:100px; }
*/

/*newsLetter page*/
.newsLetter 			{padding:10px; margin:5px 0; color:#868484; font-family:Georgia, Arial, sans-serif; }
form.newsLetter			{overflow:auto; background:#ececec; margin:0 0 20px 0; }
.newsLetter dl			{margin:0; padding:0; }
.newsLetter dt			{float:left; text-align:right; width:90px; margin:0; padding:0 0 10px 0; list-style:none; display:inline; }
.newsLetter dd			{float:left; width:280px; margin:0 0 0 10px; padding:0 0 10px 0; }
.newsLetter input		{width:280px; }
.newsLetter textarea	{width:280px; height:100px; }
#floatLeft				{float:left; padding:0 10px 0 0; width:230px; overflow:none; }
/*#floatLeft				{float:left; padding:0 10px 0 0; width:230px; overflow:auto; }*/
h1.nL					{margin:0 0 5px 240px; }


/*map on contact page*/
#map			{width:510px; height:400px; background:#ececec; margin:0; padding:0; }
.pdf			{text-align:center; padding:10px 0 0 0; }
.pdf a			{color:#858585; display:block; background:url('../images/pdf.gif') no-repeat top center; padding:60px 0 0 0; }
.pdf a:hover 	{color:#ef3023; }

input.fbutton	{width:120px; background:#46166b; padding:2px 0; color:#FFFFFF; font-size:16px; font-family:Georgia, Arial, sans-serif; font-weight:bold; border:none; clear:both; }


/*client portfolio page*/
#rightBoxPort ul		{padding:0px 0px 0px 15px; margin:0px; }
#rightBoxPort .label 	{float:left; width:50px; font-weight:bold; padding:10px 0 10px 10px; }
#rightBoxPort .name		{float:left; width:170px; padding:10px 0px; }	
#rightBoxPort .name a 	{font-weight:bold; text-decoration:underline; }
#rightBoxPort .tags 	{float:left; width:170px; padding:10px 0px; color:#44146b; }
#middleBoxPort			{float:left; width:435px; margin:10px 20px 0 0; }
#rightBoxPort			{float:left; width:210px; margin:10px 0 0 0; }
hr#portfolioHr			{display:block; margin:0; padding:0; border:1px solid #FFFFFF; background:#FFFFFF; color:#FFFFFF; }


/*social bookmarks*/
.bookmarks 					{margin:10px 0 0 0; padding:20px 0; border-top:1px dotted #b4b4b4; }
.bookmarks ul 				{list-style-type:none; margin:0; padding:20px 0; }
.bookmarks ul li 			{display:inline; padding:5px 20px 5px 20px; }
.bookmarks ul li a 			{color:#858585; }
.bookmarks ul li a:hover	{color:#ef3023; }

.bookmarks .delicious 	{background:url('../images/bookmarks/delicious.gif') no-repeat left center; }
.bookmarks .digg 		{background:url('../images/bookmarks/digg.gif') no-repeat left center; }
.bookmarks .reddit 		{background:url('../images/bookmarks/reddit.gif') no-repeat left center; }
.bookmarks .facebook 	{background:url('../images/bookmarks/facebook.gif') no-repeat left center; }
.bookmarks .stumbleupon {background:url('../images/bookmarks/stumbleupon.gif') no-repeat left center; }


/*back to top button*/
p.top	{text-align:right; margin:10px 0; font-size:80%; }
.top a	{background:url('../images/top.gif') no-repeat top right; padding:5px 25px 15px 0px; }

/*investors in people logo*/
img#iip		{float: left; border:0; border:none; clear: both; margin:5px 0 0 65px; }

/*fix for the news page drow down pagination*/
.news form    {margin:10px 0 15px 0; clear:both; }




/*blog*/
#twitter_div ul		{margin:0; padding:0; }
#twitter_div li		{list-style:none; margin:10px 0; padding:10px; background:#EFEFEF; color:#000; font-size:90%; line-height:140%; }
#twitter_div li a	{color:#EF3023; }
#twitter_div .sidebar-title	{background:#FFFFFF; color:#000000; }

img.alignright 		{float:right; margin:0 0 10px 10px; padding:0; }
.entry				{margin:20px 0 0 0; }
.entry a			{color:#EF3023; font-weight:bold; }

#blog h1 a, #blog h2 a	{font-weight:normal; }
#blog #content h2		{background:#43076B; padding:5px; margin:5px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }
#blog h2 a				{color:#FFFFFF; }

p.postmetadata			{background:#E1E0E0; color:#333; font-size:90%; padding:5px; margin:0 0 30px 0; }
.post .postmetadata a	{color:#333333; font-weight:normal; }

#column h2		{font-family:Georgia, "Times New Roman", Times, serif; color:#000000; margin:0 0 10px 0; }

.description h1	{margin:0 0 20px 0; font-size:220%; color:#858585; line-height:140%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

ul#blogMenu				{margin:0 0 20px 0; padding:0; }
#blogMenu li			{list-style:none; margin:0; padding:0; }
#blogMenu li a			{font-size:130%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0; display:block; color:#EF3023; }
#blogMenu li a:hover	{text-decoration:none; }


/* figaro page*/
h1#figaro			{text-indent:-9999px; margin:-6px 0 0 -5px; height:150px; width:642px; background:url('../images/figero_title.gif') no-repeat 0 0; }
p.figaroicon				{font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; font-weight:bold; margin:0 0 10px 0; }
p.figaroicon img			{float:left; margin:0 10px 0 0; border:0; border:none; }

.figaroform 		{background:#ececec; padding:10px; margin:5px 0px; color:#868484; font-family:Georgia, Arial, sans-serif; }
#figaroDetails		{width:140px; float:left; padding:0 10px 0 0; margin:0; }

form.figaroform			{overflow:auto; margin:0 0 20px 0; }
.figaroform dl			{margin:0; padding:0;}
.figaroform dt			{float:left; text-align:right; width:90px; margin:0; padding:0 0 10px 0; list-style:none; display:inline; }
.figaroform dd			{float:left; width:280px; margin:0 0 0 10px; padding:0 0 10px 0; }
.figaroform input		{width:280px; }
.figaroform textarea	{width:280px; height:100px; }


/*about us*/
#awardsTable 	{font-size:10px; color:#999999; }
#awardsTable td	{padding:5px 0; }

/*menu elements*/
ul#menu li#home a 					{background:url('../images/menu/home.gif'); }
ul#menu li#home a:hover,
ul#menu li#home a.on 				{background:url('../images/menu/home.gif') 0px 25px; }

ul#menu li#about a 					{background:url('../images/menu/about_us.gif') }
ul#menu li#about a:hover,
ul#menu li#about a.on 				{background:url('../images/menu/about_us.gif') 0px 25px; }

ul#menu li#careers a 				{background:url('../images/menu/careers.gif') }
ul#menu li#careers a:hover,
ul#menu li#careers a.on 			{background:url('../images/menu/careers.gif') 0px 25px; }
ul#menu li#careers_vacancy a 		{background:url('../images/menu/careers2.gif') }
ul#menu li#careers_vacancy a:hover,
ul#menu li#careers_vacancy a.on 	{background:url('../images/menu/careers2.gif') 0px 25px; }

ul#menu li#clients a 				{background:url('../images/menu/clients_portfolio.gif') }
ul#menu li#clients a:hover,
ul#menu li#clients a.on 			{background:url('../images/menu/clients_portfolio.gif') 0px 25px; }

ul#menu li#contact a 				{background:url('../images/menu/contact_us.gif') }
ul#menu li#contact a:hover,
ul#menu li#contact a.on 			{background:url('../images/menu/contact_us.gif') 0px 25px; }

ul#menu li#news a 					{background:url('../images/menu/news.gif'); }
ul#menu li#news a:hover,
ul#menu li#news a.on 				{background:url('../images/menu/news.gif') 0px 25px; }

ul#menu li#portfolio a 				{background:url('../images/menu/portfolio.gif') }
ul#menu li#portfolio a:hover,
ul#menu li#portfolio a.on 			{background:url('../images/menu/portfolio.gif') 0px 25px; }

ul#menu li#newsletter a 			{background:url('../images/menu/newsletter.gif') }

ul#menu li#blog a 					{background:url('../images/menu/blog.gif') }
ul#menu li#blog a:hover,
ul#menu li#blog a.on 				{background:url('../images/menu/blog.gif') 0px 25px; }

ul#menu li#monkey a 				{background:url('../images/menu/monkey.gif') }
ul#menu li#monkey a:hover,
ul#menu li#monkey a.on 				{background:url('../images/menu/monkey.gif') 0px 25px; }

/*follow links*/
ul#follow			{margin:0 0 0 0; padding:0; width:190px; height:180px; }
#follow li			{float: left; list-style:none; padding:0 7px 0 ; margin:0; margin:0 0 10px 0; }
#follow li a		{}
#follow li a:hover	{}
#follow img 		{border:0; border:none; }
#fave				{cursor:pointer; }

#topMargin			{margin:20px 0 0 0; }