/* RESET ===================================================================================== */

html, body {font-size:100%}
html,body,h1,h2,h3,h4,h5,form,fieldset,ul,li {margin:0; padding:0}
h1,h2,h3,h4,h5, strong {font-weight:normal}
:focus, :active {outline:0}
blockquote {font-style:italic}
a img, fieldset {border:0}
button, #submit {cursor:pointer}
fieldset, input, textarea, pre {font-family:inherit}

/* BASIC FORMS =============================================================================== */

legend {display:none}
label {display:block; margin:0 0 5px 0}
input, textarea {width:100%; border:1px dotted #999; background:#fff; padding:3px}
input:focus, textarea:focus {border:1px solid #666}
#submit {display:inline; padding:5px; margin:5px 0 0 0; color:#fff; background:#060; border:0}
#submit:focus {background:#090}

/* BASIC COLOURS ============================================================================= */

h1, h2, h3, h4, h5 {color:#233d21}
strong, em {color:#adbe3a;}
span, p, ul, li {color:#333}
a:link {color:#333}
a:visited {color:#666} /* the same as a:link! */
a:hover {color:#333}
a:active {color:#fff; background:#333}

#header a:active {background:#fff}

/* 960 GRID ============================================================================= */

.container_12,.container_16{margin-left:auto;margin-right:auto;max-width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}

/* @FONT-FACE ============================================================================= */

@font-face {
font-family: 'Museo300';
src: url('museo300-regular-webfont.eot');
src: local('?'), url('museo300-regular-webfont.woff') format('woff'), url('museo300-regular-webfont.ttf') format('truetype'), url('museo300-regular-webfont.svg#webfontAkRg91Zh') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Museo500';
src: url('museo500-regular-webfont.eot');
src: local('?'), url('museo500-regular-webfont.woff') format('woff'), url('museo500-regular-webfont.ttf') format('truetype'), url('museo500-regular-webfont.svg#webfontwDTbQ0GH') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MuseoSans500';
src: url('museosans_500-webfont.eot');
src: local('?'), url('museosans_500-webfont.woff') format('woff'), url('museosans_500-webfont.ttf') format('truetype'), url('museosans_500-webfont.svg#webfontvGdpCJrb') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MuseoSans500Italic';
src: url('museosans_500_italic-webfont.eot');
src: local('?'), url('museosans_500_italic-webfont.woff') format('woff'), url('museosans_500_italic-webfont.ttf') format('truetype'), url('museosans_500_italic-webfont.svg#webfont60cXmec4') format('svg');
font-weight: normal;
font-style: normal;
}

/* BASIC COLOURS AND TEXT ============================================================================= */

a span {
display:block;
height:0;
overflow:hidden;
}

body {
font-family: MuseoSans500, 'trebuchet ms', trebuchet, sans-serif;
font-size:100%;
color:#333;
}

h1, h2, h3, h4, h5 {
font-family:Museo300, 'trebuchet ms', trebuchet, sans-serif;
margin:20px 0 0 0;
}

p {
margin:0 0 10px 0;
}

h1 em, h2 em, h3 em, h4 em, h5 em {
font-family:Museo500, 'trebuchet ms', trebuchet, sans-serif;
font-style:normal;
}

strong {
font-family:Museo500, 'trebuchet ms', trebuchet, sans-serif;
}

h1 {
font-size:200%;
text-align:right;
width:670px;
position:absolute;
bottom:30px;
right:0;
}

p {
line-height:140%;
}

/* STRUCTURE ============================================================================= */

#header {
border-bottom:2px solid #adbe3a;
padding:10px 0 30px 0;
position:relative;
}

#logo {
float:left;
}

#footer {
font-family:Museo500, 'trebuchet ms', trebuchet, sans-serif;
clear:both;
font-size:80%;
padding:15px 0;
border-top:2px solid #adbe3a;
}

#footer p, #footer p a {
color:#666;
}

#footer p a:active {
color:#fff;
}

#content-area {
}

#left-column, #right-column {
min-height:100px;
padding:30px 0;
}

#work ul {
list-style:none;
}

#work ul li img {
width:140px;
display:block;
}

#work ul li span {
font-family:Museo300, 'trebuchet ms', trebuchet, sans-serif;
font-size:80%;
display:block;
padding:5px 0 10px 0;
}

a#facebook-work {
display:block;
height:80px;
background:transparent url(../images/work_on_facebook.gif) no-repeat left top;
border-bottom:2px solid #adbe3a;
margin:40px 0 15px 0;
}

a#facebook-work:hover {
border-color:#233d21;
}

a#download-pdf {
display:block;
height:80px;
background:transparent url(../images/download_PDF.jpg) no-repeat left top;
border-bottom:2px solid #adbe3a;
margin:40px 0 12px 0;
}

a#download-pdf:hover {
border-color:#233d21;
}


a#icon-facebook, a#icon-in, a#icon-twitter, a#icon-pdf {
display:block;
width:29px;
height:29px;
float:left;
background:transparent url(../images/icon_facebook.gif) no-repeat left top;
}

a#icon-facebook {
margin:0 25px 0 0;
}

a#icon-in {
background-image:url(../images/icon_in.gif);
}

a#icon-twitter {
background-image:url(../images/icon_twitter.gif);
float:right;
}

a#icon-pdf {
background-image:url(../images/PDF-graphic.jpg);
background-position:top center;
width:140px;
height:32px;

}

#membership {
padding-top:120px;
}

#membership p {
font-family:Museo300, 'trebuchet ms', trebuchet, sans-serif;
font-size:80%;
color:#666;
}

#membership p img {
float:left;
}

#contact {
color:#fff;
padding:20px;
background:#adbe3a url(../images/contact_star.gif) no-repeat right top;
margin:0 0 20px 0;
}

#contact p {
color:#fff;
margin:0;
}

#contact p strong {
display:block;
color:#fff;
font-weight:bold;
font-size:18px;
padding:5px 0;
font-family: MuseoSans500, 'trebuchet ms', trebuchet, sans-serif;
text-indent:23px;
background:transparent url(../images/tel.gif) no-repeat left center;
}

#contact p strong#email {
background:transparent url(../images/e.gif) no-repeat left center;
}

#contact p strong a {
color:#fff;
text-decoration:none;
}

#contact p strong a:hover {
text-decoration:underline;
}

#clients {
border:1px solid #afafb3;
}

#clients h3 {
font-family: MuseoSans500, 'trebuchet ms', trebuchet, sans-serif;
text-indent:5px;
background:#afafb3;
color:#fff;
height:25px;
line-height:25px;
font-size:90%;
margin:0;
}

#clients-inner {
padding:10px;
}

#clients-inner a {
float:left;
padding:0 0 5px 0;
}

#clients-inner a img {
display:block;
}

@media all and (max-width: 500px) {

.grid_12, .grid_8, .grid_4, .grid_2 {
width:100% !important;
margin:0 0 10px 0 !important;
text-align:center;
float:none !important;
display:block !important;
}

.container_12 {
padding:0 10px;
}

img#logo {
position:static;
display:block;
width:200px;
height:auto;
margin:0 auto;
float:none;
padding:0 0 0 40px;
}

#header a {
display:block;
text-align:center;
}

h1 {
width:100%;
position:static;
font-size:140%;
text-align:center;
}

.prefix_4 {
padding:0 !important;
}

img {
margin:0 auto;
}

#contact {
text-align:left !important;
overflow:hidden;
}

a#facebook-work {
background-position:center top;
margin:20px 0 5px 0 !important;
}

div#links {
width:140px !important;
margin:20px auto;
clear:both;
}

div#pdf {
width:140px !important;
margin:20px auto;
clear:both;
}

a#download-pdf {
background-position:center top;
margin:20px 0 5px 0 !important;
}

div#membership {
clear:both;
width:140px !important;
margin:0px auto !important;
padding:20px 0 0 0 !important;
}


li.grid_2 {
width:130px !important;
float:left !important;
margin:0 10px 0 0 !important;
}

li.grid_2 img {
width:130px !important;
height:auto;
}

.grid_4 {
padding:10px 0 !important;
}

}