/* CSS Document */
/* ------------------------------------- */

body {margin:0; padding:0; font:normal normal 14px/18px Arial, Verdana, Helvetica, sans-serif; color: #fff; background: #221c18;}

label {display:block; font:normal normal 1em/1.2em Georgia, Times, serif; color:#a7bc46;}

input, select, textarea {display:block; margin-bottom:.5em; background-color: #c0c0c0;;}

/* Text Styles */
/* ------------------------------------- */

p {margin:0 0 1em 0; padding:0; font:normal normal 1em/1.5em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
label {margin:0 0 1em 0; padding:0; font:normal normal 1em/1.25em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}

li {margin:0 0 1em 0; padding:0; font:normal normal 1em/1.2em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}

h1 {margin:0; padding:0; text-indent: -9999px;}
h1 a {position: absolute; top: 40px; left: 325px; height: 100px; width: 240px;}
h2 {margin:0; padding:15px 0; font:normal normal 1.5em/1.15em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
h3 {margin:0; padding: 0; font:italic normal 1.15em/1.25em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}

img {border:0; outline:0;}
img.left {float:left; padding: 0 25px 0 0; clear: both;}
img.right {float:right; padding: 0 0 25px 25px; clear: both;}

strong {margin: 0; padding: 0; color:#c0c0c0;}

a {text-decoration:none; color:#a7bc46; outline:0;}
a:hover {color:#fff; text-decoration:none;}

/* Main DIVs */
/* ------------------------------------- */

#container {position: relative; margin: 0 auto; width: 900px; background: url('../../images/header-bg.jpg') center top no-repeat;}

#header {height: 240px;}

#navigation {position: absolute; top: 175px; width: 100%;}
#secondary-navigation {position: absolute; padding-left: 85px; text-align: left; top: 205px;}

#content {margin: 0; padding: 0 50px;}
#content-biobox {margin: 0; padding-bottom: 10px; height: 125px; width: 400px;}
#content-biobox-left {margin: 0; padding: 0; float:left;}
#content-biobox-right {margin: 0;  padding: 0; float:right;}
#content-projects {margin: 0; padding-bottom: 10px; height: 125px; width: 400px;}
#content-projects-left {margin: 0; padding: 0; float:left;}
#content-projects-right {margin: 0;  padding: 0; float:right;}

#footer {margin: 35px 0 10px 0; text-align: center;}

/* Main Navigation */
/* ------------------------------------- */

#navigation ul {margin: 0; padding: 0; list-style: none; text-align: center;}
#navigation ul li {display: inline;}
#navigation ul li a {padding: 0 2em; font: normal normal 0.79em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.20em; color: #c0c0c0; text-decoration: none; text-transform: uppercase; border-left: .79px solid #382f28;}
#navigation ul li.first a {border: none;}
#navigation ul li a:hover {color: #fff;}
#navigation ul li a.current {color: #a7bc46; text-decoration: none;}

/* Secondary Navigation */
/* ------------------------------------- */

#secondary-navigation ul {margin: 0; padding: 0; list-style: none; text-align: center;}
#secondary-navigation ul li {display: inline;}
#secondary-navigation ul li a {padding: 0 1.5em; font: normal normal 0.79em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.20em; color: #c0c0c0; text-decoration: none; text-transform: uppercase;}
#secondary-navigation ul li.first a {border: none;}
#secondary-navigation ul li a:hover {color: #fff;}
#secondary-navigation ul li a.current {color: #a7bc46; text-decoration: none;}

/* Extra Classes */
/* ------------------------------------- */

.clear {clear: both;}
.left {float:left;}
.right {float:right;}
.img-right {float:right; padding: 0 25px 25px 0;}
.img-left {float:left; padding: 0 25px 0 0;}
.home {margin:0; padding:1em 0; font:normal normal 1.5em/1em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
.projects-right {float:right; margin:-50px 0 0 5px;}

/* Special Styles */
/* ------------------------------------- */

#home p {margin: 0; padding: 0;}

#services h3 {margin:0; padding:0.5em 0; font:italic normal 1.15em/1.25em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
#services p {margin:0 0 1em 0; padding:0; font:normal normal 1em/1.25em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
#services #content li {margin:0 0 0.5em 0; padding:0; font:normal normal 0.80em/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.15em; color:#c0c0c0;}

#content-biobox h2 {margin:0; padding: 0; font:normal normal 1em/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.20em; color:#a7bc46; text-transform: uppercase;}
#content-biobox p {margin:0; padding-top: 10px; font:normal normal 0.85em/1.2em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.10em; text-decoration: none; color:#fff; text-align: left;}
#content-biobox br {margin:0; padding: 0; font:normal normal 0.80em/0.80em Arial, Verdana, Helvetica, sans-serif;}
#content-biobox .img-left {float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-left {display: block; width: 176px; height: 125px; background: url('../../images/bio-1-roll.jpg') 0 0 no-repeat;}
#content-biobox a:hover img {display: none;}

#content-biobox a.img-beth {display: block; width: 176px; height: 125px; background: url('../../images/beth-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-karrie {display: block; width: 176px; height: 125px; background: url('../../images/karrie-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-sara {display: block; width: 176px; height: 125px; background: url('../../images/sara-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-erika {display: block; width: 176px; height: 125px; background: url('../../images/erika-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-left {display: block; width: 176px; height: 125px; background: url('../../images/bio-1-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-biobox a.img-left {display: block; width: 176px; height: 125px; background: url('../../images/bio-1-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}

#content-projects h2 {margin:0; padding: 0; font:normal normal 1em/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.20em; color:#a7bc46; text-transform: uppercase;}
#content-projects p {margin:0; padding: 0; font:normal normal 0.70em/1.0em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.10em; color:#fff; text-align: left;}
#content-projects br {margin:0; padding: 0; font:normal normal 0.70em/0.8em Arial, Verdana, Helvetica, sans-serif;}
#content-projects .img-left {float:left; padding: 0 10px 0 0; clear: both;}
#content-projects a {font:normal normal 0.70em/1.0em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.10em; color:#fff; text-align: left;}
#content-projects a:hover img {display: none;}

#content-projects a.img-kitchens {display: block; width: 176px; height: 125px; background: url('../../images/kitchen-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-projects a.img-bathrooms {display: block; width: 176px; height: 125px; background: url('../../images/bath-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-projects a.img-dining {display: block; width: 176px; height: 125px; background: url('../../images/dining-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-projects a.img-bedrooms {display: block; width: 176px; height: 125px; background: url('../../images/bedroom-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}
#content-projects a.img-living {display: block; width: 176px; height: 125px; background: url('../../images/living-roll.jpg') 0 0 no-repeat; float:left; padding: 0 10px 0 0; clear: both;}

#projects #content div.left {float: left; margin: 0; padding: 0; width: 281px;}
#projects #content div.right {float: right; width: 501px;}
#projects p {font:normal normal 0.9em/1.5em Arial, Verdana, Helvetica, sans-serif;}

#projects-inner h2 {margin:0; padding:15px 0; font:normal normal 1.15em/1.15em Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0;}
#projects-inner p {margin:0; padding-bottom: 10px; font:normal normal 0.85em/1.3em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.20em; color:#c0c0c0; text-align: left;}
#projects-inner #content div.left {float: left; margin: 0; padding: 0; width: 480px;}
#projects-inner #content div.right {float: right; width: 306px;}
#projects-inner #content div div#slideshow {overflow: hidden; text-align: center;}
/*#projects-inner #content div div#slideshow img {width: 470px;}*/
#projects-inner #content div div#caption {margin-top: 1em; font-size: .8em;}
#projects-inner #content div ul.thumbs {margin: 0; padding: 0; list-style: none;}
#projects-inner #content div ul.thumbs li {float: left;}
#projects-inner #content div ul.thumbs li a.thumb {display: block; margin-left: 10px; padding: 2px; height: 65px; width: 65px;}
#projects-inner #content div ul.thumbs li.first a.thumb {margin-left: 0;}

#blog #sidebar {float: left; padding-left: 50px; width: 150px; text-align: right;}
#blog #sidebar ul {margin: 0 0 2.5em; padding: 0; list-style: none; text-transform: uppercase;}
#blog #sidebar ul em {display: block; padding: 0 0 .2em; color: #a7bc46; border-bottom: 1px dotted #4c4c4c; font-style: normal;}
#blog #sidebar ul li {margin: 0; padding: 0; list-style: none;}
#blog #sidebar ul li a {display: block; padding: .2em 0; color: #fff; text-decoration: none; border-bottom: 1px dotted #4c4c4c;}
#blog #sidebar ul li a:hover {color: #c0c0c0;}

#blog #content {margin-left: 180px;}

#blog .article {margin-bottom: 2em;}
#blog .article-category {font-size: .75em; color: #b5b5b5; text-transform: uppercase;}
#blog .article-category a {text-decoration: none;}
#blog .article-title h2 {margin-bottom: 0; padding: 0; font-size: 1.3em; line-height: 1.3em;}
#blog .article-title h2 a {color: #fff; text-decoration: none;}
#blog .article-title h2 a:hover {color: #c0c0c0;}
#blog .article-author {font-size: .9em; color: #a7bc46; font-style: italic;}
#blog .article-body {margin: .5em 0 0;}
#blog .article-comments {font-size: .75em; text-transform: uppercase;}

#blog a {text-decoration:none; color:#a7bc46; outline:0;}
#blog a:hover {color:#fff; text-decoration:none;}

#blog #pagination a {font-size: .7em; text-decoration: none; text-transform: uppercase;}

#footer p {margin: 0; padding: 20px 0 20px 0; font:normal normal 0.75em/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.15em; color:#c0c0c0;}