/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Coded By : Richard Carpenter
Released by: Six Revisions

URL : www.richard-carpenter.co.uk
	  www.hv-designs.co.uk

Copyright: 2009 Six Revisions and HV Designs

License: 
This file is part of "How to Code a Grunge Web Design from Scratch" source file package.

"How to Code a Grunge Web Design from Scratch" source file package is free software:
you can redistribute it and/or modify it under the terms of the GNU General Public License 
as published by the Free Software Foundation.

"How to Code a Grunge Web Design from Scratch" source file package is distributed in the hope
that it will be useful, but WITHOUT ANY WARRANTY;  without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

See the GNU General Public License for more details. 
To learn more about this license, visit: http://www.gnu.org/licenses/gpl-3.0.html
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

* {
  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_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;
}

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

h3 {
	margin-bottom: 10px;
	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: 135px;
	text-indent:-9999px;
	margin-bottom: 20px;
}

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

h2.twitter {
  background: url(images/twitter.png) no-repeat;
  height: 28px;
  width: 84px;
  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;
}