/*** Colours 
Dark blue = #201C50
Light blue = #686689
Green = #175C2F
***/
/*** General HTML Control ***/
body {
margin: 0;
padding: 0;
color: #4D4D4D;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

.black {
color: #000;
}

.blue {
color: #201C50;
}

.green {
color: #006f51;
}

blockquote {
margin: 10px 0;
padding: 0 0 0 45px;
color: #175C2F;
background-color: transparent;
background-image: url(../images/quotes.gif);
background-position: top left;
background-repeat: no-repeat;
}

hr {
height: 5px;
color: #333;
}

img {
border: 0;
}

img.middle {
margin: 10px 0;
padding: 5px;
border: 1px solid #ccc;
}

/***  Wrapper ***/
#wrapper {
margin: 0 auto;
padding:  0;
width: 760px;
background-color: #fff;
}

/*** Banner ***/
#banner {
margin: 0;
padding: 0;
}

img.logo {
margin: 0;
padding: 0;
float: right;
border: 0;
}

#banner h1 {
margin: 85px 0 15px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 195%;
line-height: 125%;
color: #fff;
background-color: transparent;
font-weight: normal;
letter-spacing: 0.5px;
}

/*** Topper section ***/
#topper {
margin: 0;
padding: 0;
width: 485px;
background-color: transparent;
}

/*** Main ***/
#main {
margin: 130px 0 0 0;
padding: 0;
position: relative;
}

/*** Content ***/
#content {
margin: 0 0 0 180px;
padding: 0;
width: 305px;
}

#content h1 {
margin: 0 0 25px 0;
padding: 0;
font-family: Georgia, Serif;
font-size: 185%;
color: #201C50;
background-color: transparent;
font-weight: normal
}
#content h1 span {
color: #999;
}
#content h2 {
margin: 15px 0 7px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 125%;
color: #000;
background-color: transparent;
line-height: 1.35em;
font-weight: bold;
}
#content h2 a {
color: #000;
text-decoration: none;
}
#content h2 a:hover, #content h2 a:active {
color: #000;
text-decoration: underline;
}
#content h2 a span {
margin: 0 5px 0 0;
color: #999;
background-color: transparent;
font-family: arial, helvetica, sans serif;
font-weight: normal;
}
#content h3 {
margin: 0 0 25px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #000;
background-color: transparent;
line-height: 1.15em;
font-weight: normal;
}
#content h3.article {
margin: 25px 0 0 0;
padding: 0;
font-family: Arial, Helvectica, sans serif;
font-size: 120%;
color: #000;
background-color: transparent;
line-height: 100%;
font-weight: bold;
}
#content h4 {
margin: 5px 0 0 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #000;
background-color: transparent;
line-height: 1.0em;
}
#content h4.client {
margin: 0 0 10px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
color: #175C2F;
background-color: transparent;
line-height: 1.15em;
}

#content ol li {
margin: 0 0 8px 0;
}

#content p.intro {
margin: 0 0 25px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #000;
background-color: transparent;
line-height: 1.15em;
font-weight: normal;
}
#content p.legal {
margin: 20px 0 0 0;
padding: 0;
font-size: 90%;
color: #808080;
background-color: transparent;
}
#content p {
line-height: 1.4em;
}
#content p a {
color: #175C2F;
}
#content strong {
color: #000;
}
#content ul {
margin: 8px 0 25px 0;
padding: 0;
}
#content ul.post {
margin: 8px 0 25px 15px;
padding: 0;
line-height: 1.4em;
}  
#content ul.post li {
margin: 0 0 3px 0;
}
/*** Client lists ***/
.clientlist a {
color: #175C2F;
}

.clientlist ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.clientlist ul li {
margin: 0 0 15px 0;
padding: 0;
}
ul.clients {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.clients li {
margin: 0 0 5px 0;
padding: 0;
}
/*** News headlines on the home page ***/
#news-headlines {
margin: 50px 0 0 0;
padding: 0;
}

#news-headlines h2 {
margin: 0 0 15px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #000;
background-color: transparent;
line-height: 100%;
font-weight: normal;
}
#news-headlines ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#news-headlines ul li {
margin: 0 0 8px 0;
padding: 0;
}
#news-headlines ul li a:link, #news-headlines ul li a:visited {
text-decoration: none;
font-size: 115%;
}
#news-headlines ul li a:hover, #news-headlines ul li a:active {
text-decoration: underline;
font-size: 115%;
}
#content p.news-connect {
margin: 20px 0 0 -185px;
padding: 0;
font-size: 90%;
float: left;
}
#content p.news-connect a:link, #content p.news-connect a:visited {
margin: 0;
padding: 3px 5px;
color: #fff;
background-color: #175c2f;
text-decoration: none;
display: block;
}
#content p.news-connect a:hover, #content p.news-connect a:active {
color: #999;
}
/*** RSS links section ***/
.rss {
margin: 15px 0 20px 0;
padding: 1em 0 1em 22px;
font-size: 80%;
text-transform: uppercase;
background-image: url(/images/rss-icon.gif);
background-position: left center;
background-repeat: no-repeat;
border-top: 1px solid #ccc;
}

.rss a {
color: #666;
text-decoration: none;
}

/*** Lefter ***/
#lefter {
margin: 0;
padding: 0;
width: 150px;
float: left;
position: absolute;
left: 0;
top: 0;
}
/* IE6 hack to properly place left column */
*html #lefter {
margin: 0 0 0 -180px;
padding: 0;
width: 150px;
float: left;
}

#lefter p.back-link a:link, #lefter p.back-link a:visited {
margin: 20px 0 0 0;
padding: 2px 5px;
color: #454545;
background-color: #ccc;
font-size: 90%;
text-decoration: none;
display: block;
width: 140px;
}

#lefter p.back-link a:hover, #lefter p.back-link a:active {
color: #333;
background-color: #C0C0C0;
text-decoration: none;
}

/*** Righter ***/
#righter {
margin: 0;
padding: 0;
float: right;
width: 225px;
position:absolute;
left: 536px;
top: 0;
}

/* IE6 hack to properly position right column */
*html #righter {
margin: 0;
padding: 0;
float: right;
width: 225px;
position:absolute;
left: 356px;
top: 0;
}

#righter h2 {
margin: 0 0 20px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
color: #201C50;
line-height: 100%;
font-weight: normal;
}

#righter p {
margin: 0 0 5px 0;
padding: 0;
}

/* For positioning the right column on the home page */
#righter-home {
margin: 0;
padding: 0;
float: right;
width: 225px;
position:absolute;
left: 536px;
top: 0;
}

#righter-home h2 {
margin: 20px 0 10px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #201C50;
line-height: 100%;
font-weight: normal;
}

#righter-home p {
font-size: 90%;
}

/*** For bullet points on services page ***/
ul.services {
margin: 0 0 0 20px;
padding: 0;
list-style-type: disc;
}

ul.services li {
margin: 0 0 8px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 125%;
line-height: 100%;
color: #201C50;
}

ul.services li span {
color: #686689;
background-color: transparent;
}

.testimonial {
margin: 0;
padding: 30px 0 0 0;
background-image: url(/images/quote.gif);
background-position: top left;
background-repeat: no-repeat;
}

#righter .testimonial p {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 125%;
line-height: 125%;
color: #686689;
background-color: transparent;
}

#righter .testimonial p.quoted {
margin: 15px 0 0 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background-color: transparent;
font-size: 90%;
text-align: right;
}

#righter .testimonial p.quoted a {
color: #175C2F;
}

/*** News highlight in right column on news page ***/
#big-news h3 {
margin: 0;
padding: 0 0 8px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 135%;
color: #175C2F;
background-color: transparent;
line-height: 125%;
font-weight: normal;
}

#big-news p {
color: #201C50;
background-color: transparent;
font-size: 100%;
line-height: 1.3em;
}
/*** Contact details in left column ***/
#contact-info {
margin: 40px 0 0 0;
padding: 0;
}
#contact-info p {
margin: 0 0 10px 0;
padding: 0;
color: #808080;
background-color: transparent;
font-size: 90%;
line-height: 1.4em;
}
#contact-info a:link, #contact-info a:visited {
color: #000;
text-decoration: underline;
background-color: transparent;
} 
#contact-info a:hover, #contact-info a:active {
color: #000;
text-decoration: underline;
background-color: transparent;
} 
/*** Footer ***/
#footer {
margin: 50px 0 5px 0;
padding: 0;
position: relative;
clear: both;
}
#copyright {
margin: 0;
padding: 0;
width: 150px;
}
#copyright p {
font-size: 90%;
color: #999;
background-color: transparent;
}
#copyright a:link, #copyright a:visited {
color: #666;
background-color: transparent;
}
/*** Main column blog configuration ***/
.post h4 a:link, .post h4 a:visited {
margin: 15px 0 7px 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
color: #175C2F;
background-color: transparent;
line-height: 100%;
font-weight: bold;
text-decoration: none;
}

p.date {
margin: 0;
padding: 0;
font-size: 85%;
color: #999;
background-color: transparent;
}

#content p.full {
margin: -5px 0 20px 0;
padding: 0;
line-height: 1.0em;
}

.post p {
margin: 2px 0 5px 0;
}
.post p a.read-more {
margin: 0;
padding: 0;
font-size: 90%;
}
/*** Prev-next nav for individual blog/news post ***/
#indi-post-nav {
margin: 30px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
}
#indi-post-nav p {
margin: 0;
padding: 0;
}
.prev {
margin: 0;
padding: 0;
}
.prev a:link, .prev a:visited {
font-size: 90%;
text-decoration: none;
}
.prev a:hover, .prev a:active {
font-size: 90%;
text-decoration: none;
}
.next {
margin: 0;
padding: 0;
float: right;
}
.next a:link, .next a:visited {
font-size: 90%;
text-decoration: none;
}
.next a:hover, .next a:active {
font-size: 90%;
text-decoration: underline;
}
/*** Right column blog configuration ***/
ul.blog-list {
margin: 0 0 30px 0;
padding: 0;
list-style-type: none;
}
ul.blog-list li {
margin: 0 0 8px 0;
padding: 0;
}
ul.blog-list li a:link, ul.blog-list li a:visited {
color: #175C2F;
text-decoration: none;
}
ul.blog-list li a:hover, ul.blog-list li a:active {
text-decoration: underline;
}
ul.blog-list li:before, ul.blog-list li:before {
content: "\00BB \0020";
}
/* for home page */
ul.hblog-list {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.hblog-list li {
margin: 0 0 8px 0;
padding: 0;
color: #201C50;
}
ul.hblog-list li a:link, ul.hblog-list li a:visited {
color: #999;
text-decoration: none;
}
ul.hblog-list li a:hover, ul.hblog-list li a:active {
color: #201C50;
text-decoration: underline;
}
ul.hblog-list li:before, ul.hblog-list li:before {
content: "\00BB \0020";
}
/*** Primary navigation ***/
#nav01 {
margin: 0;
padding: 0;
border-top: 1px solid #ededed;
}
#nav01 ul {
margin: 0;
padding: 0;
width: 150px;
list-style-type: none;
}
#nav01 ul li {
margin: 0;
padding: 0;
}
#nav01 ul li a:link, #nav01 ul li a:visited {
margin: 0;
padding: 5px 10px;
width: 130px;
display: block;
color: #454545;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav01 ul li a:link.focus, #nav01 ul li a:visited.focus {
margin: 0;
padding: 5px 10px;
width: 130px;
display: block;
color: #454545;
background-color: #ededed;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav01 ul li a:link.subfocus, #nav01 ul li a:visited.subfocus {
margin: 0;
padding: 5px 10px 5px 20px;
width: 120px;
display: block;
color: #454545;
background-color: #ededed;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav01 ul li a:link.subfocus01, #nav01 ul li a:visited.subfocus01 {
margin: 0;
padding: 5px 10px 5px 20px;
width: 120px;
display: block;
color: #454545;
background-color: #fff;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav01 ul li a:hover.subfocus01, #nav01 ul li a:active.subfocus01 {
margin: 0;
padding: 5px 10px 5px 20px;
width: 120px;
display: block;
color: #454545;
background-color: #f5f5f5;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav01 ul li a:hover {
margin: 0;
padding: 5px 10px;	
width: 130px;
display: block;
color: #4d4d4d;
text-decoration: none;
font-size: 90%;
background-color: #E0E0E0;
}
/*** HOME PAGE NAVIGATION ***/
#nav {
margin: 0;
padding: 0;
border-top: 1px solid #ededed;
}
#nav ul.homer {
margin: 0 12px 0 0;
padding: 0;
width: 102px;
list-style-type: none;
float: left;
}
#nav ul.homer li {
margin: 0;
padding: 0;
}
#nav ul.homer li a:link, #nav ul.homer li a:visited {

margin: 0;
padding: 5px 10px;
width: 82px;
display: block;
color: #808080;
text-decoration: none;
font-size: 90%;
border-bottom: 1px solid #ededed;
}
#nav ul.homer li a:hover, #nav ul.homer li a:active {
margin: 0;
padding: 5px 10px;	
width: 82px;
display: block;
color: #4d4d4d;
text-decoration: none;
font-size: 90%;
background-color: #E0E0E0;
}
/*** Top navigation ***/
#topnav ul {
margin: 5px 0 0 0;
padding: 0;
list-style-type: none;
}
#topnav ul li {
margin: 0;
padding: 0;
display: inline;
}
#topnav ul li a:link, #topnav ul li a:visited {
margin: 0;
padding: 0 2px 0 0.4em;
display: inline;
color: #999;
background-color: transparent;
text-decoration: none;
font-size: 90%;
}
#topnav ul li a:hover, #topnav ul li a:active {
margin: 0;
padding: 0 2px 0 0.4em;	
display: inline;
color: #175C2F;
background-color: transparent;
text-decoration: none;
font-size: 90%;
}
/*** Home page artwork navigation ***/
.porter {
margin: 0 0 20px 0;
padding: 0;
}
.porter p {
margin: 0 0 3px 0;
padding: 0;
font-size: 90%;
}
.porter p.title {
margin: 0 0 3px 0;
padding: 0;
text-transform: uppercase;
}
.porter p.title a:link, .porter p.title a:visited {
margin: 0;
padding: 0;
text-decoration: none;
color: #B7B7B7;
background-color: transparent;
}
.porter p.title a:hover, .porter p.title a:active {
margin: 0;
padding: 0;
text-decoration: none;
color: #201C50;
background-color: transparent;
}
.porter ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.porter ul li {
margin: 0 2px 0 0;
padding: 0;
display: inline;
}
.porter ul li img {
border: 1px solid #ccc;
}
/*** Recent work navigation in right column ***/
/*** Recent work navigation ***/
.porter-side {
margin: 0 0 15px 0;
padding: 0;
}
.porter-side ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.porter-side ul li {
margin: 0 1px 0 0;
padding: 0;
display: inline;
}
.porter-side ul li img {
border: 0.5px solid #ccc;
}
.porter-side p {
color: #999;
background-color: transparent;
font-weight: bold;
}
/*** Jump into portfolio navigation ***/
#jumper ul {
margin: 20px 0 0 0;
padding: 0;
width: 225px;
list-style-type: none;
}
#jumper ul li {
margin: 0;
padding: 0;
}
#jumper ul li a:link, #jumper ul li a:visited {
margin: 0;
padding: 2px 5px;
width: 215px;
display: block;
font-size: 90%;
color: #fff;
text-decoration: none;
background-color: #999;
border-bottom: 2px solid #fff;
}
#jumper ul li a:hover, #jumper ul li a:active {
margin: 0;
padding: 2px 5px;	
width: 215px;
display: block;
font-size: 90%;
color: #fff;
text-decoration: none;
background-color: #808080;
}
/*** HOME PAGE VARIANTS ***/
/*** Content ***/
#content-home {
margin: 0;
padding: 0;
width: 485px;
}
#content-home h1 {
margin: 0 0 20px 0;
padding: 3px 6px;
font-size: 125%;
color: #fff;
background-color: #000;
font-weight: normal;
}
#footer-home {
margin: 100px 0 5px 0;
padding: 0;
position: relative;
clear: both;
}
#clearone {
clear: both;
height: 1px;
}
/*** MICROFORMAT - ADDDRESS DETAILS ON HOME ***/
.vcard {
margin: 0;
padding: 0;
color: #999;
background-color: transparent;
}
.vcard p {
margin: 0 0 5px 0;
padding: 0;
font-size: 100%;
}
.vcard span {
font-size: 90%;
}
/*** BIO STUFF ***/
.bio-list {
margin: 0 0 20px 0;
}
.bio-list img {
margin: 0 10px 20px 0;
padding: 5px;
border: 1px solid #ccc;
float: left;
}
.bio-list p.bio-title {
margin: 0 0 -8px 0;
padding: 0;
font-size: 100%;
color: #999;
background-color: transparent;
}
.bio-list p.bio-link {
margin: -5px 0 0 0;
padding: 0;
font-size: 90%;
line-height: 90%;
}
img.bio-pic {
margin: auto;
padding: 5px;
border: 1px solid #ccc;
}
p.job span {
color: #999;
background-color: transparent;
}
/*** Image control for News/Blog ***/
.right01  {
margin: 0 0 10px 10px;
padding: 0;
float: right;
}
/*** office space link ***/
#righter p.office {
margin: 20px 0;
background-color: #454545;
font-size: 100%;
}
p.office a:link, p.office a:visited {
padding: 8px 5px;
display: block;
text-decoration: none;
color: #fff;
}
p.office a:hover, p.office a:active {
color: #fff;
background-color: #666;
}