@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
}

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
}

.wrapper-copy {
	width: 960px;
	clear:both;
	margin: 0px 0px 0px 0px;	
}

.section-wrapper {
	width: 960px;
	height: 350px;
	margin-bottom: 26px;
}

a {
	color: #0076B2;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}	

.left {
	float: left;
	clear: none;	
}

.block {
	display: block;	
}

span.first {
	margin-top: 13px;	
}

h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 20px 0px;	
}

h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;	
	margin: 0px 0px 20px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #555;	
}

p {
	margin-bottom: 20px;
	text-align: justify;
}

.utility1 {
	color: #666;
	font-size: 9px;
	letter-spacing: .2em;
	text-transform: uppercase;	
}


.utility2 {
	color: #000;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;	
}

body.page .col1 {
	float: left;
	width: 470px;	
	margin-right: 10px;
}

body.page .col2 {
	float: right;
	width: 480px;	
}

/* ===================
		Header 
=======================*/

#header {
	width: 100%;
	height: 90px;
	margin: 0 auto;	
}

#header .logo {
	float: left;
	clear: none;
	width: 342px;
	height: 65px;
	margin: 10px 0px 20px -15px;
	background: url(images/home_contact_emp_logo.png) no-repeat left top;
}

#header .logo a#logo-baycastinc {
	position: absolute;
	width: 240px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;	
}

#header .logo a#logo-baycasttech {
	position: absolute;
	width: 185px;
	height: 50px;
	margin: 0px 0px 0px 165px;
	text-decoration: none;	
}

#header .logo a:hover {
	text-decoration: none;	
}

#header .logo a span {
	display: none;	
}

/* Navigation */

#navigation {
	position: absolute;
	width: 500px;
	height: 25px;	
	z-index: 9999;
	}
	
#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

#navigation ul li {
	float: left;
	clear: none;
	width: 100px;	
}

#navigation ul li a {
	float: left;
	clear: none;
	width: 100px;
	height: 25px;	
}

#navigation ul li a span {
	display: none;	
}

li.nav-item-casting {
	background-color: #D68528;
}

li.nav-item-casting a {
	background: url(images/nav-item-casting.png) no-repeat center -16px;		
}

li.nav-item-machining {
	background-color: #1B9A8B;
}

li.nav-item-machining a {
	background: url(images/nav-item-machining.png) no-repeat center -16px;	
}

li.nav-item-plates {
	background-color: #00A3E3;
}

li.nav-item-plates a {
	background: url(images/nav-item-plates.png) no-repeat center -16px;	
}

li.nav-item-contact {
	background-color: #555555;
}

li.nav-item-contact a {
	background: url(images/nav-item-contact.png) no-repeat center -16px;	
}

#navigation ul li a:hover,
#navigation ul li.selected a {
		background-position: center 9px;
}

p.footnote {
	color: #666;
	font-style: italic;	
	padding-top: 6px;
	line-height: 20px;
	background: url(images/footnote-line.png) no-repeat left top;
}

/*=================
	 Footer 
===================*/

#footer, .containerPush {
	height: 170px; /* .push must be the same height as .footer */
}

#footer {
	width: 960px;
	height: 70px;
	padding-top: 100px;
	clear: both;
	margin: 20px auto 0px auto;
}

#footerInner {
	width: 960px;
	height: 70px;	
	color: #FFF;
	background: #727273;
}

#footer p {
	float: right;
	clear: none;
	font-size: 12px;
	margin: 16px 25px 0px 0px;	
}

#footer p span {
	padding: 0px 12px 0px 12px;	
}


/*=========================================================================
								Home Page
==========================================================================*/

body.home .section-wrapper {
	display: none;	
}

body.home .slider-wrapper {
	height: 350px;	
	margin-bottom: 30px;
}



body.home .col1,
body.contact .col1 {
	float: left;
	width: 717px !important;
}

body.home .col2,
body.contact .col2 {
	float: right;
	width: 220px !important;
	border-left: 1px solid #A1A1A1;
	margin-left: 7px;
	padding-left: 7px;
}


body.home .part {
	background: none;	
}

/*=========================================================================
								Sub Pages
==========================================================================*/

body.casting .section-wrapper {
	background: url(images/casting_LRG_1.jpg) no-repeat left top;	
}

body.casting .col1 h2 {
	color: #EE8615;	
}

body.machining .section-wrapper {
	background:url(images/machining_LRG_1.jpg) no-repeat left top;	
}

body.machining .col1 h2 {
	color: #009C8D;	
}

body.plates .section-wrapper {
	background:url(images/plate_LRG_1.jpg) no-repeat left top;		
}

body.plates .col1 h2 {
	color: #0B90BE;	
}

body.contact .section-wrapper {
	height: 179px;
	background: url(images/contact_LRG%201.jpg) no-repeat left top;	
}

body.employment .section-wrapper {
	/*height: 350px;*/
	background: url(images/hp_emp_LRG_5_1.jpg) no-repeat left top;	
}

/*=========================================================================
								Contact Form
==========================================================================*/

#formContact {
	margin: 0px 0px 0px 40px;	
}

#formContact .row {
	float: left;
	clear: both;
	display: block;
	width: 710px;
	margin-bottom: 10px;	
}

#formContact div.label {
	float: left;
	clear: none;
	width: 105px;
	margin-right: 8px;
	text-align: right;	
	white-space: nowrap;
}

#formContact div.input {
	float: left;
	clear: none;	
}

#formContact div.input span {
	float: right;
	clear: none;
	width: 15px;
	height: 15px;
	margin: 4px 0px 0px 2px;
}

#formContact div.input span.error {
	text-indent: -9999px;
	background: url(images/ico-error.png) no-repeat left top;	
}

#formContact #subject {
	width: 236px;
}

#formContact #name,
#formContact #email,
#formContact #phone,
#formContact #company {
	width: 175px;	
}

#formContact #message {
	width: 486px;
	height: 80px;	
}

#SubmitContact {
	width: 103px;
	height: 23px;
	border: none;
	padding: 0px;
	text-indent: -9999px;
	margin-left: 500px;
	cursor: pointer;
	background: url(images/btn-sendMessage.gif) no-repeat left top;	
}

a#mapit {
	display: block;
	margin-top: 15px;
	padding-left: 20px;
	line-height: 24px;
	background: url(images/ico-mapPoint.png) no-repeat left top;	
}

.show_error {
	color: #CC0000;
	line-height: 12px;
	margin-bottom: 10px;
	padding: 9px 9px 9px 36px;
	background: #FCF7D1 url(images/ico-error.png) no-repeat 11px 6px;	
}

h2.msgThankYou {
	color: #555;
	margin-top: 10px;	
}


/*=========================================================================
								Parts Slider
==========================================================================*/

.part {
	max-width: 220px;
	padding-left: 8px;
	overflow: hidden;
	background: url(images/bg-vt-line.gif) no-repeat left 5px;	
}

.utility1.top  {
	margin-bottom: 11px;	
}

.part.first {
	margin-right: 10px;
}


/*=========================================================================
								Employment Part
==========================================================================*/
.container{
	max-width: 960px;
	height: 260px;
	margin :0 auto;
}

body.employment .col1 {
	float: left;
	width: 850px !important;
}

li.nav-item-employment {
	background-color: #c42727;
}

li.nav-item-employment a {
	background: url(images/nav-item-employment.png) no-repeat center;	
}
li.nav-item-employment a:hover {
	opacity: 0.6;
}

/*=========================================================================
								Machine Header logo
==========================================================================*/

#header {
	width: 100%;
	height: 94px;
	margin: 0 auto;	
}

#header .machinelogo {
	float: left;
	clear: none;
	width: 342px;
	height: 65px;
	margin: 10px 0px 20px -15px;
	background: url(images/machine_logo.png) no-repeat left top;
}

#header .machinelogo a#logo-machine {
	position: absolute;
	width: 240px;
	height: 50px;
	margin: 0 auto;
	text-decoration: none;	
	display: block;
}

#header .machinelogo a:hover {
	text-decoration: none;	
}

#header .machinelogo a span {
	display: none;	
}


/*=========================================================================
								Plates Header logo
==========================================================================*/

#header {
	width: 100%;
	height: 90px;
	margin: 0 auto;	
}

#header .plateslogo {
	float: left;
	clear: none;
	width: 342px;
	height: 65px;
	margin: 10px 0px 20px -15px;
	background: url(images/plates_logo.png) no-repeat left top;
}

#header .plateslogo a#logo-plates {
	position: absolute;
	width: 240px;
	height: 50px;
	margin: 0 auto;
	text-decoration: none;	
	display: block;
}

#header .plateslogo a:hover {
	text-decoration: none;	
}

#header .plateslogo a span {
	display: none;	
}
/*=========================================================================
								Casting Header logo
==========================================================================*/

#header {
	width: 100%;
	height: 95px;
	margin: 0 auto;	
}

#header .castinglogo {
	float: left;
	clear: none;
	width: 342px;
	height: 65px;
	margin: 10px 0px 20px -15px;
	background: url(images/casting_logo.png) no-repeat left top;
}

#header .castinglogo a#logo-cast {
	position: absolute;
	width: 240px;
	height: 50px;
	margin: 0 auto;
	text-decoration: none;	
	display: block;
}

#header .castinglogo a:hover {
	text-decoration: none;	
}

#header .castinglogo a span {
	display: none;	
}