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

Typography CSS for www.acclaim.co.uk

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

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

/* Standard
--------------------------------------------------------------------------------*/

p,
address {
font-size: 1.3em;
font-weight: normal;
font-style: normal;
color: #333;
margin: 0 0 0.75em 0;
padding: 0;
}

blockquote {
margin: 0;
padding: 0;
}

p a:link, p a:visited,
li a:link, li a:visited,
address a:link, address a:visited,
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited {
color: #f00a81;
font-weight: bold;
text-decoration: none;
}

p a:hover, p a:active,
li a:hover, li a:active,
address a:hover, address a:active,
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
color: #333;
font-weight: bold;
text-decoration: none;
}

h1 {
font-size: 1.3em;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
}

h2 {
font-size: 2.1em;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
}

h3 {
font-size: 1.6em;
font-weight: normal;
color: #333;
margin: 0;
padding: 0;
}

h4 {
font-size: 1.3em;
font-weight: normal;
color: #333;
margin: 0;
padding: 0;
}

h5 {
font-size: 1.3em;
font-weight: bold;
color: #f00a81;
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
font-size: 1.3em;
font-weight: normal;
color: #333;
margin: 0;
padding: 0;
}

/* Layout specific - Global
--------------------------------------------------------------------------------*/

#navigation h1 a {
background:  url("../images/acclaim.gif") no-repeat;
width: 122px; /* Modification */
height: 37px;
padding: 0;
margin: 0 0 23px 0;
display: block;
text-indent: -9999px;
z-index: 10;
}

#navigation li {
line-height: 1.3em;
width: 111px; /* Modification */
height: 35px;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
border-left: solid 1px #c5c5c5;
display: block;
float: left;
}

#navigation li a:link, #navigation li a:visited,
#footer p a:link, #footer p a:visited {
color: #999;
font-weight: bold;
text-decoration: none;
}

#navigation li a:hover, #navigation li a:active,
#footer p a:hover, #footer p a:active {
color: #f00a81;
font-weight: bold;
text-decoration: none;
}

#navigation li a.selected {
color: #f00a81 !important;
font-weight: bold;
text-decoration: none;
}

blockquote p {
color: #f00a81;
font-weight: bold;
font-style: italic;
}

.mainimagecaption p {
color: #f00a81;
font-weight: bold;
}

.mainimagecaption h2 {
color: #fff;
font-weight: bold;
}

.singlecolumn h4,
.doublecolumn h4,
.tricolumn h4,
.quadcolumn h4 {
border-bottom: solid 1px #e2e2e2;
margin: 0 0 10px 0;
padding: 5px 0 10px 0;
}

#footer p {
font-size: 1.1em;
line-height: 1.6em;
font-weight: normal;
color: #999;
margin: 0;
padding: 0;
}

p a.arrowpink {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
}

p a.arrowgrey {
background: url(../images/arrowgrey.gif) no-repeat right 5px;
padding: 0 12px 0 0;
}

p a.arrowpink.external:link, p a.arrowpink.external:visited,
p a.arrowgrey.external:link,p a.arrowgrey.external:visited,
p a.arrowpink.next:link, p a.arrowpink.next:visited,
p a.arrowgrey.next:link,p a.arrowgrey.next:visited {
color: #333;
}

p a.arrowpink.external:hover, p a.arrowpink.external:active,
p a.arrowgrey.external:hover,p a.arrowgrey.external:active,
p a.arrowpink.next:hover, p a.arrowpink.next:active,
p a.arrowgrey.next:hover,p a.arrowgrey.next:active {
color: #f00a81;
}

p.thumb {
background: #333 url(../images/thumbbackground.gif) repeat-x bottom;
width: 219px; /* Modification */
padding: 5px 10px;
margin: 0;
display: block;
}

p.thumb a:link, p.thumb a:visited {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #fff;
display: inline;
text-decoration: none;
}

p.thumb a:hover, p.thumb a:active {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
display: inline;
text-decoration: none;
}

p.followtwitter {
background: url(../images/twitter.gif) no-repeat left;
padding: 5px 0 5px 25px !important;
margin: 0 0 0 10px;
border-bottom: solid 1px #e2e2e2;
}

p.followflickr {
background: url(../images/flickr.gif) no-repeat left;
padding: 5px 0 5px 25px !important;
margin: 0 0 0 10px;
}

p.followrss {
background: url(../images/rss.gif) no-repeat left;
padding: 5px 0 5px 25px !important;
margin: 0 0 0 10px;
border-top: solid 1px #e2e2e2;
}

p.followtwitter a:link, p.followtwitter a:visited,
p.followflickr a:link, p.followflickr a:visited,
p.followrss a:link, p.followrss a:visited {
background: url(../images/arrowgrey.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #333;
display: inline;
text-decoration: none;
}

p.followtwitter a:hover, p.followtwitter a:active,
p.followflickr a:hover, p.followflickr a:active,
p.followrss a:hover, p.followrss a:active {
background: url(../images/arrowgrey.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
display: inline;
text-decoration: none;
}

ul.subnavigation {
margin: 0;
padding: 0;
}

ul.subnavigation li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

ul.subnavigation a {
background: url(../images/subnavigation.gif) no-repeat 0 0;
padding: 8px 0 0 0;
margin: 5px 5px 0 0;
overflow: hidden;
float: left;
width: 8px;
height: 0 !important;
height /**/: 8px;
}

ul.subnavigation a:hover {
background-position: 0px -8px;
}

ul.subnavigation a.selected {
background-position: 0px -8px;
}

ul.subnavigation li.next a {
background: url(../images/arrowgrey.gif) no-repeat right 5px;
width: auto !important;
height: auto !important;
overflow: visible;
float: left;
padding: 0 12px 0 10px;
margin: 0 0 0 5px;
border-left: solid 1px #dad4d2;
}

.casestudythumbcaption p {
font-size: 1.4em;
color: #fff;
}

.casestudythumbcaption p strong{
color: #f00a81;
}

/* .casestudythumbcaption p:before {
content: "“";
font-weight: bold;
color: #f00a81;
}

.casestudythumbcaption p:after {
content: "”";
font-weight: bold;
color: #f00a81;
} */

/* Layout specific - Homepage & Contact
--------------------------------------------------------------------------------*/

.twitter h4 {
padding: 5px 0 10px 10px;
}

.twitter p {
padding: 0 0 0 10px;
}

.contact h4 {
padding: 5px 10px 10px 0;
}

.contact p,
.contact address {
padding: 0 10px 0 0;
}

.singlecolumn.map p.thumb {
margin: 0 0 10px 0;
}

/* Layout specific - Our Approach & What We Do
--------------------------------------------------------------------------------*/

#approach h2,
#approach h3,
#whatwedo h2,
#whatwedo h3 {
margin: 0 0 0.75em 0;
}

.evaluation h4 {
background: url(../images/evaluationicon.gif) no-repeat 0px 5px;
padding: 5px 0 10px 23px;
}

.multidiscipline h4 {
background: url(../images/multidisciplineicon.gif) no-repeat 0px 5px;
padding: 5px 0 10px 23px;
}

.abc h4 {
background: url(../images/abcicon.gif) no-repeat 0 0;
padding: 5px 0 10px 28px;
}

.evaluation p {
padding: 0 10px 0 0;
}

ul.disciplines li {
background: url(../images/bullet.gif) no-repeat left 5px;
padding: 0 0 0 10px;
}

ul.disciplines a:link, ul.disciplines a:visited {
background: url(../images/arrowbrown.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #333;
}

ul.disciplines a:hover, ul.disciplines a:active {
background: url(../images/arrowbrown.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
}

ul.disciplines a.selected {
background: url(../images/arrowbrown.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
}

#discipline_number {
font-size: 3.2em;
color: #fff;
}

#discipline_title {
font-size: 2.1em;
font-weight: bold;
color: #333;
}

/* Layout specific - Work
--------------------------------------------------------------------------------*/

h2.ourwork {
width: 488px; /* Modification */
padding: 30px 0;
}


ul.breadcrumb li {
font-weight: bold;
margin: 0 2px 0 0;
display: inline;
}

ul.breadcrumb li a:link, ul.breadcrumb li a:visited {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #333;
}

ul.breadcrumb li a:hover, ul.breadcrumb li a:active {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
}

.nextcasestudy p {
margin: 25px 0 0 0;
}

#project_details_panel h4 {
background: url(../images/disciplinetop.gif) no-repeat 0 0;
padding: 13px 10px 10px 35px;
}

#project_details_panel h4 a:link, #project_details_panel h4 a:visited {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #ccc;
}

#project_details_panel h4 a:hover, #project_details_panel h4 a:active {
background: url(../images/arrowpink.gif) no-repeat right 5px;
padding: 0 12px 0 0;
color: #f00a81;
}

#disciplines_menu ul li {
background: url(../images/bulletoffblack.gif) no-repeat left 5px;
padding: 0 0 0 12px;
color: #999;
font-weight: bold;
}

#disciplines_menu ul li a:link, #disciplines_menu ul li a:visited {
/*background: url(../images/bulletonblack.gif) no-repeat left 4px;*/
padding: 0 0 0 12px;
margin: 0 0 0 -12px;
color: #fff;
}

#disciplines_menu ul li a:hover, #disciplines_menu ul li a:active {
/*background: url(../images/bulletonblack.gif) no-repeat left 4px;*/
padding: 0 0 0 12px;
margin: 0 0 0 -12px;
color: #f00a81;
}

#disciplines_menu ul li a.selected {
/*background: url(../images/bulletonblack.gif) no-repeat left 4px;*/
padding: 0 0 0 12px;
margin: 0 0 0 -12px;
color: #f00a81;
}

#discipline_details h5,
#discipline_details p,
#discipline_details ul li {
color: #fff;
}

#discipline_details ul li {
background: url(../images/bulletonblack.gif) no-repeat left 4px;
padding: 0 0 0 12px;
margin: 0 0 0.75em 0;
}


/* Miscellaneous
--------------------------------------------------------------------------------*/

a {
outline: none;
-moz-outline-style: none;
}