/*

  Containers

*/

#container {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#custom-doc {
	text-align: left;
	position: relative;
}

/*

	Header

*/

#header {
	width: 100%;
	height: 343px;
	background: url(/images/bg/header.jpg) no-repeat bottom left;
	position: relative;
}

/*

	Branding

*/

#branding-logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}

/*

  Main Navigation

*/

#nav-main {
	width: 229px;
	height: 254px;
	background: url(/images/bg/nm.png) no-repeat top left;
	position: absolute;
	bottom: 0;
	right: 0;
}

#nav-main ul, #nav-main li {
	margin: 0;
	padding: 0;
}

#nav-main ul {
	margin-top: 1px;
	margin-left: 1px;
}

#nav-main li {
	padding-left: 39px;
	margin-bottom: 1px;
	display: block;
	font-size: 153.9%;
	text-transform: uppercase;
}

#nm1 { height: 81px; line-height: 81px; }
#nm2 { height: 89px; line-height: 89px; }
#nm3 { height: 80px; line-height: 80px; }

#nav-main a:link, #nav-main a:visited {
	color: #cccccc;
	text-decoration: none;
}

#nav-main a:hover, #nav-main a:active {
	color: #fff200;
	text-decoration: none;
}

.p1 #nm1 a:link, .p1 #nm1 a:visited { cursor: default; color: #0b9283; }
.p2 #nm2 a:link, .p2 #nm2 a:visited { cursor: default; color: #0b9283; }
.p3 #nm3 a:link, .p3 #nm3 a:visited { cursor: default; color: #0b9283; }

/*

  Content Layout

*/

#content {
	padding: 40px;
}

.p1 #content-main, .p3 #content-main {
	float: left;
	width: 490px;
	padding-right: 40px;
}

.p1 #content-supp, .p3 #content-supp {
	float: left;
	width: 340px;
}

/*

#footer

*/

#footer {
	clear: both;
	height: 130px;
	width: 100%;
	position: relative;
	background: url(/images/bg/footer.png) no-repeat top right;
}

#contact-info {
	color: white;
	padding-left: 40px;
}

#contact-info a:link, #contact-info a:visited {
	color: white;
	text-decoration: underline;
}

#contact-info a:hover, #contact-info a:active {
	color: #fff200;
}

#contact-info h3 {
	font-size: 108%;
	margin: 0;
	padding-top: 20px;
	line-height: 25px;
}

#contact-info address {
	line-height: 25px;
}

address strong {
	font-size: 1em;
}

address span {
	font-size: 1em;
}

#contact-info address strong, #contact-info address span {
	font-size: 108%;
}

#contact-info address strong.phone, #contact-info address span.phone {
	font-size: 123.1%;
	font-weight: bold;
}

#contact-info address strong.fax {
	padding-left: 3em;
}

#contact-info h3, #contact-info address strong {
	color: #0b9283;
}

/*

#nav-supp

*/

#nav-supp {
	position: absolute;
	right: 40px;
	top: 30px;
	text-align: right;
}

#nav-supp ul, #nav-supp li {
	margin: 0;
	padding: 0;
}

#nav-supp li {
	float: left;
	display: inline;
	background: url(/images/icons/ns-sep.png) no-repeat center right;
	font-weight: bold;
	font-size: 93%;
	text-transform: uppercase;
	padding-right: 6px;
	padding-left: 5px;
}

#nav-supp li.last {
	background: none;
	padding-right: 0;
}

#nav-supp a:link, #nav-supp a:visited {
	color: #043c36;
}

#nav-supp a:hover, #nav-supp a:active {
	color: #001916;
}

/*

  Siteinfo

*/

#site-credits {
	position: absolute;
	top: 76px;
	right: 40px;
	text-align: right;
	margin: 0;
}

#site-credits p {
	font-size: 85%;
}

#site-credits a:link, #site-credits a:visited {
	color: #0b9283;
}

#site-credits a:hover, #site-credits a:active {
	color: #06544b;
}


/*
 * Content
 */

.content-images {
	margin: 0;
}

.content-images li {
	margin: 0 0 1.6em 0;
	display: block;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

ul.products {
	margin-left: 0;
}

ul.products li.section {
	list-style-type: none;
	margin: 0;
	float: left;
	display: block;
	width: 217px;
}

ul.products h2 {
	margin: 1em 0 0 0;
}

ul.brands, ul.brands li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.product-images, .product-images li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-images {
	margin-right: -40px;
}

.product-images li {
	float: left;
	padding: 1em 40px 0 0;
}

.product-images img {
	display: block;
	margin-bottom: 2em;
}

.additional-services {
	clear: both;
	margin-bottom: 0;
	text-align: center;
	color: #0b9283;
	font-size: 108%;
}

.p3 h2 {
	margin-bottom: 0;
}

.barney-img {
	margin-top: 2em;
}

