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

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/grunge-rust-LG3.jpg) no-repeat left top;
  font-family: Arial, Helvetica, sans-serif;
  color: #330000;
  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-2 li {
  list-style-type: none;
  display: block;
  float: right;
  width: 100px;
  text-align: center;
  margin-top: 30px;
   left no-repeat;
}






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

.navlinks li a:hover { color: #663333; }

.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: 244px;
  width: 950px;
}

#featured_chopper {
  float: left;
  height: 274px;
  width: 950px;
}

#featured-index-welcome {
  float: left;
  height: 294px;
  width: 950px;
}

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


#featured-chopper {
  float: left;
  height: 264px;
  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;
  font-weight: bold;
}

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

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

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

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

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

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

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



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

h2.featured-work-NO_IMG {
  height: 35px;
  width: 215px;
  text-indent:-9999px;
  margin-bottom: 20px;
}


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

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

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

h2.featured-work-contact-us {
  background: url(images/contact-us.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: #663333;
  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;
}

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

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

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

.content-box-right a href {
  background-color: #663333;
  float: left;
  padding: 5px;
  margin: 0 0 4px 4px;
  display:inline;
}


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: #663333;
  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(footer-3.jpg) no-repeat;
  float: left;
  height: 43px;
  width: 950px;
  margin-top: 40px;
}

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