/*
------BODY
*/

body {background:url('../img/page_bg.jpg') top center repeat-x; background-attachment: fixed; color:#000; font:normal 1em "Helvetica Neue", "Helvetica", "Lucida Grande", arial, sans-serif; margin:0; padding:0;}

/*
------LINKS
*/

a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}

a:link img, a:visited img, a:hover img, a:active img {border: 0;}

/*
------PAGE WRAP
*/

div#page {margin: 0 auto; width: 960px;}

/*
------HEADER
*/

div#header {background:#000 url('../img/nav_bar.gif') top left no-repeat; height:62px; width:960px;}

a.headerhome {float:left; background:#999 url('../img/logo.gif') top left no-repeat; display:block; height:60px; margin: 0 0 0 24px; text-indent:-9000em; width:94px;}

a.headerhome:hover {background:#999 url('../img/logo.gif') bottom left no-repeat;}

div#nav {float:left; height:60px; margin:0; padding:0; width:744px;}

div#nav ul {display:block; height:60px; margin:0; text-indent:-9000em;}

div#nav ul li a{margin:0 5px;}

div#nav ul li.home a{float:left; background:transparent url('../img/home_nav.gif') top left no-repeat; width:67px; height:60px;}

div#nav ul li.home a:hover {float:left; background:transparent url('../img/home_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.web a{float:left; background:transparent url('../img/web_nav.gif') top left no-repeat; width:50px; height:60px;}

div#nav ul li.web a:hover {float:left; background:transparent url('../img/web_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.print a{float:left; background:transparent url('../img/print_nav.gif') top left no-repeat; width:68px; height:60px;}

div#nav ul li.print a:hover {float:left; background:transparent url('../img/print_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.blog a{float:left; background:transparent url('../img/blog_nav.gif') top left no-repeat; width:64px; height:60px;}

div#nav ul li.blog a:hover {float:left; background:transparent url('../img/blog_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.home a.current{float:left; background:transparent url('../img/home_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.web a.current{float:left; background:transparent url('../img/web_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.print a.current{float:left; background:transparent url('../img/print_nav.gif') bottom left no-repeat; cursor:pointer;}

div#nav ul li.blog a.current{float:left; background:transparent url('../img/blog_nav.gif') bottom left no-repeat; cursor:pointer;}

/*
------MAIN CONTENT
*/

div#content {float:left; margin:0; width:960px;}

div#will_design_for_food{float:left; background:transparent url('../img/willdesignforfood.jpg') top left no-repeat; width:960px; height:118px;}

div#home_jump{float:left; background:transparent url('../img/home_jump.gif') top left no-repeat; width:960px; height:44px;}

div#web_jump{float:left; background:transparent url('../img/web_jump.gif') top left no-repeat; width:960px; height:44px;}

div#print_jump{float:left; background:transparent url('../img/print_jump.gif') top left no-repeat; width:960px; height:44px;}

div#home_jump h2{padding:6px 0 0 30px; width:400px;}

div#web_jump h2{padding:6px 0 0 30px; width:400px;}

div#print_jump h2{padding:6px 0 0 30px; width:400px;}

div#section{float:left; margin:185px 0 0 30px; width:350px;}

div#email a{float:right; display:block; margin:1px 10px 0 0; width:255px; height:43px; background:transparent url('../img/email.gif') top left no-repeat; text-indent:-9000em;}

div#email a:hover{background:transparent url('../img/email.gif') bottom left no-repeat; cursor:pointer;}

div#email_inside a{float:right; display:block; margin:1px 10px 0 0; width:255px; height:43px; background:transparent url('../img/email.gif') top left no-repeat; text-indent:-9000em;}

div#email_inside a:hover{background:transparent url('../img/email.gif') bottom left no-repeat; cursor:pointer;}

div#home_wrap, div#content_web{float:left; background:#fff url('../img/soft_blue_fade_bg.gif') top left no-repeat; width:960px;}

div.featured_home{float:left; margin:0 0 40px 0;}

div.gutter {margin:23px 30px 30px 30px;}

div.gutter_sidebar {margin:0 0 30px 25px;}

div#home_left{float:left; width:521px;}

div#home_left a img{border:3px solid #474747;}

div#home_left a:hover img{border:3px solid #e29221;}

div#home_left h4{text-align:right; margin-bottom:1em; padding:1px 5px 4px 0; font-style:italic; color:#999; font-size:0.7em; font-weight:normal; letter-spacing:.1em; border-bottom:1px solid #dedede;}

div#home_left p{color:#666; line-height:1.2em; font-size:0.8em;}

a.view_site{float:left; display:block; padding:5px 15px 5px 0; width:118px; height:15px; text-indent:-9000em; background:transparent url('../img/view_site.gif') bottom left no-repeat; text-indent:-9000em;}

a.view_site:hover{background:transparent url('../img/view_site.gif') top left no-repeat;}

a.more_info{float:left; display:block; padding:5px 15px 5px 0; width:118px; height:15px; text-indent:-9000em; background:transparent url('../img/more_info.gif') bottom left no-repeat; text-indent:-9000em;}

a.more_info:hover{background:transparent url('../img/more_info.gif') top left no-repeat;}

div#home_right{float:right; width:353px; border-left:1px dotted #95bdcd;}

div#home_right h4{color:#666; line-height:1.4em; font-size:0.9em; margin:0 0 .6em 0; font-weight:bold;}

div#home_right p{color:#666; line-height:1.4em; font-size:0.8em; margin:0 0 .8em 0; letter-spacing:.05em;}

div#home_right a{text-decoration:none; color:#e29221; border-bottom:1px dotted #e29221;}

div#home_right a:hover{color:#fff; background-color:#e29221;}

div#home_right h3{border-bottom:3px solid #95bdcd; margin-bottom:.6em;}

a.more{text-transform:uppercase; text-align:right; float:right;}

div#about_me, div#blog_preview, div#twitter_preview, div#elsewhere{float:left; margin:0 0 10px 0;}

ul#sm_links{list-style-type:none; float:left; display:inline;}

ul#sm_links li.twitter{float:left; background:transparent url('../img/twitter_icon.gif') top left no-repeat; font-size:0.9em; padding:0 20px 4px 0;}

ul#sm_links li.facebook{float:left; background:transparent url('../img/facebook_icon.gif') top left no-repeat; font-size:0.9em; padding:0 20px 4px 0;}

ul#sm_links li.linkedin{float:left; background:transparent url('../img/linkedin_icon.gif') top left no-repeat; font-size:0.9em; padding:0 20px 4px 0;}

ul#sm_links li.twitter a, ul#sm_links li.facebook a, ul#sm_links li.linkedin a{padding:5px 5px 5px 20px; text-decoration:none;}


/*
------TWITTER JSON
*/

div#twitter{font-size:0.8em; line-height:1.4em; color:#666;}

ul#twitter_update_list li{float:left; display:inline; margin:0 0 10px 0;}

div#home_right h4.twitter_follow{margin-bottom:.8em;}


/*
-----------------------------------------------------------------------------SCROLLER
*/

#slider {width: 920px; margin: 0 auto;  font-size:0.8em; background:transparent url('../img/nav_top.png') bottom left no-repeat;}

.scroll {height: 400px; width: 920px; overflow: auto; position: relative; clear: left;}

.scrollContainer div.panel {height: 400px; width: 920px;}

.scrollButtons {position: absolute; top: 76em; cursor: pointer;}

.scrollButtons.left {left: -20px;}

.scrollButtons.right {right: -20px;}

div#slider_nav{float:left; display:inline; margin:20px 0;}

div#slider_nav ul.navigation {list-style: none; padding: 5px 0; text-align:center; border-bottom:1px solid #e29221;}

div#slider_nav ul.navigation li {display: inline;}

div#slider_nav ul.navigation a {text-decoration:none; color:#e29221; padding: 5px 10px; background-color:#fff; }

div#slider_nav ul.navigation a:hover {color:#fff; background-color:#e29221;}

div#slider_nav ul.navigation a.selected {color:#fff; background-color:#e29221;}

div#slider_nav ul.navigation a:focus {outline: none;}

div.panel a img{float:right; margin:0 20px 25px 25px; border:3px solid #474747;}

div.panel a:hover img{border:3px solid #474747;}

div.panel a.no_roll img{border:3px solid #474747;}

div.panel a.no_roll:hover img{border:3px solid #e29221;}

div.panel p{color:#666; line-height:1.4em; margin:0 0 .8em 0; letter-spacing:.05em;}

div.panel p.services{ margin:0 0 .4em 0; font-weight:bold; }

div.panel ul{color:#666; line-height:1.4em; margin:0 0 1.5em 0; letter-spacing:.05em;}



/*
------FOOTER
*/

div#footer { float:left; background:#999 url('../img/footer.gif') top left no-repeat; height:40px; width:960px; border-top:1px solid #2c2c2c;}

div#footer p {font-size:0.7em; color:#666; line-height:1.6em; padding:1em 30px 0 30px; text-align:left;}

div#footer p a{color:#888; border-bottom:1px dotted #888;}

div#footer p a:hover{color:#888; border-bottom:0;}

div#footer p span{float:right; text-align:right;}

/* 
------MISC
*/

br.clear {clear:both; height:1px;}