/* 	main Drapers stylesheet 
	created by Bluestorm New Media */
body {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 77%;
	color: #ffffff;
	background-color: #0f946d;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #033124;
}
a:active {
	text-decoration: none;
	color: #033124;
}
h1 {
	font-size: 2.4em;
	color: #ffeb43;
}
h2 {
	font-size: 1.8em;
	color: #ffeb43;
	margin-left: 10px;
	margin-bottom: 10px;
}
img a {
	border: none;
}
img.center {
	margin-left: auto;
	margin-right: auto;
}	
/* @group header images */
div#header_image {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 250px;
	position: relative;
	top:71px;
}
body#home div#header_image {
	background-image: url(../images/home_header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#about_us div#header_image, 
body#our_history div#header_image, 
body#our_clients div#header_image,
body#our_facilities div#header_image,
body#black_five div#header_image {
	background-image: url(../images/header_about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#sm_recovery div#header_image {
	background-image: url(../images/header_smrecovery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#sm_recycling div#header_image {
	background-image: url(../images/header_recycling.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#free_collection div#header_image {
	background-image: url(../images/header_freecollection.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#price_guide div#header_image,
body#quote_thank_you div#header_image {
	background-image: url(../images/header_price.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#news div#header_image,
body#news_archives div#header_image {
	background-image: url(../images/header_news.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
body#contact_us div#header_image, body#terms_conditions div#header_image,
body#how_to_find_us div#header_image, body#thank_you div#header_image {
	background-image: url(../images/header_contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* @group homepage */
body#home div#header_image h1 {
	margin-left: 280px;
	padding-top: 40px;
}
body#home div#header_image p {
	margin-left: 280px;
	font-size: 1.4em;
	line-height: 1.6em;
}

/* @group our clients */
div.clients {
	border:1px solid #035B42;
	background-color: #087152;
	margin:20px;
	padding:10px;
	font-size: 1.1em;
}
div.clients img {
	float:left;
	padding-right:10px;
}
div.clients h3 {
	margin-bottom:10px;
	padding:3px 3px 3px 10px;
	color:#ffeb43;
	font-size: 1.3em;
}
div.clients a {
	color:#ffeb43;
}

/* @group sm_recovery */
body#sm_recovery h2 {
	margin-bottom: 20px;
}
div.metal {
	border:1px solid #035B42;
	background-color: #087152;
	margin:10px;
	padding:0;
	font-size: .9em;
	height: 115px;
}

#main_content .metal img {
	float:left;
	border: #FFFFFF solid 1px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
div.metal h3 {
	margin-bottom:5px;
	color:#ffeb43;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
div.metal a {
	color: #035B42;
}
div.metal p {
}

/* @group news */
div.news_item {
	margin-bottom: 30px;
	padding: 0;
}
div.news_item h2 {
	margin-left: 0;
}
div.date {
	float: left;
	width: 50px;
	height: 59px;
	background-image: url(../images/datestamp.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div#main_content div.date p {
	padding: 4px;
	padding-top: 7px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
}
/* @group misc */
div#header_image a.more_big {
	margin-right: 5px;
	padding-right: 17px;
	line-height: 1.8em;
	text-align: right;
	background-image: url(../images/arrow_big.jpg);
	background-repeat: no-repeat;
	background-position: right 4px;
	color: #ffeb43;
	text-decoration: none;
}
div#header_image a.more_big:active {
	background-image: url(../images/arrow_big_hover.jpg);
	background-repeat: no-repeat;
	background-position: right 4px;
	text-decoration: none;
	color: #ffffff;
}
div#header_image a.more_big:visited {
	text-decoration: underline;
	background-image: url(../images/arrow_big_hover.jpg);
	background-repeat: no-repeat;
	background-position: right 4px;
	color: #ffffff;
}
div#header_image a.more_big:hover {
	background-image: url(../images/arrow_big_hover.jpg);
	background-repeat: no-repeat;
	background-position: right 4px;
	text-decoration: none;
	color: #ffffff;
}

div#content div.focus a.more_small {
	padding-right: 10px;
	text-align: right;
	display: block;
	background-image: url(../images/arrow_small_focus.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	color: #033124;
	font-weight: bold;
}

span.big {
	font-size: 1.3em;
	font-weight: bold;
}
div#main_content p, div#main_content ul, div#main_content ol {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
div#main_content ol {
	list-style: decimal;
	list-style-position: inside;
	margin-left: 20px;
}
div#main_content h1 {
	padding-bottom: 25px;
}
div#main_content a {
	font-weight: bold;
}

.clear {
	width: 100%;
	clear: both;
}
body#news_archives ul li  {
	font-style: italic;
}
body#news_archives ul li a {
	font-style: normal;
	font-weight: bold;
}

body#contact_us p.note, body#price_guide p.note {
	font-size: .9em;
	margin-top: 1em;
}

div#map {
	border: solid 1px #035B42;
	margin-bottom: 35px;
}
div#popup {
background:#087152;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
color:#ffffff;
}
