/**
 *	<SITE>
 *  Base Screen Styles
 *	
 *	@author:	<AUTHOR>
 *	@date:		<DATE>	
 *
 *	Table of Contents:
 *		layout
 *		typography
 *		breadcrumbs
 *		lists
 *      links
 *		tables
 *		forms
 *		fancy
 *
 */

body {
	background:					#919083;
	color:						#666;
	font-family:				Arial, Verdana, Helvetica, sans-serif;
	font-size:					70%;
	line-height:				1.75em;
	margin:						0;
	padding:					0;
	background-color:			#fff;
}

/** layout
--------------------------------------- */
#header-wrapper {
	background: 				url(../images/bg-header-wrapper.gif) left top repeat-x #fff;
}

#header-container {
	margin: 					0 auto;
	width:						870px;
	height:						334px;
}

body.home #header-container {
	background:					url(../images/heros/hero-home.jpg) 0 51px no-repeat;
}

body.service #header-container {
	background:					url(../images/heros/hero-service.jpg) 0 51px no-repeat;
}

body.solutions #header-container {
	background:					url(../images/heros/hero-solutions.jpg) 0 51px no-repeat;
}

body.rentals #header-container {
	background:					url(../images/heros/hero-rentals.jpg) 0 51px no-repeat;
}

body.products #header-container {
	background:					url(../images/heros/hero-products.jpg) 0 51px no-repeat;
}

#main-navigation-container {
	width:						870px;
	text-align:					center;
}

#header-logo {
	position:					absolute;
	width:						239px;
	height:						72px;
	background:					url(../images/logo.gif) left top no-repeat;
	margin-top:					22px;
}

#content-wrapper {
	background:					url(../images/bg-content-wrapper.gif) left bottom repeat-x;
}

#content-container {
	margin:						0 auto;
	width:						870px;
	background:					url(../images/bg-content-container.gif) repeat-y;
	overflow:					hidden;
}

#content-main {
	width:						640px;
	float:						left;
}

#content-main p {
	margin-bottom:				1em;
}

#content-main a {
	color:						#959595;
	text-decoration:			none;
}

#content-main a:hover {
	color:						#474747;
	text-decoration:			none;
}

#content-main-padding {
	padding:		   			30px;
}

#content-side {
	margin-left:				640px;
}

#content-side-padding {
	padding:		   			30px 0 30px 30px;
}

#footer-wrapper {
	background:					url(../images/bg-footer-wrapper.gif) left top repeat-x;
}

#footer-container {
	width:						870px;
	height:						148px;
	margin:						0 auto;
	background:					url(../images/bg-footer-container.gif) left top no-repeat;
	color:						#FFFFFF;
}

#footer-container a {
	color:						#FFFFFF;
	text-decoration:			none
}

#footer-container a:hover {
	color:						#a8daef;
	text-decoration:			none
}

#footer-container-padding {
	padding:					11px 0 0 11px;
	overflow:					hidden;
}

#footer-partners {
	float:						left;
	width:						185px;
	height:						126px;
	background:					url(../images/bg-footer-partners.gif) left top no-repeat;
}

#footer-partners-logo {
	padding:					36px 0 0 0;
}

#footer-contact {
	float:						left;
	width:						427px;
	height:						126px;
	margin-left:				6px;
	background:					url(../images/bg-footer-contact.jpg) left top no-repeat;
}

#footer-contact-text {
	margin-left:				28px;
	padding:					50px 0 0 0;
}

#footer-location {
	float:						left;
	width:						224px;
	height:						126px;
	margin-left:				6px;
	background:					url(../images/bg-footer-location.gif) left top no-repeat;
}

#footer-location-text {
	margin-left:				28px;
	padding:					50px 0 0 0;
}

#footer-text {
	color:						#8c8c8c;
	text-align:					center;
	padding:					20px 0 20px 0;
	overflow:					hidden;
	width:						870px;
	
}

/** typography
--------------------------------------- */
#title h2 {
	color:					#005bac;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	font-weight:			normal;
}

#subtitle h4 {
	color:					#ce9700;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	margin-bottom:			18px;
	font-weight:			normal;
}

/** lists
--------------------------------------- */

#content-main ul {
	list-style:				none;
	margin-bottom:			1em;
}

#content-main li {
	background:				transparent url(../images/bullets/bullet.gif) 0 0.75em no-repeat;
	padding:				0.15em 0 0.15em 2.5em;
}

#content-main ul li a {
	color:					#959595;
	text-decoration:		none;
}

#content-main ul li a:hover {
	color:					#474747;
	text-decoration:		none;
}

#content-side ul {
	list-style:				none;
	margin-bottom:			1em;
}

#content-side li {
	background:				transparent url(../images/bullets/bullet.gif) 0 0.75em no-repeat;
	padding:				0.15em 0 0.15em 2.5em;
}

#content-side ul li a {
	color:					#959595;
	text-decoration:		none;
}

#content-side ul li a:hover {
	color:					#474747;
	text-decoration:		none;
}

#footer-text ul.footer-listing {
	color:					#aaaaaa;
	list-style:				none;
}

#footer-text ul.footer-listing li {
	background-image:		url(../images/bullets/bullet-line.gif);
	background-repeat:		no-repeat;
	background-position:	0 50%;
	display:				inline;
	padding:				0 13px 0 13px;
}

#footer-text ul.footer-listing li.first {
	background:				none;
	margin-left:			0;
	padding-left:			0;
}
	
#footer-text ul.footer-listing li a {
	color:					#c3c3c3;
	text-decoration:		none;
}

#footer-text ul.footer-listing li a:hover {
	color:					#999;
	text-decoration:		none;
}

/** breadcrumbs
--------------------------------------- */
#content-main ul#breadcrumbs-list {
	color:					#c3c3c3;
	font-size:				0.9em;
	list-style:				none;
}

#content-main ul#breadcrumbs-list li {
	background-image:		url(../images/bullets/bullet-breadcrumb.gif);
	background-repeat:		no-repeat;
	background-position:	0 50%;
	display:				inline;
	padding:				0 5px 0 10px;
}

#content-main ul#breadcrumbs-list li.first {
	background:				none;
	margin-left:			0;
	padding-left:			0;
}
	
#content-main ul#breadcrumbs-list li a {
	color:					#c3c3c3;
	text-decoration:		none;
}

#content-main ul#breadcrumbs-list li a:hover {
	color:					#999;
	text-decoration:		none;
}

/** links
--------------------------------------- */
.footer-link {
	color:					#e7bc44;
}

/** tables
--------------------------------------- */
/** forms
--------------------------------------- */
/** fancy
--------------------------------------- */
.arrow {	
	display:				block;
	float:					left;
	width:					40px;
	background:				url(../images/bullets/bullet-contact.gif) center right no-repeat;
	margin-right:			7px;
}
