html { 
	background: #3c3c3c url('/resources/images/skin/bg_body.jpg') no-repeat fixed top;
}

#doc {
	background: transparent url('/resources/images/skin/bg_doc.png') no-repeat 0 0;
	margin: 20px auto 0 auto;
	padding: 1px 0 0 0;
	width: 850px;
	height: 640px;
}
#bd {
	width: 742px;
	height: 516px;
	background: #ffffff;
	padding: 25px;
	margin: 18px 0 0 28px;
}
#bd #title {
	background-color: #ffffff;
	width: 755px;
}
	#bd #title h1 {
		background: #ffffff url('/resources/images/skin/bg_cssi_h1.png') no-repeat top left;
		height: 40px;
		text-indent: -1000em;
		margin: 21px 0 15px 0;
	}
#bd #content {
	background: transparent url('/resources/images/skin/bg_content_home.jpg') no-repeat;
	background-position: -100px -100px;
	background-position: 0 0;
	height: 420px;
	width: 742px;
	font-weight: bold;
}

	#bd #content a:link {color: #ffffff}     /* unvisited link */
	#bd #content a:visited {color: #ffffff}  /* visited link */
	#bd #content a:hover {color: #004a8e}   /* mouse over link */
	#bd #content a:focus {color: #004a8e}   
	#bd #content a:active {color: #004a8e}   /* selected link */

#about #bd #content {
	background: transparent url('/resources/images/skin/bg_content_about.jpg') no-repeat;
}

#services #bd #content {
	background: transparent url('/resources/images/skin/bg_content_services.jpg') no-repeat;
}

#clients #bd #content {
	background: transparent url('/resources/images/skin/bg_content_clients.jpg') no-repeat;
}

#bd #content .north-panel {
	width: 692px;
	float:right;
	background: transparent url(/resources/images/skin/bg_body-panel.png);
	height: 55px;
	padding: 25px 25px 10px 25px;
	margin-top: 0px;
	z-index: 1000;
	position:absolute;
	/*
	opacity: .75;
	filter: alpha(opacity=75);
	*/
}

#bd #content .east-panel {
	width: 250px;
	float:right;
	background: transparent url(/resources/images/skin/bg_body-panel.png);
	height: 370px;
	padding: 25px;
	margin-top: 0px;
	/*
	opacity: .75;
	filter: alpha(opacity=75);
	*/
}

#bd #content .south-panel {
	width: 692px;
	float:right;
	background: transparent url(/resources/images/skin/bg_body-panel.png);
	height: 130px;
	padding: 25px;
	margin-top: 0px;
	/*
	opacity: .75;
	filter: alpha(opacity=75);
	*/
}

#bd #content .west-panel {
	width: 370px;
	float:left;
	background: transparent url(/resources/images/skin/bg_body-panel.png);
	height: 370px;
	padding: 25px;
	margin-top: 0px;
	/*
	opacity: .75;
	filter: alpha(opacity=75);
	*/
}

#bd #content .full-panel {
	height: 370px;
	width: 692px;
	float: left;
	background: #00a3db;
	padding: 25px;
}

#bd #content p,
#bd #content ul {
	color: #ffffff;
}

#bd #content p.keynote {
	font-size:138.5%;
}

#home #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_home_h2.png') no-repeat;
	text-indent: -1000em;
	width: 251px;
	height: 81px;
	margin-top:0;
}

#about #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_about_h2.png') no-repeat;
	text-indent: -1000em;
	width: 296px;
	height: 36px;
	margin-top: 0;
}

#services #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_services_h2.png') no-repeat;
	text-indent: -1000em;
	width: 400px;
	height: 36px;
	margin-top:24px;
}

#services #bd #content h3#residential {
	background: transparent url('/resources/images/skin/bg_clients_residential_h3.png') no-repeat;
	text-indent: -1000em;
	width: 235px;
	height: 16px;
	margin-bottom: .4em;
	margin-top: 0;
}

#services #bd #content h3#commercial {
	background: transparent url('/resources/images/skin/bg_clients_commercial_h3.png') no-repeat;
	text-indent: -1000em;
	width: 235px;
	height: 16px;
	margin-bottom: .4em;
	margin-top: 0;
}

#clients #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_clients_h2.png') no-repeat;
	text-indent: -1000em;
	width: 370px;
	height: 36px;
	margin-top:0;
}

#clients #bd #content h3#residential {
	background: transparent url('/resources/images/skin/bg_clients_residential_h3.png') no-repeat;
	text-indent: -1000em;
	width: 235px;
	height: 16px;
	margin-bottom: .2em;
}

#clients #bd #content h3#commercial {
	background: transparent url('/resources/images/skin/bg_clients_commercial_h3.png') no-repeat;
	text-indent: -1000em;
	width: 235px;
	height: 16px;
	margin-bottom: .2em;
}

#metals #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_metals_h2.png') no-repeat;
	text-indent: -1000em;
	width: 443px;
	height: 46px;
	margin-top:0;
}

#gallery #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_gallery_h2.png') no-repeat;
	text-indent: -1000em;
	width: 443px;
	height: 46px;
	margin-top:0;
}

#metals #bd #content h3#availablemetals {
	background: transparent url('/resources/images/skin/bg_metals_h3.png') no-repeat;
	text-indent: -1000em;
	width: 239px;
	height: 16px;
	margin-bottom: .2em;
}

#metals #bd #content h3#availablefinishes {
	background: transparent url('/resources/images/skin/bg_finishes_h3.png') no-repeat;
	text-indent: -1000em;
	width: 239px;
	height: 16px;
	margin-bottom: .2em;
}

#contact #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_contact_h2.png') no-repeat;
	text-indent: -1000em;
	width: 443px;
	height: 46px;
	margin-top:0;
}

#map #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_contact_h2.png') no-repeat;
	text-indent: -1000em;
	width: 443px;
	height: 46px;
	margin-top:0;
}

#contact #bd #content h3#mapanddirections {
	background: transparent url('/resources/images/skin/bg_metals_h3.png') no-repeat;
	text-indent: -1000em;
	width: 239px;
	height: 16px;
	margin-bottom: .2em;
}

#privacy #bd #content h2 {
	background: transparent url('/resources/images/skin/bg_privacy_h2.png') no-repeat;
	text-indent: -1000em;
	width: 443px;
	height: 46px;
	margin-top:0;
}

/* #pagenav only appear on the gallery, contact and maps screen where there display just below the H2. */

#bd #pagenav {
	float:left;
	margin-top:0;
	width:350px;
}

#bd #pagenav ul li {
	float:left;
}

#bd #pagenav ul li a {
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin-left: 0;
}

#bd #pagenav ul li#pagenav_commercial a {
	background: transparent url('/resources/images/skin/bg_pagenav-gallery.png') no-repeat;
	background-position: 0 -15px;
	width: 106px;
}

#bd #pagenav ul li#pagenav_commercial a:hover {
	background-position: 0 0;
}

#bd #pagenav ul li#pagenav_residential a {
	background: transparent url('/resources/images/skin/bg_pagenav-gallery.png') no-repeat;
	background-position: -105px -15px;
	width: 106px;
}

#bd #pagenav ul li#pagenav_residential a:hover {
	background-position: -105px 0;
}

#bd #pagenav ul li#pagenav_contact a {
	background: transparent url('/resources/images/skin/bg_pagenav-contact.png') no-repeat;
	background-position: -145px -15px;
	width: 90px;
}

#bd #pagenav ul li#pagenav_contact a:hover {
	background-position: -145px 0;
}

#bd #pagenav ul li#pagenav_map a {
	background: transparent url('/resources/images/skin/bg_pagenav-contact.png') no-repeat;
	background-position: 0 -15px;
	width: 140px;
}

#bd #pagenav ul li#pagenav_map a:hover {
	background-position: 0 0;
}

#bd #pnav {
	width: 755px;	
	background-color: #ffffff;
	margin-top: 3px;
}

	#bd #pnav li {
		float: left;
	}
	#bd #pnav li a {
		background: transparent url('/resources/images/skin/bg_pnav_li.png') no-repeat;
		margin: 0 18px;
		height: 20px;
		display: block;
		text-indent: -1000em;
		overflow: hidden;
	}
	
		#bd #pnav #about a:link,
		#bd #pnav #about a:visited {
			background-position: 0 0;
			width: 76px;
			margin-left: 0;
		}
		#bd #pnav #about a:hover,
		#bd #pnav #about a:active {
			background-position: 0 -21px;
		}

		#bd #pnav #services a:link,
		#bd #pnav #services a:visited {
			background-position: -115px 0;
			width: 110px;
		}
		#bd #pnav #services a:hover,
		#bd #pnav #services a:active {
			background-position: -115px -21px;
		}

		#bd #pnav #clients a:link,
		#bd #pnav #clients a:visited {
			background-position: -263px 0;
			width: 90px;
		}
		#bd #pnav #clients a:hover,
		#bd #pnav #clients a:active {
			background-position: -263px -21px;
		}

		#bd #pnav #metals a:link,
		#bd #pnav #metals a:visited {
			background-position: -390px 0;
			width: 85px;
		}
		#bd #pnav #metals a:hover,
		#bd #pnav #metals a:active {
			background-position: -390px -21px;
		}

		#bd #pnav #gallery a:link,
		#bd #pnav #gallery a:visited {
			background-position: -516px 0;
			width: 100px;
		}
		#bd #pnav #gallery a:hover,
		#bd #pnav #gallery a:active {
			background-position: -516px -21px;
		}

		#bd #pnav #contact a:link,
		#bd #pnav #contact a:visited {
			background-position: -653px 0;
			width: 100px;
			margin-right: 0;
		}	
		#bd #pnav #contact a:hover,
		#bd #pnav #contact a:active {
			background-position: -653px -21px;
		}
#ft {
	padding: .6em 30px 0 28px;
	font-size: 77%;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
#copyright{
	float:left;
}
#fnav{
	float:right;
}
#fnav a:link,
#fnav a:active,
#fnav a:hover,
#fnav a:visited {
	color: #ffffff;
	text-decoration: none;
}

#fnav a:link {color: #ffffff}     /* unvisited link */
#fnav a:visited {color: #ffffff}  /* visited link */
#fnav a:hover {color: #00a3db}   /* mouse over link */
#fnav a:focus {color: #00a3db}   
#fnav a:active {color: #00a3db}   /* selected link */