/*--------------------------------------------------------------------------------

CSS for www.acclaim.co.uk

Version: 1.0
Author: Marcus Taylor
e-Mail: enquiries@taylorthomas.co.uk
Website: http://www.taylorthomas.co.uk

--------------------------------------------------------------------------------*/

body {
background: #fff url(../images/background.gif) repeat-x top;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 62.5%;
line-height: 1.33;
margin: 0;
padding: 0;
}

img {
display: block;
margin: 0;
padding: 0;
border: none;
}

/* Page - Global
--------------------------------------------------------------------------------*/

.wrapper {
width: 976px; /* Modification */
margin: 0 auto;
}

#header,
#main,
#supporting,
#footer {
clear: both;
}

#header {
padding: 10px 0;
}

#footer {
padding: 20px 0 0 0;
}

#footer .copyright{
float:left;
width:485px;
padding:48px 0;
clear:both;
}

#footer .sponsor{
float:right;
width:485px;
text-align: right;
}

#footer .sponsor img{
float:right;
padding:4px 0;
margin:0;
border: none;
}

#main.full {
background: #f4f2f1;
border-top: solid 1px #e6e4e4;
border-bottom: solid 1px #e6e4e4;
}

.mainimage {
width: 976px; /* Modification */
height: 410px;
position: relative;
}

.mainimagecaption {
background: url(../images/mainimagecaptionbackground.png) repeat top;
width: 444px; /* Modification */
padding: 15px 30px 15px 15px;
position: absolute;
display: inline;
top: 40px;
}

.supportingcontent {
background: url(../images/supportingcontentbackground.gif) no-repeat bottom;
padding: 10px 0;
border-bottom: solid 1px #dcdcdc;
display: inline-block;
}

.supportingcontent.none {
background: none;
border-bottom: none;
}

.singlecolumn {
width: 244px; /* Modification */
float: left;
}

.doublecolumn {
width: 488px; /* Modification */
float: left;
}

.tricolumn {
width: 732px; /* Modification */
float: left;
}

.quadcolumn {
width: 976px; /* Modification */
float: left;
}

.doublecolumncolumn,
.tricolumncolumn,
.quadcolumncolumn {
width: 234px; /* Modification */
padding: 0 10px 0 0;
float: left;
}

.thumb {
float: left;
}

.thumb.one,
.thumb.two,
.thumb.five,
.thumb.six {
margin: 0 7px 7px 0;
}

.thumb.three,
.thumb.seven {
margin: 0 6px 7px 0;
}

.thumb.four,
.thumb.eight {
margin: 0 0 7px 0;
}

.casestudythumb {
width: 239px; /* Modification */
height: 133px;
position: relative;
}

.casestudythumb img {
position: absolute;
top: 0;
left: 0;
border: 0;
}

.casestudythumbcaption {
position: absolute;
background: #2f0e0a;
height: 113px;
width: 219px; /* Modification */
padding: 10px;
top: 0;
left: 0;
opacity: .85;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

/* Homepage
--------------------------------------------------------------------------------*/

.tweet {
height: 105px;
}

/* Approach & What We Do
--------------------------------------------------------------------------------*/

#approach,
#whatwedo {
width: 488px; /* Modification */
padding: 40px 0 0 0;
float: left;
}

#approachillustration,
#what_we_do_flash_and_details {
width: 488px; /* Modification */
height: 408px;
float: right;
}

#what_we_do_details {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}

#what_we_do_flash_and_details {
position: relative;
}

#discipline_number {
top: 52px;
left: 126px;
position: relative;
z-index: 100;
}

#discipline_title {
top: 82px;
left: 126px;
position: relative;
}

#discipline_caption {
width: 266px; /* Modification */
top: 92px;
left: 126px;
position: relative;
}

.casestudyimg,
#acclaimplayer,
#acclaimplayer01,
#acclaimplayer02 {
margin: 0 1px 0 0;
padding: 0;
float: left;
}

#acclaimplayer .casestudyimg,
#acclaimplayer01 .casestudyimg,
#acclaimplayer02 .casestudyimg {
margin-right:0;
}

/* Work
--------------------------------------------------------------------------------*/

.breakdown {
background: #ede9e8;
padding: 10px 0;
}

.audience,
.result {
width: 253px; /* Modification */
padding: 0 40px 0 10px;
float: left;
}

.message {
width: 318px; /* Modification */
min-height: 70px;
height: auto !important;
height: 70px;
padding: 0 40px 0 10px;
border-left: solid 1px #c5c5c5;
border-right: solid 1px #c5c5c5;
float: left;
}

#casestudythumbs {
border-bottom: solid 1px #dcdcdc;
padding: 5px 0 15px 0;
}

.casestudytitle {
float: left;
margin: 0 0 10px 0;
}

.nextcasestudy {
float: right;
margin: 0 0 10px 0;
}

#casestudy {
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
padding: 15px 0;
clear: both;
}

.theaudience,
.themessage,
.theresult {
float: left;
margin: 0 0 15px 0;
}

.theaudience {
width: 224px;
padding: 0 20px 0 0;
}

.themessage {
width: 468px;
padding: 0 20px 0 0;
}

.theresult {
width: 244px;
}

.theaudience,
.themessage,
.theresult {
overflow:hidden;
}

#project_details_panel {
background: #010101 url(../images/disciplinebase.gif) no-repeat bottom;
padding: 0;
clear: both;
}

#project_details_panel_content {
background: url(../images/disciplinebasemid.gif) no-repeat top right;
border-top: solid 1px #2d2d2d;
padding: 15px;
}

#disciplines_menu {
width: 229px; /* Modification */
float: left;
}

#discipline_details {
width: 460px;
float: left;
}

/* Our people
--------------------------------------------------------------------------------*/

.keypersonnel {
border-top: solid 1px #dcdcdc;
padding: 10px 0 0 0;
clear: both;
}

.personnelimg {
width: 244px; /* Modification */
float: left;
}

.personnelimg img {
margin: 0 15px 0 0;
float: right;
}

.personnelbio {
width: 234px; /* Modification */
padding: 0 10px 0 0;
float: left;
}

/* Scroller
--------------------------------------------------------------------------------*/

.scrollcontent {
width: 976px; /* Modification */
overflow: hidden;
}

.scrollbar {
clear: both;
}

.keypersonnel .scrollcontent {
padding: 0;
margin: 30px 0 0 0;
float: left;
}

.keypersonnel .scrollbar {
border-top: solid 1px #dcdcdc;
}

/* Clears
--------------------------------------------------------------------------------*/

#project_details_panel:after,
#main:after,
#casestudy:after,
#project_details_panel_content:after,
#casestudythumbs:after,
.supportingcontent:after,
.breakdown:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
#project_details_panel,
#main,
#casestudy,
#project_details_panel_content,
#casestudythumbs,
.supportingcontent,
.breakdown {display:inline-block;}
/* Hide from IE \*/
#project_details_panel,
#main,
#casestudy,
#project_details_panel_content,
#casestudythumbs,
.supportingcontent,
.breakdown {display:block;}
/* End hide from IE */