@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0 0 10px 0;
font-family: helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
color: #666;
}

.highlight{
color: #f49e2a;
}

.bold{
font-weight: bold;
}

.clear{
clear: both;
}

p{
margin: 0;
padding: 0 0 10px 0;
}

p.sub{
color: #3f3d42;
font-style: italic;
font-weight: bold;
}

p a, ul li a{
color: #f49e2a;
}

p a:hover, ul li a:hover{
color: #504e54;
}

.ol-list{
background: #f4f4f4;
padding: 15px 0 15px 20px;
margin-right: 20px;
}

ol{
padding: 0 46px 0 14px;
margin: 0;
}

ol li{
padding: 0 10px 6px 0;
border-bottom: 1px dashed #ccc;
margin-bottom: 6px;
}

#container{
width: 960px;
padding: 0 7px;
background: url(images/bg.jpg) repeat-y;
margin: auto;
}

#top{
height: 88px;
border-bottom: 1px solid #dbdbdb;
}

#logo{
padding: 28px 0 0 48px;
float: left;
}

#top-right{
width: 700px;
float: right;
}

#email-me{
float: right;
padding: 0 40px 0 0;
}

#menu{
padding: 10px 0 0 0;
height: 20px;
}

#menu ul{
list-style: none;
padding: 0 50px 0 0;
margin: 0;
float: right;
font-size: 16px;
line-height: normal;
font-weight: bold;
color: #f49e2a;
}

#menu ul li{
display: inline;
padding: 0 0 0 26px;
}

#menu ul li a{
font-size: 13px;
line-height: normal;
font-weight: bold;
color: #504e54;
text-decoration: none;
}

#menu ul li a:hover{
color: #f49e2a;
text-decoration: underline;
}

#menu ul li#active a{
color: #f49e2a;
}

#words{
background: url(images/words-bg.jpg) no-repeat;
height: 222px;
border-bottom: 1px solid #dbdbdb;
}

#slide-holder{
margin: auto;
width: 520px;
}

#home-col1{
margin: 42px 0 50px 0;
width: 490px;
padding: 0 0 0 48px;
float: left;
}

#home-col2{
width: 392px;
float: right;
margin: 42px 0 0 0;
border-left: 2px solid #dbdbdb;
padding: 0 0 0 20px;
}

.home-txt-col{
width: 225px;
padding: 0 20px 0 0;
float: left;
}

.home-txt-col h1, .home-txt-col h2, #home-latest1 h3, #home-latest2 h4{
padding-bottom: 20px;
}

#home-latest1{
width: 150px;
padding: 0 10px 0 0;
float: left;

}

#home-latest2{
width: 210px;
float: right;
padding: 0 0 0 0;
}

#home-latest2 p{
padding-left: 10px;
}

h1, h2, h3, h4{
color: #3d3c3f;
font-size: 15px;
padding: 0;
margin: 0;
}

#content{
padding: 45px 45px 45px 105px;
}

#work-top{
padding: 45px 45px 0 105px;
height: 250px;
}

#advert-top{
padding: 45px 45px 0 105px;
height: 350px;
}

#work-top-left{
width: 440px;
float: left;
}

#work-top-left ul{
padding: 0 0 0 10px;
margin: 0;
}

#work-top-left ul li ul{
padding: 0 0 0 15px;
}

#work-bottom{
border-top: 1px solid #dbdbdb;
height: 222px;
background: url(images/work-bg.jpg) repeat-x;
}

#work-spread{
float: left;
height: 222px;
width: 630px;
}

#work-quote{
padding: 40px 25px 0 0;
width: 280px;
float: right;
color: #3d3c3f;
font-size: 17px;
line-height: 21px;
font-weight: bold;
}

p.work-quote{
color: #3d3c3f;
font-size: 17px;
line-height: 21px;
font-weight: bold;
}

#work-quote p{
color: #f49e2a;
font-size: 12px;
padding: 4px 0 0 0;
}

h1.title-space{
padding-bottom: 30px;
}

p.intro{
font-size: 16px;
line-height: 20px;
padding-bottom: 40px;
}

.work-row{
border-bottom: 1px solid #dbdbdb;
padding: 14px 0 25px 0;
float: left;
width: 100%;
margin-bottom: 25px;
}

.work-item-left{
width: 182px;
float: left;
padding-right: 26px;
}

.work-item-right{
width: 182px;
float: right;
}

.work-inner{
padding: 0 0 0 50px;
}

p.work-item-title{
font-weight: bold;
font-style: italic;
padding-bottom: 4px;
}

p.work-item-title a{
color: #3f3d42;
}

p.work-item-title a:hover{
color: #f49e2a;
}

p.portfolio-btn{
font-size: 12px;
font-weight: bold;
color: #f49e2a;
}

p.portfolio-btn a{
color: #3d3c3f;
}

p.portfolio-btn a:hover{
color: #f49e2a;
}

#icon-CGS{
background: url(images/icon-CGS.jpg) no-repeat;
}

#icon-haines{
background: url(images/icon-haines.jpg) no-repeat;
}

#icon-hubbard{
background: url(images/icon-hubbard.jpg) no-repeat;
}

#icon-hamlin{
background: url(images/icon-hamlin.jpg) no-repeat;
}

#icon-davidlaws{
background: url(images/icon-davidlaws.jpg) no-repeat;
}

#icon-wlp{
background: url(images/icon-WLP.jpg) no-repeat;
}

#icon-mcmullens{
background: url(images/icon-mcmullens.jpg) no-repeat;
}

#icon-sugarbeet{
background: url(images/icon-sugarbeet.jpg) no-repeat;
}

#icon-camarchitects{
background: url(images/icon-camarchitects.jpg) no-repeat;
}

#icon-honeycomb{
background: url(images/icon-honeycomb.jpg) no-repeat;
}

#icon-buxom{
background: url(images/icon-buxom.jpg) no-repeat;
}

#icon-agronomy{
background: url(images/icon-agronomy.jpg) no-repeat;
}

#icon-gt-clapper{
background: url(images/icon-gt-clapper.jpg) no-repeat;
}

#icon-haines-ad{
background: url(images/icon-haines-ad.jpg) no-repeat;
}

#icon-cozens{
background: url(images/icon-cozens.jpg) no-repeat;
}

.screen-hubbard{
background: url(images/screen-hubbard.jpg) no-repeat 85% 100%;
}
.screen-hamlin{
background: url(images/screen-hamlin.jpg) no-repeat 85% 100%;
}

.screen-davidlaws{
background: url(images/screen-davidlaws.jpg) no-repeat 85% 100%;
}

.screen-haines{
background: url(images/screen-haines.jpg) no-repeat 85% 100%;
}

.screen-camarchitects{
background: url(images/screen-camarchitects.jpg) no-repeat 85% 100%;
}

.screen-honeycomb{
background: url(images/screen-honeycomb.jpg) no-repeat 85% 100%;
}

.wlp-cover{
background: url(images/wlp-cover.jpg) no-repeat 90% 50%;
}

.wlp-spread{
background: url(images/wlp-spread.png) no-repeat 40% 20%;
}

.soup-book{
background: url(images/soup-book.jpg) no-repeat 90% 50%;
}

.soup-book-spread{
background: url(images/soup-book-spread.png) no-repeat 40% 20%;
}

.sugarbeet-cover{
background: url(images/sugarbeet-cover.jpg) no-repeat 90% 50%;
}

.sugarbeet-spread{
background: url(images/sugarbeet-spread.png) no-repeat 40% 45%;
}

.mcmullens-cover{
background: url(images/mcmullens-cover.jpg) no-repeat 90% 50%;
}

.mcmullens-spread{
background: url(images/mcmullens-spread.png) no-repeat 40% 55%;
}

.buxom-spread{
background: url(images/buxom-spread.jpg) no-repeat 92% 40%;
}

.cozens-ad{
background: url(images/cozens-ad.jpg) no-repeat 86% 40%;
}

.haines-ad{
background: url(images/haines-ad.jpg) no-repeat 86% 40%;
}

.gt-clapper{
background: url(images/gt-clapper.jpg) no-repeat 83% 65%;
}

.agronomy-ads{
background: url(images/agronomy-ads.jpg) no-repeat 90% 40%;
}

.gt-tv{
background: url(images/gt-tv.png) no-repeat 70% bottom;
}

.web-copy{
background: url(images/screen-hubbard.jpg) no-repeat 90% 15%;
}

.b2b-copy{
background: url(images/screen-davidlaws.jpg) no-repeat 90% 15%;
}

.advert-copy{
background: url(images/buxom-spread.jpg) no-repeat 90% 20%;
}


.work-screen{
width: 305px;
height: 204px;
padding: 18px 0 0 130px;
float: left;
}

.work-screen-right{
width: 305px;
height: 204px;
padding: 18px 130px 0 0;
float: right;
}

#footer{
border-top: 1px solid #dbdbdb;
padding: 10px 0 10px 48px;
clear: both;
}

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

#footer a:hover{
color: #f49e2a;
text-decoration: underline;
}

#bottom{
background: url(images/bottom.jpg) no-repeat;
height: 16px;
margin: auto;
width: 974px;
}