@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}

body {
background: #e6cc94 url(images/bg1.png) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
color: #73360d;
text-align:justify;
}

#container {
width: 950px;
margin: 85px 0 0 120px; /*left value was 120 */
float: left;
}


#title {
height: 82px;
width: 412px;
float: left;
}
h1 { 
text-indent: -9999px;
float: left;
}

h1 a {
display: block;
background: url(images/title.png) no-repeat left top;
float: left;
height: 92px;
width: 426px;
}

#navigation {
float: left;
width: 538px;
height: 82px;
}
.navlinks li {
list-style-type: none;
display: block;
float: right;
width: 100px;
text-align:center;
margin-top: 30px;
background: url(images/nav_seperator.png) left no-repeat;
}

.navlinks li a {
text-decoration:none;
color:#432303;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
letter-spacing: -2px;
}

.navlinks li a:hover {color: #902b03; }

.navlinks li.nodivider {background-image: none; }
.divider {
float: left;
height: 2px;
width: 950px;
margin: 30px 0 30px 0;
background: url(images/divider.png) no-repeat;
}
#featured {
float: left;
height: 234px;
width: 950px;
}

#featured-text {
float: left;
height: 234px;
width: 451px;
color: #432303;
}
h2.featured-work {
background: url(images/featured_work.png) no-repeat;
height: 40px;
width: 243px;
text-indent: -9999px;
margin-bottom: 20px;
}

h3 {margin-bottom: 10px;
font-size: 25px;
text-transform:capitalize;
}
#featured-image {
float: right;
width: 472px;
height: 209px;
}
#featured-image img {
background-color: #ba5009;
padding: 3px;
}

.content-box-left {
float: left;
width: 460px;
}
.content-box-right {
float: right;
width: 460px;
}

h2.about-website {
background: url(images/about.png) no-repeat;
height: 31px;
width: 229px;
text-indent: -9999px;
margin-bottom: 20px;
}

h2.samples {
background: url(images/samples.png) no-repeat;
height: 31px;
width: 245px;
text-indent: -9999px;
margin-bottom: 20px;
}

.content-box-right img {
background-color: #e7c788;
float: left;
padding: 5px;
margin: 0 0 4px 4px;
}
.content-box-small {
float: left;
width: 275px; /*changed value from 305px */
margin-right: 10px;
}
.content-box-small img {
float: left;
background-color:#ba5009;
padding: 5px;
margin: 0 10px 10px 0;
}
h2.get-in-touch {
background: url(images/get_in_touch.png) no-repeat;
height: 31px;
width: 146px;
text-indent: -9999px;
margin-bottom: 20px;
}
h2.flickr {
background: url(images/flickr.png) no-repeat;
height: 31px;
width: 71px;
text-indent: -9999px;
margin-bottom: 20px;
}
h2.twitter {
background: url(images/twitter.png) no-repeat;
height: 31px;
width: 92px;
text-indent: -9999px;
margin-bottom: 20px;
}

#footer {
background: url(images/footer.png) no-repeat;
float: left;
height: 60px;
width: 1200px;
/*margin-top: 40px;  pushes the footer away from the rest of the background */

}
#footer p {
color: #fff;
text-align: center;
margin-top: 13px;
}