/* ---------------------------------------------------
ERSKINE MAIN SITE - Simon Collison ( www.erskinedesign.com )
----------------------------------------------------- */

body {
margin:0px 0;
padding:0 10px;
font:normal 70%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
color:#444;
background:#FFF url(http://www.erskinecorp.com/images/site/backtilefull.gif) repeat-x;
text-align:center
}

.playscroll {
width:550px;height:106px;background:url(http://www.erskinecorp.com/images/site/playscroll.gif) no-repeat;
}

.ie {display:none}

/* only IE mac will see this */
*>html .ie {display:block;margin:10px;background:#FFFFCC url(http://www.erskinecorp.com/images/site/iemessage.gif) no-repeat;border:1px solid #CCC;width:700px;height:70px;}


/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */

h1,h2,h3,h4,h5 {color:#888}

h1 {
float:left;
width:40%;
height:148px;
margin:17px -5px 0 0;
padding-bottom:0;
background:url(http://www.erskinecorp.com/images/site/bird.gif) no-repeat;
text-indent:-9999px
}

#about h1 {
background:url(http://www.erskinecorp.com/images/site/bird_ali.gif) no-repeat
}

#news h1 {
background:url(http://www.erskinecorp.com/images/site/bird_worm.gif) no-repeat
}

#case_studies h1 {
background:url(http://www.erskinecorp.com/images/site/bird_twig.gif) no-repeat
}

#blog_index h1,#blogs h1 {
background:url(http://www.erskinecorp.com/images/site/bird_sing.gif) no-repeat
}

#contact h1 {
background:url(http://www.erskinecorp.com/images/site/bird_talk.gif) no-repeat
}

h2 {font-size:150%}

#content_main h2 {margin-bottom:26px}

#content_supp h2 {
font-size:140%;
margin:25px 40px 0 0
}

h2 a:link,h2 a:visited {
color:#888;
text-decoration:none
}

h3 {
margin-bottom:0;
font-size:120%;
line-height:150%
}

#content_main h3 {font-size:130%}

#content_supp h3 {margin-right:40px}

h4 {
margin-bottom:0;
font-size:120%
}

h5 {
margin-bottom:0;
font-size:110%
}

/* ---------------------------------------------------
LINKS (Specific styles grouped with relevant selectors)
----------------------------------------------------- */

a:link {
color:#7A172C;
outline:0
}

a:visited {color:#8F0023}

a:hover {
color:#000;
outline:0
}

a:active {outline:0}

/* ---------------------------------------------------
MAIN NAV
----------------------------------------------------- */

ul#nav {
float:left;
width:60%;
margin:22px 0 0;
padding:0;
font-weight:700;
font-size:110%
}

ul#nav li {
display:inline;
margin-right:13px;
margin-left:0;
padding-bottom:5px;
padding-left:0
}

ul#nav li a:hover {
padding-bottom:5px;
background:url(http://www.erskinecorp.com/images/site/line_nav.gif) bottom left repeat-x
}

/* Highlighting the current page */
#home a.home,#about a.about,#news a.news,#case_studies a.case_studies,#blog_index a.blogs,#blogs a.blogs,#contact a.contact {
color:#333;
padding-bottom:5px;
background:url(http://www.erskinecorp.com/images/site/line_nav.gif) bottom left repeat-x
}

/* ---------------------------------------------------
OTHER LISTS
----------------------------------------------------- */

#content_main li {margin-bottom:6px}

#content_supp ul {
list-style-type:none;
font-size:115%;
margin:26px 40px 0 0;
padding:0
}

#content_sub ul {
list-style-type:none;
margin:12px 0 10px;
padding:0
}

#content_supp ul li ul,#content_sub ul li ul {
font-size:100%;
margin:0;
padding:0
}

.rss {
padding-left:16px;
background:url(http://www.erskinecorp.com/images/site/rss12.gif) no-repeat
}

.rssinfo {margin-top:20px}

.rssicon {
float:left;
margin:6px 5px 0 0
}

#footer ul {
padding-left:0;
font-size:11px;
margin:0
}

#footer li {
display:inline;
margin-left:0;
padding-left:0;
padding-right:10px
}

/* ---------------------------------------------------
LAYOUT
----------------------------------------------------- */

#container {
min-width:780px;
max-width:980px;
text-align:left;
margin:0 auto;
padding:0
}

#masthead {
clear:both;
padding-right:20px;
margin-bottom:30px;
}

#masthead .rule,#masthead .spacer {
clear:both;
height:6px;
margin:0 -20px 0 0
}

#content_full {
clear:both;
margin-top:10px;
padding:0 20px
}

#content_main {
float:left;
width:60%;
margin-top:10px;
margin-bottom:10px;
padding:0 20px 0 0
}

#content_supp {
float:left;
width:30%;
margin:0 25px 10px 0;
padding:0 0 0 20px
}

.content_third_case {
clear:both;
float:left;
width:30%;
overflow:hidden;
margin:0 35px 30px 0
}

.content_third {
float:left;
width:30%;
margin:0 35px 30px 0
}

.content_third_blog {
float:left;
width:30%;
margin:0 0 30px
}

#content_sub {
clear:both;
background:url(http://www.erskinecorp.com/images/site/line.gif) repeat-x;
margin:20px -20px 0;
padding:20px 20px 0
}

#footer {
clear:both;
margin-top:0;
background:#FFF url(http://www.erskinecorp.com/images/site/birdline.gif) top right repeat-x;
padding:55px 20px 20px
}

#footer img {
margin:10px 5px 5px 0
}

.comment {
font-size:10px;
color:#999;
background:url(http://www.erskinecorp.com/images/site/comment.gif) no-repeat;
padding:4px 15px 10px 14px
}

img {border:0}

.content_third img,.content_third_blog img {
float:right;
border:0px solid #9EA7A9;
margin:5px 0 5px 5px
}

.float {
clear:both;
float:right;
border:0px solid #9EA7A9;
height:60px;
margin:5px 0 5px 5px;
padding:0
}

/* ---------------------------------------------------
PARAGRAPHS AND ASSOC LINKS
----------------------------------------------------- */

#masthead p {
float:left;
width:60%;
margin-left:-5%;
font-size:160%;
line-height:160%;
color:#9EA7A9;
background:transparent;
padding:30px 20px 0 0
}

/* only IE mac will see this */
*>html #masthead p {display:none}

.content_third p,.content_third_blog p {
margin:2px 0 3px
}

#content_supp p {
margin:3px 40px 3px 0
}

#content_sub p {margin-bottom:8px}

.intro {
margin-right:20px;
padding-top:5px;
font-weight:700;
font-size:110%;
line-height:170%
}

.posted {
clear:both;
font-size:11px;
margin-top:0;
margin-bottom:10px;
padding-bottom:15px;
color:#999
}

.posted a:link,.posted a:visited {color:#999}

.tools a.print:link,.tools a.print:visited {
padding-left:12px;
background:url(http://www.erskinecorp.com/images/site/document.gif) no-repeat
}

.tools a.friend:link,.tools a.friend:visited {
margin-left:10px;
padding-left:15px;
background:url(http://www.erskinecorp.com/images/site/envelope.gif) no-repeat
}

a.profile:link,a.profile:visited {
padding-left:11px;
background:url(http://www.erskinecorp.com/images/site/figure.gif) no-repeat
}

a.bloglink:link,a.bloglink:visited {
padding-left:11px;
background:url(http://www.erskinecorp.com/images/site/document.gif) no-repeat
}

a.download:link,a.download:visited {
margin-left:8px;
padding-left:12px;
background:url(http://www.erskinecorp.com/images/site/download.gif) no-repeat
}

#home blockquote p {
margin:0;
padding:0 10px
}

.credit {
clear:left;
float:left;
width:30%;
border-top:1px solid #EEE;
border-left:1px solid #DDD;
font-size:90%;
color:#999;
margin:0 28px 20px 0;
padding:0
}

#content_main .credit {
clear:none;
float:none;
width:70%;
color:#999;
font-size:110%;
border:0;
margin:10px 28px 20px 0;
padding:0 0 0 50px
}

.credit a:link,.credit a:visited {
display:block;
text-decoration:none;
font-weight:700;
background:#FFF url(http://www.erskinecorp.com/images/site/vcardbackoff.gif) bottom right repeat-x;
padding:5px 10px
}

.credit a:hover {
display:block;
background:#FFF url(http://www.erskinecorp.com/images/site/vcardbackcurl.gif) bottom right repeat-x;
padding:5px 10px
}

.content_third_case p {
margin:0 0 10px
}

.content_third_case p a:link,.content_third_case p a:visited {
display:block;
width:auto;
text-decoration:none;
font-weight:700;
border-left:1px solid #EEE;
background:#FFF url(http://www.erskinecorp.com/images/site/vcardbackoff.gif) bottom right repeat-x;
font-size:90%;
margin:-5px 0 15px;
padding:5px 15px 5px 10px
}

.content_third_case p a:hover {
display:block;
width:auto;
text-decoration:none;
font-weight:700;
border-left:1px solid #EEE;
background:#FFF url(http://www.erskinecorp.com/images/site/vcardbackcurl.gif) bottom right repeat-x;
font-size:90%;
margin:-5px 0 15px;
padding:5px 15px 5px 10px
}

/* -------------------------------------------------
MISCELLANEOUS
--------------------------------------------------*/

blockquote {
width:70%;
font-size:120%;
font-style:italic;
color:#666;
background:url(http://www.erskinecorp.com/images/site/quote.gif) top left no-repeat;
margin:10px 0 0;
padding:0 0 0 50px
}

#home blockquote {
float:left;
width:30%;
background:url(http://www.erskinecorp.com/images/site/quotebox.gif) bottom right repeat-y;
border-left:1px solid #DDD;
font-size:100%;
font-style:italic;
color:#777;
margin:-10px 28px 0 0;
padding:8px 0 7px
}

abbr,acronym {
border-bottom:1px dotted #CCC;
cursor:help
}

/* -------------------------------------------------
FORMS
--------------------------------------------------*/

#container #content_main form {
float:left;
margin-top:0;
margin-left:0;
width:70%;
border:0;
background:url(http://www.erskinecorp.com/no.gif);
padding:0
}

#container form {
float:left;
display:inline;
width:28%;
border-top:1px solid #EEE;
border-left:1px solid #DDD;
background:transparent url(http://www.erskinecorp.com/images/site/vcardbackoff.gif) bottom right no-repeat;
margin:15px 35px 3px 20px;
padding:0
}

#container fieldset {
border:0;
margin:0;
padding:2px 4px 5px
}

#container fieldset input#keywords {width:65%}

#container #content_main fieldset,#submitbox {
border-top:1px solid #d5d4d4;
border-left:0;
margin:15px 15px 1em 0;
padding:1em
}

#container #content_main fieldset {
background:#f3f3f2 url(http://www.erskinecorp.com/images/site/vcardbackoff.gif) bottom right no-repeat
}

#submitbox {
background:#f3f3f2 url(http://www.erskinecorp.com/images/site/vcardbackcurl.gif) bottom right no-repeat
}

#container #content_main fieldset:hover,#submitbox:hover {
background-color:#EEE;
border-top:1px solid #dcd1d2
}

#submitbox p {margin:0}

#container #content_main label {margin-bottom:.5em}

#container #content_main label,#container #content_main label span {
display:block;
font-weight:700
}

input {
border:1px solid #CCC;
padding:3px
}

#container #content_main fieldset input,textarea {
background:#fff;
border:3px double #CCC;
padding:3px
}

#name,#email,#url,#comment,#from,#to,#subject,#message,#req_name,#std_house,#std_road,#std_address,#std_town,#std_county,#req_postcode,#std_phone,#std_mobile,#std_fax,#req_email,#std_im,#std_skype,#req_reply {width:95%}

#container #content_main fieldset input:hover,#container #content_main textarea:hover {border-color:#CCC}

#container #content_main fieldset input:active,#container #content_main textarea:active,#container #content_main fieldset input:focus,textarea:focus {
color:#000;
border-color:#333
}

input.submit {
border:0;
margin-bottom:-5px !important;
background:transparent;
color:#333;
font-size:10px
}

fieldset div.fm-optional label:before {content:""}

/* -------------------------------------------------
TABLES
--------------------------------------------------*/

table {border-collapse:collapse}

th {
text-align:left;
font-weight:700
}

td {
padding:12px 10px 13px 0
}

td.resultRowOne {
background:url(http://www.erskinecorp.com/images/site/line_feint.gif) top left repeat-x
}

td.resultRowTwo {
background:url(http://www.erskinecorp.com/images/site/line_feint.gif) top right repeat-x
}

/* -------------------------------------------------
DEFINITION LISTS
--------------------------------------------------*/

dl {
margin-right:40px;
margin-top:20px
}

dt {
font-weight:700;
float:left;
font-size:90%;
padding:2px 8px 7px 0
}

dd {
font-size:100%;
padding:2px 0 7px
}

/* --------------------------------------------------------
MICROFORMATS Cards used all over the place, hence numerous rules
---------------------------------------------------------- */
#contact .vcard {
float:left;
width:44%;
background:url(http://www.erskinecorp.com/images/site/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:0 10px 10px 0;
padding:15px 10px 0
}

#case_studies #leader .vcard {
width:45%;
background:url(http://www.erskinecorp.com/images/site/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:13px 10px 20px 0;
padding:15px 10px 0
}

#content_supp .vcard {
float:none;
background:url(http://www.erskinecorp.com/images/site/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
font-size:10px;
margin:15px 40px 10px 0;
padding:15px 10px 0
}

#blog_index #content_supp .vcard {
background:url(http://www.erskinecorp.com/images/site/.gif) top right no-repeat;
border-left:0 solid #DDD;
margin:5px 40px 5px 0;
padding:5px 10px 5px 0
}

#about #content_main .vcard {
float:right;
width:45%;
background:url(http://www.erskinecorp.com/images/site/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:15px 0 10px 10px;
padding:15px 10px 0
}

.vcard p {
clear:both;
border-top:1px solid #EEE;
background:#FFF url(http://www.erskinecorp.com/images/site/vcardbackoff.gif) bottom right no-repeat;
margin:5px -10px 0;
padding:4px 5px 6px 70px
}

#content_supp .vcard p {
margin:5px -10px 0;
padding:4px 5px 6px 70px
}

.vcard img.photo {
float:left;
border:1px solid #EEE;
margin:4px 10px 5px 0
}

#blog_index .vcard img.photo {
width:25px;
height:25px
}

/* hcard items in Contact page */
.vcard .role,.vcard .adr,.vcard .tel,.vcard .photo,.vcard .email {
display:block;
margin-left:60px;
border-bottom:1px solid #EEE;
padding:3px 0
}

.vcard .fn,.vcard .honorific-suffix {
display:inline;
padding:3px 0
}

#blog_index .vcard .role {
margin-left:30px;
border-bottom:0
}

#nav .hidden,fieldset div.fm-optional,#blog_index #content_supp .vcard p,.vcard .adr,.vcard .url,.vcard .org,#content_supp .vcard .adr,#content_supp .vcard .honorific-suffix,#blog_index .email,#blog_index .tel,#about .vcard a.profile:link,#about .vcard a.profile:visited,#blogs .vcard a.bloglink:link,#blogs .vcard a.bloglink:visited {display:none}

h3 a:link,h3 a:visited,ul#nav li a:link,ul#nav li a:visited,#footer a:link,#footer a:visited,.intro a:link,.intro a:visited,.tools a:link,.tools a:visited,dd a:link,dd a:visited,.vcard a.email:link,.vcard a.email:visited,.vcard p a:link,.vcard p a:visited {text-decoration:none}

#content_supp ul li,#content_sub ul li,#content_supp ul li ul li,#content_sub ul li ul li,.tools {
margin:0;
padding:0
}

#content_supp ul li a:link,#content_supp ul li a:visited,#content_sub ul li a:link,#content_sub ul li a:visited,#content_supp ul li a:hover,#content_sub ul li a:hover {
display:block;
margin-top:5px;
background:url(http://www.erskinecorp.com/images/site/lb.gif) top left no-repeat;
text-decoration:none;
font-weight:700;
padding:0 10px 0 18px
}

#content_supp ul li ul li a:link,#content_supp ul li ul li a:visited,#content_supp ul li ul li a:hover {
display:block;
margin-top:5px;
background:url(http://www.erskinecorp.com/images/site/lb2.gif) top left no-repeat;
text-decoration:none;
font-weight:700;
padding:0 10px 0 33px
}

#content_supp ul.rssli li a:link,#content_supp ul.rssli li a:visited,#content_supp ul.rssli li a:hover {
background:url(http://www.erskinecorp.com/images/site/rss14.gif) top left no-repeat
}

.commbox,.commboxalt {margin-top:10px}

#home .posted,#about .posted,#case_studies .posted,#news .posted,#blog_index .posted,#blogs .posted,#contact .tools {
padding-bottom:20px;
background:url(http://www.erskinecorp.com/images/site/line_feint.gif) bottom left repeat-x
}

#contact a.bloglink:link,#contact a.bloglink:visited,.content_third .bloglink,.content_third_blog .bloglink {margin-left:8px}

.clear,.spacer {clear:both}

#container #content_main legend,.vcard .fn {font-weight:700}