/* CSS Document */

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

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

#container {
  width: 950px;
  margin: 85px 0 0 120px;
  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: 82px;
  width: 412px;
}

#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_separator.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: 350px;
  width: 950px;
}

#featured-text {
  float: left;
  height: 234px;
  width: 451px;
}

h2.featured-work {
  background: url(../images/featured_work.png) no-repeat;
  height: 35px;
  width: 244px;
  text-indent:-9999px;
  margin-bottom: 15px;
}

h3 {
	margin-bottom: 5px;
	font-size: 25px;
	text-transform: capitalize;
}

#featured-image {
  float: right;
  width: 479px;
  height: 234px;
}

#featured-image img {
  background-color: #ba5009;
  padding: 12px;
}

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

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

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

.content-box-right img {
  background-color: #e7c788;
  float: left;
  padding: 5px;
  margin: 0 0 4px 4px;
}

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

.content-box-small {
  float: left;
  width: 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: 28px;
	width: 208px;
	text-indent:-9999px;
	margin-bottom: 20px;
}

h2.flickr {
  background: url(../images/facebook.png) no-repeat;
  height: 28px;
  width: 139px;
  text-indent:-9999px;
  margin-bottom: 20px;
}

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

#footer {
  background: url(../images/footer.png) no-repeat;
  float: left;
  height: 43px;
  width: 950px;
  margin-top: 40px;
}

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