* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	margin: 0 auto;
	text-align: center;
}

br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #6B7465;
}

a:hover {
	color:  #3A79BE;
	text-decoration: underline;
}

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

PAGE STRUCTURE 

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

#wrapper {
	background: url(../images/backgrounds/wrapper.jpg) transparent repeat-y 0 361px;
	border-bottom: 9px solid #491500;
	margin: 0 auto;
	text-align: center;
	width: 768px;
}

#top {
	background: url(../images/backgrounds/top.jpg) #fff no-repeat top left; 
	float: left;
	height: 318px;
	width: 768px;
}

#content {
	float: left;
	font-size: .85em;
	padding: 0 0 10px 0;
	text-align: justify;
	width: 768px;
}

.home-content {	background: url(../images/backgrounds/content-home.jpg) transparent no-repeat top left; }
.about-content {background: url(../images/backgrounds/content-about.jpg) transparent no-repeat top left; }
.contact-content {background: url(../images/backgrounds/content-contact.jpg) transparent no-repeat top left; }
.crane-content {background: url(../images/backgrounds/content-crane.jpg) transparent no-repeat top left; }
.services-content {background: url(../images/backgrounds/content-services.jpg) transparent no-repeat top left; }
.no-photo {background: url(../images/backgrounds/content.jpg) transparent no-repeat top left; }

#footer {
	border-top: 1px solid #C9B2A5;
	float: left;
	font-size: .8em;
	height: 42px;
	padding: 15px 0 0 0;
	position: relative;
	left: 9px;
	width: 750px;
}


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

NAVIGATION 

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

#top ul {
	float: left;
	padding: 15px 0 0 0;
	width: 151px;
}

#top li {
	float: left;
	height: 26px;
	list-style-type: none;
	margin: 0 0 3px 0;
	width: 193px;
}


#top li a, #top li.current {	
	float: left;
	height: 26px;
	outline: none;
	text-decoration: none;
	text-indent: -6000px;
	width: 193px;
}

#top li a:hover {
	background-position: 0 -26px;
}

.home {background: url(../images/nav/home.jpg) transparent no-repeat top left;}
.about {background: url(../images/nav/about.jpg) transparent no-repeat top left;}
.services {background: url(../images/nav/services.jpg) transparent no-repeat top left;}
.portfolio {background: url(../images/nav/portfolio.jpg) transparent no-repeat top left;}
.in-progress {background: url(../images/nav/in-progress.jpg) transparent no-repeat top left;}
.crane {background: url(../images/nav/crane.jpg) transparent no-repeat top left;}
.contact {background: url(../images/nav/contact.jpg) transparent no-repeat top left;}

#top li.current {
	background-position: 0 -52px;
}


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

HEADERS 

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

h1, h1 a, h2 {
	float: left;
	text-indent: -6000px;
}

h1, h1 a {
 	background: url(../images/headers/h1.gif) transparent no-repeat top left;
	height: 100px;
	width: 759px;
}

h2 {
	height: 65px;
	margin: 35px 0 0 0;
	width: 504px;
}

h2.one-line {
	height: 44px;
}

h2.wide {
	width: 768px;
}

h2#index-1 {background: url(../images/headers/h2s/index-1.gif) transparent no-repeat top left;}
h2#about-1 {background: url(../images/headers/h2s/about-1.gif) transparent no-repeat top left;}
h2#contact-1 {background: url(../images/headers/h2s/contact-1.gif) transparent no-repeat top left;}
h2#crane-1 {background: url(../images/headers/h2s/crane-1.gif) transparent no-repeat top left;}
h2#progress-1 {background: url(../images/headers/h2s/progress-1.gif) transparent no-repeat top left;}
h2#portfolio-1 {background: url(../images/headers/h2s/portfolio-1.gif) transparent no-repeat top left;}
h2#services-1 {background: url(../images/headers/h2s/services-1.gif) transparent no-repeat top left;}

h3 {
	font-size: 1.2em;
	padding: 0 25px 0 31px;
}

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

TEXT

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

#content p {
	line-height: 1.5em;
	padding: 0 25px 20px 31px;
}

#content ul {
	line-height: 1.5em;
	padding: 0 25px 20px 68px;
}

#content ul li {
	list-style-type: disc;
}

#content blockquote p {
	font-style: italic;
	padding: 0 25px 0 31px; 
}

#content blockquote p.quote-giver {
	font-style: normal;
	text-align: right;
	padding: 0 50px 20px 31px; 
}

div.hrule {
	border-top: 1px dashed #aaa;
	height: 8px;
	margin: 0 33%;
	margin-top: 5px;
	padding: 0 0 15px 0;
	width: 33%;	
}

div.hrule hr {
	display: none;
}

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

IMAGES 

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

#top img {
	float: left;
	margin: 0 0 0 9px;
}

img.framed {
	float: right;
	margin: 43px 9px 25px 25px;
}

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

STYLES SPECIFIC
TO CRANES

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

.crane-info {
	float: left;
	padding: 15px 0 0 31px;
	width: 707px;
}

.crane-info img {
	border: 1px solid #C7AFA2;
	float: left;
	margin: 0 10px 0 15px;
}

.crane-info h4 {
	border-bottom: 1px solid #C7AFA2;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 2px;
}

#content .crane-info ul {
	float: left;
	padding: 0 20px 5px 15px;
	text-align: left;
}

#content .crane-info ul li {
	list-style-type: none;
}

#content .crane-info p {
	clear: both;
	padding: 0;
	width: 475px;
}


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

STYLES SPECIFIC
TO IN PROGRESS
& PORTFOLIO

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

.project {
	border-top: 1px solid #C7AFA2;
	padding: 20px 0 10px 0;
	position: relative;
	left: 35px;
	width: 705px;
}

#content .project h3 {
	padding-left: 0;
	text-align: left;
}

#content .project ul {
	padding: 0 0 0 15px;
}

#content .project-list li {
	font-weight: normal;
	list-style-type: disc;
}

.project .photos {
	float: right;
	overlfow: hidden;
	width: 448px;
	text-align: center;
}

.project .photos p {
	clear: left;
	font-size: .95em;
	font-style: italic;
	padding: 0;
}

.project .photos a {
	border: 2px solid #C7AFA2;
	float: left;
	height: 70px;
	margin: 0 7px 7px 0;
	position: relative;
	left: 10px;
	width: 100px;
}

.project .photos a:hover {
	border: 2px solid #985F3D;
}

.project .photos img {
	border: 0;
}

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

SERVICES PAGE PHOTOS

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

.services-content .photos {
	float: right;
	overlfow: hidden;
	padding: 5px 20px 10px 15px;
	width: 230px;
	text-align: center;
}

.services-content .photos h4 {
	border-top: 1px solid #C7AFA2;
	border-bottom: 1px solid #C7AFA2;
	float: left;
	font-size: .95em;
	font-style: italic;
	margin: 0 0 7px 0;
	padding: 3px 0;
	position: relative;
	left: 10px;
	width: 213px;
}

.services-content .photos a {
	border: 2px solid #C7AFA2;
	float: left;
	height: 70px;
	margin: 0 7px 7px 0;
	position: relative;
	left: 10px;
	width: 100px;
}

.services-content .photos a:hover {
	border: 2px solid #985F3D;
}

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

CRANES PAGE PHOTOS

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

.crane-photos {
	float: right;
	overlfow: hidden;
	margin: -30px 0 0 0;
	padding: 5px 20px 10px 15px;
	width: 338px;
	text-align: center;
}

.crane-photos h4 {
	border-top: 1px solid #C7AFA2;
	border-bottom: 1px solid #C7AFA2;
	float: left;
	font-size: .95em;
	font-style: italic;
	margin: 0 0 7px 0;
	padding: 3px 0;
	position: relative;
	left: 10px;
	width: 326px;
}

.crane-photos a {
	border: 2px solid #C7AFA2;
	float: left;
	height: 70px;
	margin: 0 7px 7px 0;
	position: relative;
	left: 10px;
	width: 100px;
}

.crane-photos a:hover {
	border: 2px solid #985F3D;
}