/**
* Bloom Media
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/



#exterior-grey-bar{
	height:105px;
	background-color:#636363;
	width:670px;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	}

#container{
	width:990px;
	margin:0 auto;
	z-index:1;
	position:relative;
	background-image:url(../Images/bg-container.gif);
	background-repeat:repeat-y;
	height:100%;
	}
	
#header{
	width:990px;
	float:left;
	height:105px;
	}
	#header h1{
	text-indent:-9999px;
	float:left;
	margin:40px 0 0 0;padding:0;
	}
	#header h1 a{
	background-image:url(../Images/bg-h1-a-bloom-logo.png);
	width:320px;
	height:67px;
	display:block;
	overflow:hidden;
	}
	#header-grey-bar{
	height:105px;
	background-color:#636363;
	float:left;
	width:670px;
	}
	#header ul{
	float:right;
	padding:80px 0 0 0;
	}
	#header ul li{
	float:left;
	padding:0 20px 0 0;
	}
	#header ul li a{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	}
	#header ul li a:hover{
	color:#ec0e8d;
	text-decoration:none;
	}
	body#our-approach #header ul li a.approach{
	color:#ec0e8d;
	}
	body#our-work #header ul li a.work{
	color:#ec0e8d;
	}
	body#our-team #header ul li a.team{
	color:#ec0e8d;
	}
	body#contact-us #header ul li a.contact{
	color:#ec0e8d;
	}
	
	
	
#homepage-no-flash{
	width:990px;
	float:left;
	}
	#homepage-no-flash-left{
	width:300px;
	float:left;
	color:#333;
	padding:20px 0 0 20px;
	}
	#homepage-no-flash-left h2, #homepage-no-flash-left h3{
	margin:0 0 1em 0;
	}
	#homepage-no-flash-right{
	width:650px;
	float:left;
	color:#fff;
	padding:20px 0 0 20px;
	}
	#homepage-no-flash-right p{
	margin:0 0 1em 0;
	}
	#homepage-no-flash-right a{
	color:#ec0e8d;
	}
	
#intro-copy{
	width:261px;
	float:left;
	padding:0 40px 0 20px;
	clear:both;
	}
	#intro-copy h2{
	background-image:url(../Images/bg-h2-digital-business.gif);
	width:295px;
	height:92px;
	text-indent:-9999px;
	color:#131313;
	font-size:2.3em;
	}
	#intro-copy p{
	color:#333;
	margin-bottom:1em;
	}
	#intro-copy a.get-in-touch{
	margin-top: 15px;
	}
	a.get-in-touch{
	background-image:url(../Images/bg-a-case-studies.png);
	width:83px;
	height:24px;
	display:block;
	padding:3px 0 0 20px;
	color:#fff;
	font-weight:bold;
	border:none;
	text-indent:0;
	font-size:1em;
	}
	
#case-studies-home{
	width:632px;
	float:left;
	background-image:url(../Images/bg-case-studies-homepage.png);
	background-repeat:repeat-x;
	padding:25px 0 0 28px;
	}
	#case-studies-home h3{ 
	font-size:1.2em;
	text-indent:0;
	float:left;
	clear:left;
	width:180px;
	}
	#case-studies-home p{ 
	float:left;
	clear:left;
	width:180px;
	}
	#case-studies-home h3 a{
	color:#fff;
	text-decoration:none;
	}
	#case-studies-home h3 a:hover{
	text-decoration:underline;
	}	
	#case-studies-home p a{
	color:#fff;
	text-decoration:underline;
	}
	#case-studies-home p a:hover{
	text-decoration:none;
	}
	#case-studies-home img{
	float:left;
	margin:0 0 10px 0;
	border:none;
	}
	#case-studies-home h2{
	background-image:url(../Images/bg-h2-case-studies-home.png);
	width:122px;
	height:20px;
	text-indent:-9999px;
	margin:0 0 16px 0;
	}
	.case-study-home{
	width:182px;
	float:left;
	margin-right:27px;
	}
	#case-studies-home a.more-case-studies{
	margin:15px 0 40px 0;
	float:left;
	text-decoration:none;
	}
	#case-studies-home a.more-case-studies:hover{
	text-decoration:underline;
	}
	a.more-case-studies{
	background-image:url(../Images/bg-main-action-button.png);
	color:#fff;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:19px;
	padding:3px 0 0 22px;
	width:115px;
	clear:both;
	
	}	
	
	
	
	
#footer-all{
	width:990px;
	clear:both;
	background-image:url(../Images/bg-container.gif);
	background-repeat:repeat-y;
	height:46em;
	}
	
#footer-all-left{
	width:320px;
	float:left;
	}
	#social-bookmarks{
	float:left;
	padding:0 0 0 0;
	width:320px;
	clear:both;
	}
	#social-bookmarks img{
	float:right;
	clear:both;
	border:none;
	}

#footer-all-right{
	width:670px;
	float:left;
	
	}
	
	#social-media-feeds{
	background-image:url(../Images/bg-social-media-feeds.png);
	background-repeat:no-repeat;
	float:left;
	padding:20px 0 0 28px;
	width:632px;
	}
	#news-feed,#twitter-feed,#blog-feed,.cms-news-feed,.cms-twitter-feed,.cms-blog-feed{
	float:left;
	margin-right:30px;
	width:180px;
	}
	.cms-blog-feed{
	padding-left:10px;
	width:170px;
	}
	#news-feed a,#twitter-feed a,#blog-feed a{
	color:#fff;
	}
	#news-feed li,#twitter-feed li,#blog-feed li{
	padding:0 0 20px 19px;
	}	
	#social-media-feeds h4{
	text-indent:-9999px;
	float:left;
	margin-bottom:30px;
	}
	#social-media-feeds h4 a{
	width:100px;
	height:26px;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	}
	.cms-news-feed h4 a{
	background-image:url(../Images/bg-h4-news.png);
	width:55px;
	}
	.cms-twitter-feed h4 a{
	background-image:url(../Images/bg-h4-tweets.png);
	width:66px;
	}
	.cms-blog-feed h4 a{
	background-image:url(../Images/bg-h4-blogs.png);
	width:59px;
	}
	#news-feed li{
	background:url(../Images/icon-news.png) no-repeat 0 2px;
	}
	#twitter-feed li{
	background:url(../Images/icon-twitter.png) no-repeat 0 2px;
	}
	#blog-feed li{
	background:url(../Images/icon-blog.png) no-repeat 0 2px;
	}
	

#footer{
	float:left;
	width:660px;
	padding:25px 0 50px 0;
	border-top:1px solid #3c3c3c;
	margin-left:2px;
	}
	#footer p{
	float:left;
	width:170px;
	border-right:1px solid #3c3c3c;
	padding:0 25px 0 25px;
	}
	#footer p.first{
	width:150px;
	}
	#footer p.end{
	border-right:none;
	width:180px;
	}
	#footer strong{
	color:#ef008a;
	font-weight:normal;
	}
	#footer a{
	color:#ef008a;
	}
	#footer-links{
	float:left;
	width:600px;
	padding:20px 0 0 25px;
	}
	#footer-links ul li{
	float:left;
	padding:0 20px 0 0;
	}