@charset "utf-8";

/*
 Name: Revo
 Date: Nov 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

/* RESETS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container 	{
	margin:0 auto;
	width:100%;
	background-color: #fff;
}

body  {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:12px;
	margin-top:0px;
	color: #5E5D62;
}

/* FONTS */
h1 	{
	font-family: Rockwell, Georgia, Times, "Times New Roman", serif; font-size:46px; color:#b11d3a; text-transform: lowercase; line-height:43px; margin-bottom:20px; text-align:left;
}

h2	{
	font-size:20px; color:#b11d3a; text-transform: lowercase; margin-bottom: 20px; text-align:left;
}

   
h3	{
	font-size:12px;
}

p 	{
	font-size:12px; color:#5E5D62; margin-bottom: 15px; line-height: 15px;
}
.quotetext { color:#fff; font-size:13px; }

#footer p { color:#fff; margin-bottom:0; line-height:normal; }

a { color:#b11d3a; text-decoration:none; }
a:hover { text-decoration:underline; }

#footer a { color: #a0a0a0; }

span { font-weight:bold; color:#b11d3a; }

strong { font-weight:bold; }

/* HEADER */
#header_container {width:100%; height:485px; background: url(../images/header_bg.jpg) repeat-x;}
#header { margin: 0 auto; width: 940px; padding: 0 10px; height:485px; background: url(../images/header_top.png) no-repeat; }

a.logo { float: left; margin:20px 0 29px 0; background:  url(../images/logo.jpg) no-repeat; width: 71px; height: 89px; }

/* MENU */
.menu { float:left; width: 100%; text-transform: lowercase; position:relative; z-index:990; margin-bottom: 14px; }
.menu ul li a { display:block; text-decoration:none; color:#fff; text-align:centre; font-size:12px; overflow:hidden;  padding: 0 23px; height:23px; }
.menu ul { list-style: none; }
.menu ul li { float:left; position:relative; z-index:100; }
.menu ul li ul { display: none; }

/* Menu styling for non IE browsers */
.menu ul li:hover a { color:#ccc; }
.menu ul li:hover ul {display:block; position:absolute; top:15px; left:0; }
.menu ul li:hover ul li a {display:block; background: url(../images/menu_bg.jpg) repeat-x;; color:#fff; height: 28px; line-height:26px; width:175px; }
.menu ul li:hover ul li a:hover { color:#ccc;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display: block; top: 0px; left: 200px; }

/* MAIN */
#main { margin: 0 auto; width: 940px; padding: 10px 10px 242px 10px; }

#buttons { height: 135px; margin-bottom: 20px; }/* buttons div */
.buttons { float:left; width:174px; height: 135px; }
.construction { background: url(../images/buttons/construction.jpg) no-repeat; margin: 0 17px; }
.design { background: url(../images/buttons/design.jpg) no-repeat; margin-left: 18px; }
.fitout { background: url(../images/buttons/fitout.jpg) no-repeat; }
.furniture { background: url(../images/buttons/furniture.jpg) no-repeat; }
.relocation { background: url(../images/buttons/relocation.jpg) no-repeat; margin-right:18px; }

#content { width: 100%; margin-bottom:10px; text-align:justify; }

#main-wide { float:left; width:520px; margin: 0 60px 10px 0; } /* Home page content div */
#small { float:left; padding-top: 43px; width: 360px; } /* Smaller div */
#squash { float:left; width:360px; margin-right: 60px; } /* Contact div */
#wide { float:left; width: 700px; margin-right: 60px; }

.wide { float:left; width:830px; }

.case { float:left; width:175px; }

ul.bullet li { margin: 0 0 15px 25px; list-style:disc; color:#b11d3a; }
ul.number li { margin: 0 0 15px 25px; list-style:decimal; color:#b11d3a; }

#map { float:left; width:518px; height:300px; border: 1px solid #ccccce; margin-bottom:10px; } /* Google map div */
#map > DIV:first-child + DIV + DIV { display: none !important; }

.datestamp { float:left; width:70px; height: 90px; margin: 0 10px 10px 0; color:#fff; background: url(../images/blog_date.png) no-repeat #4A709F; text-align:center; }
.month { display:block; margin:12px auto 0 auto; font-size: 16px; font-weight:bold; }
.day { display:block; margin: 28px auto 0; font-size: 31px; }
.year { display:block; margin: 0px auto 0 auto; font-size: 16px; font-weight:bold; }

/* CASE STUDIES */
a.case_studies { float:left; width:180px; height:180px; margin:4px; }

a.arqiva_cs { background: url(../images/case_studies/arqiva.jpg) no-repeat top; }
a.arqiva_cs:hover { background: url(../images/case_studies/arqiva.jpg) no-repeat bottom; }
a.barbican_cs { background: url(../images/case_studies/barbican.jpg) no-repeat top; }
a.barbican_cs:hover { background: url(../images/case_studies/barbican.jpg) no-repeat bottom; }
a.barbican_foodhall_cs { background: url(../images/case_studies/barbican_foodhall.jpg) no-repeat top; }
a.barbican_foodhall_cs:hover { background: url(../images/case_studies/barbican_foodhall.jpg) no-repeat bottom; }
a.brand_potential_cs { background: url(../images/case_studies/brand_potential.jpg) no-repeat top; }
a.brand_potential_cs:hover { background: url(../images/case_studies/brand_potential.jpg) no-repeat bottom; }
a.compass_cs { background: url(../images/case_studies/compass.jpg) no-repeat top; }
a.compass_cs:hover { background: url(../images/case_studies/compass.jpg) no-repeat bottom; }
a.de_vere_cs { background: url(../images/case_studies/de_vere.jpg) no-repeat top; }
a.de_vere_cs:hover { background: url(../images/case_studies/de_vere.jpg) no-repeat bottom; }
a.ealing_hospital_cs { background: url(../images/case_studies/ealing_hospital.jpg) no-repeat top; }
a.ealing_hospital_cs:hover { background: url(../images/case_studies/ealing_hospital.jpg) no-repeat bottom; }
a.hlm_cs { background: url(../images/case_studies/hlm.jpg) no-repeat top; }
a.hlm_cs:hover { background: url(../images/case_studies/hlm.jpg) no-repeat bottom; }
a.microsoft_cs { background: url(../images/case_studies/microsoft.jpg) no-repeat top; }
a.microsoft_cs:hover { background: url(../images/case_studies/microsoft.jpg) no-repeat bottom; }
a.restaurant_associates_cs { background: url(../images/case_studies/restaurant_associates.jpg) no-repeat top; }
a.restaurant_associates_cs:hover { background: url(../images/case_studies/restaurant_associates.jpg) no-repeat bottom; }
a.rhodes24_cs { background: url(../images/case_studies/rhodes24.jpg) no-repeat top; }
a.rhodes24_cs:hover { background: url(../images/case_studies/rhodes24.jpg) no-repeat bottom; }
a.rhodesW1_cs { background: url(../images/case_studies/rhodesW1.jpg) no-repeat top; }
a.rhodesW1_cs:hover { background: url(../images/case_studies/rhodesW1.jpg) no-repeat bottom; }
a.roux_cs { background: url(../images/case_studies/roux.jpg) no-repeat top; }
a.roux_cs:hover { background: url(../images/case_studies/roux.jpg) no-repeat bottom; }
a.scotiabank_cs { background: url(../images/case_studies/scotiabank.jpg) no-repeat top; }
a.scotiabank_cs:hover { background: url(../images/case_studies/scotiabank.jpg) no-repeat bottom; }
a.spring_health_chelmsford_cs { background: url(../images/case_studies/spring_health_chelmsford.jpg) no-repeat top; }
a.spring_health_chelmsford_cs:hover { background: url(../images/case_studies/spring_health_chelmsford.jpg) no-repeat bottom; }
a.spring_health_hampstead_cs { background: url(../images/case_studies/spring_health_hampstead.jpg) no-repeat top; }
a.spring_health_hampstead_cs:hover { background: url(../images/case_studies/spring_health_hampstead.jpg) no-repeat bottom; }
a.surface_cs { background: url(../images/case_studies/surface.jpg) no-repeat top; }
a.surface_cs:hover { background: url(../images/case_studies/surface.jpg) no-repeat bottom; }


/* FOOTER */
#footer_container {width:100%; height:242px; background: url(../images/footer_bg.jpg) repeat-x; clear: both; z-index: 10; margin-top: -242px;}
#footer	{ margin: 0 auto; width: 940px; padding: 0 10px; height:242px; position: relative;}

#left_footer { float:left; width:500px; }

#accreditations { float:left; margin-top:10px; height:75px; }
a.accreditations { float:left; height:75px; }
a.safecontractor { background:url(../images/accreditations/safe_contractor.png) no-repeat; width:68px; }
a.chas { background:url(../images/accreditations/chas.png) no-repeat; width:95px; }
a.exor { background:url(../images/accreditations/exor.png) no-repeat; width:76px; }
a.constructionline { background:url(../images/accreditations/constructionline.png) no-repeat; width:72px; }

ul.submenu { float:left; width: 200px; margin: 20px 20px 0 0; } /* Footer sub menu */
ul.submenu li { list-style:none; display:block; }

.quote { float:right; width: 360px; height: 97px; padding-top:30px; } /* Quote div */
.quotegrey { background: url(../images/quote.jpg) no-repeat; margin-top:50px; } /* Quote div */
.quotewhite  { background: url(../images/quote2.jpg) no-repeat; margin-bottom:10px; } /* Quote div */

#social { float:right; width:100px; }
a.social { float:left; width:32px; height:32px; }
a.facebook { background: url(../images/social/facebook.png) no-repeat; }
a.twitter { background: url(../images/social/twitter.png) no-repeat; }
a.linkedin { background: url(../images/social/linkedin.png) no-repeat; }

#copyright { position:absolute; bottom: 5px; left:10px; }

#by { position:absolute; bottom:5px; right:10px; }

/* CLEAR */
.clear{ clear:both; }

/* SLIDESHOW */
.pics { float:left; width: 940px; height: 305px; background:#fff; position:relative; z-index:970; } 
 
.pics img { position: absolute;	width: 940px; z-index:1; } 

/* FORMS */
form { width:100%; margin-top: 20px; }

label { font-size:14px; font-weight:bold; text-align:right; color:#b11d3a; width:120px; float:left; margin: 12px 10px 0 0; }

input[type="text"] { width:400px; height: 32px; margin-bottom:20px; padding-left: 12px; font-size: 18px; color: #5E5D62; border: 1px solid #ccc; -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); }

input[type="file"] { width:300px; height: 32px; margin-bottom:20px; padding-left: 12px; font-size: 18px; color: #5E5D62; }

input[type="submit"] { cursor:pointer; font-size: 16px; font-weight:bold; text-align:center; padding:3px; color:#383838; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.4); border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

textarea { width:400px; height:100px; margin-bottom:20px; padding: 5px 0 0 12px; font-size:18px; font-family:inherit; color:#5E5D62; border: 1px solid #ccc; -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); }

/* FLIP */
.sponsorListHolder{
	float:left;
	margin-bottom:20px;
}

.sponsor{
	width:180px;
	height:180px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url(../images/flip/background.jpg) no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img {
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:15px 10px 20px 20px;
	text-align:left;
}

.case_study_wide { float:left; width:370px; height:180px; margin:4px; border:1px solid #ddd; }

.case_study_text { float:left; width:367px; height:180px; margin:4px 0 4px 4px; }