/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #ffffff;}

body {font-family: Georgia, "Times New Roman", Serif; font-size: 12px; line-height: 22px; color: #4d4d4f;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 10px 0;}

a {color: #69828b;}
a:hover {color: #000;}

:focus {outline: 0;}

h2 {margin: 0 0 10px 0; font-size: 12px;}

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

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

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

ul#nav {margin: 0; padding: 0; list-style-type: none;}
ul#nav li {padding: 0 0 5px 0;}
ul#nav li img {display: block;}

ul.brushes {margin: 0; padding: 5px 0 10px 0; list-style-type: none;}
ul.brushes li {display: inline;}

ul.slideNav {display: inline; margin: 0; padding: 0 !important; list-style-type: none;}
ul.slideNav li {display: inline; padding: 0 5px;}
ul.slideNav li.on a {color: #000;}

/**
 * Layout
 */
#master {width: 960px; margin: auto;}

#header {position: relative; height: 152px; background: url(../images/bg-header.jpg) no-repeat;}
#header .logo {position: absolute; top: 70px; left: 277px;}
#header .tagline {position: absolute; top: 130px; left: 222px;}
#header .phone {position: absolute; top: 22px; right: 20px;}

#page {min-height: 620px; padding: 0 0 52px 0; background: url(../images/bg-footer.gif) no-repeat left bottom;}

#body {padding: 20px 0;}

#sidebar {float: left; width: 152px; padding: 0 25px 0 15px;}

#content {float: left; width: 615px;}
#content div.column {float: left; width: 300px;}
#content ul {margin: 0 0 10px 0; padding: 0 0 0 20px;}
#content ul li ul {margin: 0; padding: 0 0 0 40px;}

#rightSidebar {float: right; width: 300px; padding: 0 15px 0 0; text-align: center;}
#rightSidebar .box {padding: 5px; border: solid 1px #231f20;}
#rightSidebar .box .title {display: block; padding: 3px 0 10px 85px;}
#rightSidebar .box .photos {position: relative; height: 298px;}
#rightSidebar .box .photos div {position: absolute; top: 0; left: 0; display: block; height: 298px;}

#portfolio {margin: 10px 0 0 0; position: relative; height: 477px;}
#portfolio div {position: absolute;}

/**
 * Layout Variations
 */
body.home #content {width: 430px;}

body.contact div.column {width: 185px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}