html, body {background-color: #666;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 11px; line-height: 15px; color: #838967;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px; margin-bottom: 0px;}

a {color: #95afbe;}
a:hover {color: #000;}

/* General */
.clearBoth {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.noMarginBefore {margin-top: 0px;}
.noMarginAfter {margin-bottom: 0px;}

.hidden {display: none;}

img.heading {display: block; margin-bottom: 20px;}

p.indent {text-indent: 20px;}

/* Lists */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

#master {width: 800px; margin: auto;}

#pageWrapper {background: #fff url(../images/beige.gif) repeat-x;}

#page {background: url(../images/blue.gif) repeat-y;}

#bodyWrapper {background: url(../images/blue.gif) repeat-x left bottom;}

#body {background: url(../images/beige.gif) repeat-y right top; width: 701px; padding: 40px 41px 0px 58px;}

#contentWrapper {background: url(../images/left-line.gif) repeat-y; min-height: 498px;}

#contentLeft {float: left;}

#copy {padding: 0px 0px 0px 10px;}

#spacer {height: 50px; background: #fff url(../images/top-line.gif) no-repeat 0px 48px;}

#logo {padding: 6px 0px 0px 10px;}

#content {width: 701px;}

#nav {float: left; width: 203px; padding: 100px 0px 0px 10px; margin-right: 60px;}
#nav ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 1px; line-height: 1px;}
#nav ul li {height: 26px; border-top: solid 1px #6f6567;}
#nav ul li.lastItem {height: 27px; border-bottom: solid 1px #6f6567;}

#subnav {float: left; width: 90px;}
#subnav ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 1px; line-height: 1px;}
#subnav ul li {height: 10px; padding: 0px 0px 8px 0px;}

#title {float: left; width: 132px; padding: 45px 0px 35px 0px;}
#title img {display: block;}

#sidebar {float: right;}
#sidebar img {display: block;}

#footer {height: 43px; line-height: 43px; padding: 0px 0px 0px 10px; font-size: 10px; color: #666;}

.hack {background: url(../images/hack.gif) no-repeat left bottom;}

.contentDefault {width: 454px;}
.contentWide {width: 701px;}

.sidebarDefault {width: 241px;}
.sidebarCorner {width: 241px;}
.sidebarPortfolio, .sidebarPortfolioReverse {width: 357px; height: 518px; background: #dedbb9 url(../images/portfolio-sidebar-bg.gif) no-repeat right top;}
.sidebarPortfolioReverse {background: #dedbb9 url(../images/portfolio-sidebar-bg-reverse.gif) no-repeat left bottom;}

/**
 * Home page
 */
body.home #copy {width: 370px; padding-top: 20px;}

body.home .contentDefault {width: 414px;}

body.home .sidebarDefault {width: 280px;}

/**
 * Contact page
 */
.sidebarContact {width: 226px; height: 503px; font-size: 12px; color: #6e6567; background-color: #eae6ca; padding: 15px 0px 0px 15px;}
.sidebarContact p {margin-bottom: 20px;}
.sidebarContact label {font-size: 8.5px; text-transform: uppercase;}
.sidebarContact label.radio {font-size: 12px; text-transform: none;}
.sidebarContact textarea {width: 165px;}
.sidebarContact input.textbox, select {width: 165px;}
.sidebarContact table.form td {padding: 0px 0px 2px 0px;}
.sidebarContact table.form tr.radio td {padding-bottom: 10px;}
.sidebarContact table.form tr.radio td label {display: block; width: 170px;}
.sidebarContact table.form td.label {text-align: right; padding-right: 10px;}
.sidebarContact table.form td.radio {text-align: right; padding-right: 10px;}

/**
 * About page
 */
body.about #copy {padding-right: 10px;}

/**
 * Media page
 */
body.media .contentDefault {width: 100%;}

body.media #title {width: 172px;}

body.media #copy {float: left; width: 220px; padding: 85px 0 0 10px;}
body.media #copy p {margin-bottom: 15px;}

/**
 * Portfolio
 */
body.portfolio #nav {margin-right: 13px;}

body.portfolio #subnav {padding: 164px 0px 0px 0px;}

body.portfolio #contentLeft {width: 338px;}

#portfolioLanding {position: relative; top: 210px; left: 78px; color: #707854;}
#portfolioLanding p {width: 210px;}

#thumbnav {padding: 10px 0px 0px 10px;}

div.thumbnails .item {float: left; width: 44px; height: 44px; background: url(../images/thumb-bg.gif) no-repeat;}