/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

/*__________________________________________________________________________________________

basic colours:
background=#b0b0b0
#wrapper=#fff

container (content) = #4782be

__________________________________________________________________________________________*/

body{
	font-family:arial, helvetica, "gill sans", "sans serif";
	background:#b0b0b0;
	padding-top:20px;
}

#wrapper{
	width:760px;
	margin:0 auto;
	padding:10px 10px;
	background:#fff;
}

#flashcontent h1{
	width:759px;
	height:95px;
	margin:0 0 10px 0;
	background:url('../cssimages/header_banner.jpg') no-repeat;
}

h2{
	font-size:1.9em;
	margin-bottom:10px;
}

h3{
	font-size:1.3em;
	margin:10px 0 10px 0;
}

h4{
	font-size:1.3em;
}

li{
	list-style:none;
	line-height:1.6em;
}

/*===================================================================
STYLES FOR CMS
===================================================================*/
.quote{
	font-size:1em;
	display:block;
/*	color:#172599;*/
	color:#FFF;
	width:335px;
	padding:0 0 0 50px;
	
}

/*===================================================================
FLASH REPLACEMENT
===================================================================*/
#matrix{
	height:350px;
	margin:10px 0 0 0;
}

body#homepage #matrix, body#jobs #matrix{
	background:url('../cssimages/home.jpg') no-repeat;
}

body#services #matrix, body#LightingAudioVisual #matrix, body#HandmadeFurniture #matrix, body#CorporateCommissions #matrix, body#CustomStands #matrix, body#ExhibitionServices #matrix, body#Internationalfreightandshipping #matrix, body#Graphics #matrix, body#PersonalCommissions #matrix, body#Retail #matrix, body#SpecialistFlooring #matrix, body#StandLogisticsandManagement #matrix{
	background:url('../cssimages/services.jpg') no-repeat;
}

body#portfolio #matrix, body#Agency #matrix, body#BritishMarineFederation #matrix, body#CompassGroupPLC #matrix, body#Datacard #matrix, body#DevonportRoyalDockyard #matrix, body#Lewmar #matrix, body#MascolaCreativeAgency #matrix, body#DavidMcLeanHomes #matrix{
	background:url('../cssimages/portfolio.jpg') no-repeat;
}

body#aboutus #matrix, body#JeremyDoe #matrix, body#ProductionTeam #matrix, body#ProjectManagement #matrix{
	background:url('../cssimages/about.jpg') no-repeat;
}

body#contactus #matrix{
	background:url('../cssimages/contact.jpg') no-repeat;	
}

body#news #matrix{
	background:url('../cssimages/news.jpg') no-repeat;
}


/*__________________________________________________________________________________________

navigation details

__________________________________________________________________________________________*/

#main_navigation{
/*	border:solid 1px #000;	*/
	margin:0 0px 0 55px;
}

#main_navigation li{
	font-size:1.6em;
	float:left;
	padding:0 30px 0 0;
}

#main_navigation li a{
	color:#7D7D7D;
	text-decoration:none;  
}

#main_navigation li a:hover{
	color:#7FA3C6;
}

/*===================================================================
SUBMENU
===================================================================*/

#extra_info{
	width:250px;
	margin:12px 0px 0px 0px;
	float:left;
/*	border:solid 1px #000;		*/
}

#extra_info li a{
	font-size:1.1em;
	color:#D3D3D3;
	text-decoration:none;
}       

#extra_info li a:hover{
	color:#a3c0de;
	text-decoration:underline;
}

.subnav_level_2{
	margin:0 0 0 10px;
}

/*__________________________________________________________________________________________

content details         

__________________________________________________________________________________________*/


p a{
	color:#BABABA;
	text-decoration:underline;
}

p a:hover{
	color:#535353;
}

abbr[title]{
     border-bottom-width: 0;
   }
 
#container{
	margin:35px 0 0 0;
	background: #4782be;
}

#homepage #content{
	width:470px;
	float:left;
	padding:10px 0px 0px 20px;
/*	border:solid 1px #000;		*/
}

#content{
	color:#fff;
	width:743px;
	padding:0px 0px 10px 12px;
	clear:both;
/*	border:solid 1px #000;		*/
}

body#contactus #contact_text{
  	width:350px; 
	clear:left;
	float:left;
/*    border:solid 1px #000;*/
}

#content h4 a{
	color:#fff;
}

#content h4 a:hover{
	color:#7FA3C6;
}

/*===================================================================
IF THE PAGE HAS A SUBNAV
===================================================================*/
.skinny #content_text{
	width:486px;
	float:right;
	padding:10px 5px 0 0;
}

.wide #content_text{
	padding:10px 5px 0 0;
}

.wide #extra_info{
	display:none;
}

#strap{
	height:260px;
}

.quote span{
	width:300px;
	padding:0 0 0 70px;
}

/*===================================================================
CLIENT LOGOS
===================================================================*/
#client_logos{
	width:130px;
	height:700px;
	float:right;
	margin:10px 0px 0 0;
	padding:0px 15px 10px 0px;
	background:url('../cssimages/clients.jpg') no-repeat;
/*	border:solid 1px #000;     */
}

/*===================================================================
STRAP LINE
===================================================================*/
#homepage #strap{
	background:url('../cssimages/content_image_innovative.jpg') no-repeat;	
}

body#services #strap, body#LightingAudioVisual #strap, body#HandmadeFurniture #strap, body#CorporateCommissions #strap, body#CustomStands #strap, body#Internationalfreightandshipping #strap, body#graphics #strap, body#PersonalCommissions #strap, body#Retail #strap, body#SpecialistFlooring #strap, body#StandLogisticsandManagement #strap, body#ExhibitionServices #strap, body#jobs #strap {
	background:url('/cssimages/content_image_teamwork.jpg') no-repeat;
}

body#portfolio #strap, #Agency #strap, #british_marine #strap, #CompassGroupPLC #strap, #Datacard #strap, #DevonportRoyalDockyard #strap, #Lewmar #strap, #MascolaCreativeAgency #strap, #DavidMcLeanHomes #strap{
	background:url('/cssimages/content_image_success.jpg') no-repeat;
}

#aboutus #strap, #JeremyDoe #strap, #ProjectManagement #strap, #ProductionTeam #strap{
	background:url('../cssimages/content_image_confident.jpg') no-repeat;
}

#contactus #strap{
	background:url('../cssimages/content_image_responsive.jpg') no-repeat;
}

#news #strap{
	background:url('../cssimages/content_image_forward.jpg') no-repeat;
}

/*===================================================================
NEWS
===================================================================*/

#news_sidebar{
	color:#626262;
	width:200px;
	float:right;
	margin:43px 20px 0 0;
	padding:0px 10px 10px 10px;
	background:#fff;
/*	border:solid 1px #000;*/
}

#news_sidebar a{
	color:#4782be;
}

#news_sidebar h3 a{
	color:#4782be;
}

.news_item{
	clear:left;
	margin:0 0 20px 0;
}

.news_item h4 {
	margin-bottom:10px;
}

.news_item h4 a{
	color:#fff;
}

.news_item h4 a:hover{
	color:#B7B7B7;
}

#news_sidebar img{
	padding:0 0 0 0px;
}

.news_list_image{
	float:left;
	padding:0 20px 0 0px;
}

/*__________________________________________________________________________________________

form details
__________________________________________________________________________________________*/

#form {
	width: 325px;
	float:right;
	padding-top:16px;
}
dl {
	margin: 0px 0 0 0px;
}
dt {
	float: left;
	width: 100px;
	margin: 0 0 15px 0;
	padding-top: 4px;
	color: #fff;
}
dd {
	margin: 0 0 15px 0;
	color: #555753;
}
dd span {
	color: #666;
}
input, textarea {
	border: 1px #ccc solid;
	padding: 2px;
}
.submitbtn {
	margin: 3px 0 2px 0;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #efefef;
	font-weight: normal;
	border:1px solid #aaaaaa;
}

.email_thanks{
	color:#d70113;
}

/*===================================================================
email address style
===================================================================*/

.email_addresses a{
	color:#fff;
	border:solid 1px #fff;
	padding:3px 3px;
}

/*===================================================================
FOOTER
===================================================================*/


#footer{
	color:#272727;
	font-size:0.8em;
	width:780px;
	margin:0 auto;
	text-align:center;
}

div#footer p a{
	color:#4D4D4D;
}

#footer a:hover{
	text-decoration:underline;
}

#footer a:visited{
	color:#1C5C7A;
}