html {
	background-color: #333333 !important;
}

/* @group index_content */

.page_title {
	color: #98a2a6;
	font: 1.8em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	word-spacing: 4px;
	letter-spacing: 0;
	position: relative;
	top: 4px;
}

.page_content {
	color: #30444d;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	top: 8px;
	position: relative;
	width: 566px;
	text-align: justify;
}

.page_content span {
	color: #707a7e;
	font-weight: bold;
}

.page_photo {
	height: 286px;
	width: 566px;
	position: absolute;
	bottom: -10px;
}



/* @end */

/* @group nav */

#home-nav {
	background: url(/media/nav.png) 0 0;
}

#home-nav:hover {
	background-position: -167px 0;
}

#about-nav {
	background: url(/media/nav.png) 0 -55px;
}

#about-nav:hover {
	background-position: -167px -55px;
}

#processing-nav {
	background: url(/media/nav.png) 0 -111px;
}

#processing-nav:hover {
	background-position: -167px -111px;
}

#warehousing-nav {
	background: url(/media/nav.png) 0 -167px;
}

#warehousing-nav:hover {
	background-position: -167px -167px;
}

#customer-nav {
	background: url(/media/nav.png) 0 222px;
}

#customer-nav:hover {
	background-position: -167px -222px;
}

#photo-nav {
	background: url(/media/nav.png) 0 -276px;
}

#photo-nav:hover {
	background-position: -167px -276px;
}

#directions-nav {
	background: url(/media/nav.png) 0 -331px;
}

#directions-nav:hover {
	background-position: -167px -331px;
}

#contact-nav {
	background: url(/media/nav.png) 0 -387px;
}

#contact-nav:hover {
	background-position: -167px -387px;
}

/* @end */
/* @group about-nav */

#accessibility-sub {
	background: url(/about_us/media/about-nav.png) 0 0;
}

#accessibility-sub:hover {
	background-position: 0 -30px;
}

#dependibility-sub {
	background: url(/about_us/media/about-nav.png) -152px 0;
}

#dependibility-sub:hover {
	background-position: -152px -30px;
}

#commitment-sub{
	background: url(/about_us/media/about-nav.png) -318px 0;
}

#commitment-sub:hover {
	background-position: -318px -30px;
}

/* @end */

/* @group processing-nav */

#slitting-sub {
	background: url(/processing/media/processing-nav.png) 0 0;
}

#slitting-sub:hover {
	background-position: 0 -30px;
}

#materials-sub {
	background: url(/processing/media/processing-nav.png) -223px 0;
}

#materials-sub:hover {
	background-position: -223px -30px;
}


/* @end */
/* @group warehousing-nav */

#facility-sub {
	background: url(/warehousing/media/warehousing-nav.png) 0 0;
}

#facility-sub:hover {
	background-position: 0 -30px;
}

#industries-sub {
	background: url(/warehousing/media/warehousing-nav.png) -227px 0;
}

#industries-sub:hover {
	background-position: -227px -30px;
}
/* @end */




#container {
	background: url(/media/body-back.jpg) no-repeat;
}

#header {
	height: 131px;
}

#header .content{
	margin: 0 1em;
	padding-top: 1em;
}


#header_logo {
	overflow: hidden;
	margin: 16px 0 0 8px;
	vertical-align: top;
}

#header_image {
	margin-right: 0;
	margin-top: 18px;
	vertical-align: top;
}

#footer .content {
	text-align: center;
	color: #8e979b;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 1em 0;
}
#primary .content{margin: 1em 0 1em 12px;
	position: relative;
	width: 619px;
	height: 439px;
}

#secondary ul {
	margin-top: 12px;
	margin-left: 36px;
	width: 170px;
	overflow: hidden;
	margin-bottom: 0;
}


#secondary li {
	list-style-type: none;
}

#secondary img {
	vertical-align: middle;
}

#address {
	margin-left: 41px;
	margin-right: 41px;
}

/* About US */




.about_header {
	position: absolute;
	width: 620px;
	height: 47px;
	top: 6px;
	left: 0;
}

.about-title {
	color: #98a2a6;
	font: 1.55em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 2px;
	float: left;
	position: relative;
	padding-top: 7px;
}

ul.about-nav {
	padding: 0;
	margin: 0;
	right: 40px;
	clear: right;
	position: absolute;
	top: 4px;
}


.about-nav li {
	list-style-type: none;
	float: left;
}

.about-nav img {
	vertical-align: middle;
}

.about_photo {
	background: url(/about_us/media/image_placeholder.jpg) no-repeat;
	height: 275px;
	width: 578px;
	position: absolute;
	bottom: -3px;
	left: -1px;
}

.about_photo img {
	margin-top: 2px;
	margin-left: 3px;
}

.about_content {
	margin-top: 9px;
	color: #30444d;
	position: absolute;
	width: 568px;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
	top: 41px;
}

.about_content span {
	color: #98a2a6;
	font: bold 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
}

/* contact us */


.contact-image {
	position: absolute;
	width: 318px;
	height: 216px;
	top: 14px;
	left: 230px;
}

.contact-header
 {
color: #999999;
	font: 1.55em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	position: absolute;
	top: 9px;
	left: -7px;
	letter-spacing: -1px;
}

.contact-address {
	width: 231px;
	position: absolute;
	top: 46px;
	left: -7px;
	color: #30444d;
	font: 1.2em/16px "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.contact-form {
	position: absolute;
	top: 245px;
	left: -5px;
	width: 227px;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #30444d;
}

.contact-form a {
	font-weight: bold;
	text-decoration: none;
	color: #30444d;
}

.contact-form label {
	font: bold .8em "Centruy Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.contact-form h1 {
	color: #30444d;
	letter-spacing: 1px;
	font: bold 1em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.contact-form input {
	background-color: silver;
	border-color: gray;
	margin-bottom: 3px;
	font-family: Arial;
	margin-right: 3px;
}

.contact-form input:focus {
	background-color: #d4d4d4;
}

.contact-form .submit-button {
	background-color: #4b4b4b;
	width: 104px;
	height: 23px;
	font-weight: bold;
	color: white;
	border-style: none;
}

/* customer tools */


#customer-header {
	color: #98a2a6;
	font: 1.55em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	position: absolute;
	top: 13px;
}

#customer-form {
	color: #30444d;
	position: relative;
	width: 303px;
	font: 1.2em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 102px;
	top: 65px;
}

.input-label {
	width: 91px;
	text-align: right;
	bottom: 0;
	position: absolute;
	height: 69px;
}

.form-inputs {
	width: 207px;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 69px;
}

.input-label p {
	line-height: 20px;
	margin-bottom: 12px;
}

#customer-picture {
	position: absolute;
	top: 14px;
	right: 62px;
}

#customer-details {
	color: #30444d;
	position: absolute;
	top: 172px;
	width: 553px;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
}

#links-name {
	list-style-type: none;
	color: #30444d;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 250px;
	position: absolute;
	bottom: 10px;
	margin: 0;
}

#links-name li {
	height: 15px;
	width: 253px;
}

#links-url {
	color: #30444d;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: none;
	width: 180px;
	margin: 0;
	position: absolute;
	right: 179px;
	bottom: 10px;
}

#links-url li {
	height: 15px;
}

#links-header {
	position: absolute;
	top: 243px;
	color: #30444d;
	font-weight: bold;
}

.button {
	background-color: white;
	margin-left: 5px;
	border: thin solid gray;
	width: 46px;
	height: 23px;
	font-size: .7em;
}

.text {
	height: 15px;
	color: black;
	font-style: normal;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* directions */



#text-directions {
	position: absolute;
	width: 291px;
	height: 184px;
	color: #30444d;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	top: -6px;
}

#text-directions h1 {
	color: #999999;
	font-weight: normal;
	font-style: normal;
	font-size: 1.7em;
	letter-spacing: 1px;
}

#image {
	position: absolute;
	height: 419px;
	width: 269px;
	top: 14px;
	left: 307px;
}

#map_placeholder {
	background: url(/directions/media/map-area.jpg) no-repeat;
	position: absolute;
	bottom: 6px;
	width: 302px;
	overflow: hidden;
	height: 246px;
}

#map_canvas {
	margin-top: 3px;
	margin-left: 3px;
}

#map_placeholder p {
	color: #666666;
	margin-top: 7px;
	text-align: right;
	font: 1.2em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-right: 11px;
}

/* photo */


.photo_header {
	color: #98a2a6;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	position: absolute;
	top: -8px;
}

.photo_header h1 {
	font: 1.55em "Century Gothic";
}

.photo_header p {
	
}

.photo_header p span {
	font-weight: bold;
	font-style: italic;
}

#photo_container {
	background: url(/photo/images/photo_bck.jpg) no-repeat;
	width: 582px;
	height: 376px;
	position: absolute;
	bottom: 0;
	left: -9px;
}

#gallery {
	position: absolute;
	top: 10px;
	left: 11px;
}

#gallery img {
	margin: 3px;
}

/* processing */


.processing-header {
	position: absolute;
	width: 620px;
	height: 47px;
	top: 6px;
	left: 0;
}

.processing-title {
	color: #98a2a6;
	font: 1.55em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 2px;
	float: left;
	position: relative;
	padding-top: 7px;
}

.processing-nav {
	position: relative;
	top: 4px;
	height: 27px;
	width: 546px;
	right: -9px;
}

.processing-nav img {
	vertical-align: middle;
}

.processing-nav li {
	list-style-type: none;
	float: left;
}

/* @group slitting */

.slitting-photo {
	width: 576px;
	height: 225px;
	position: relative;
	top: 47px;
}

.slitting-chart {
	width: 567px;
	height: 170px;
	list-style-image: none;
	overflow: hidden;
	background-image: url(/processing/media/chart.jpg);
	position: absolute;
	top: 268px;
	font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.column-header {
	color: #666666;
	margin-bottom: 8px;
	font-weight: normal;
	font-style: normal;
}

.slitting-chart li {
	list-style-type: none;
	line-height: 17px;
	font-weight: bold;
}

.chart-column1 {
	width: 189px;
	color: #333333;
	top: 1px;
	position: absolute;
	left: -21px;
}

.chart-column2 {
	width: 176px;
	color: #333333;
	position: absolute;
	top: 1px;
	left: 183px;
}

.chart-column3 {
	width: 176px;
	color: #333333;
	position: absolute;
	top: 3px;
	left: 355px;
}

.slitting-caption {
	position: absolute;
	bottom: -11px;
	color: #30444d;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}



/* @end */

/* @group main */

.processing-photo {
	background: url(/processing/media/image-place.jpg) no-repeat;
	height: 228px;
	width: 566px;
	position: absolute;
	bottom: -5px;
	left: -1px;
}

.processing-photo img {
	margin-top: 2px;
	margin-left: 3px;
}

.processing-body {
	color: #30444d;
	font: 1.15em "Lucida Grande", Lucida, Verdana, sans-serif;
	position: absolute;
	top: 53px;
	width: 564px;
	text-align: justify;
}

.processing-body span {
	color: #98a2a6;
	font: bold 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	position: relative;
	bottom: 8px;
}



/* @end */

/* @group materials */

.materials-photo {
	width: 312px;
	height: 395px;
	position: absolute;
	top: 47px;
}

.materials-list {
	position: absolute;
	top: 47px;
	left: 285px;
	width: 260px;
	height: 382px;
	background: url(/processing/media/materials-list-back.jpg) no-repeat;
}

.materials-list li {
	list-style-type: none;
	margin-left: 13px;
	color: #666666;
	font: 1.4em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 14px;
	margin-top: 5px;
}




/* @end */

/* warehousing */



.warehousing-header {
	position: absolute;
	width: 620px;
	height: 47px;
	top: 6px;
	left: 0;
}

.warehousing-title {
	color: #98a2a6;
	font: 1.55em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 2px;
	float: left;
	position: relative;
	padding-top: 7px;
}

.warehousing-nav {
	position: relative;
	top: 4px;
	height: 27px;
	width: 546px;
	right: -6px;
}


.warehousing-nav li {
	list-style-type: none;
	float: left;
}

.warehousing-nav img {
	vertical-align: middle;
}

.warehousing-photo {
	position: absolute;
	bottom: -8px;
	left: -8px;
}

.facility-photo {
	position: absolute;
	bottom: 4px;
}

ul.facility-list {
	position: absolute;
	right: 43px;
	top: 90px;
	margin: 0;
	padding: 0;
	width: 317px;
	color: #30444d;
	font: 1.2em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul.facility-list li {
	margin-bottom: 16px;
}

/* @group main */

.warehousing-body {
	margin-top: 9px;
	color: #30444d;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	position: absolute;
	top: 51px;
	width: 564px;
	text-align: justify;
}

.warehousing-body span {
	color: #98a2a6;
	font: bold 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	position: relative;
	bottom: 9px;
}



/* @end */

.industries-body {
	background: url(/warehousing/media/industries-bck.jpg) no-repeat;
	position: absolute;
	top: 58px;
	left: 59px;
	width: 254px;
}

.industries-body ul {
	color: #687277;
	font: 1.5em "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.industries-body ul li {
	margin-bottom: 11px;
	margin-top: 4px;
	list-style-type: none;
}

.industries-photo {
	position: absolute;
	right: 45px;
	bottom: -9px;
}