/* ===============================================
B-Side Plastics

--------------------------------------------------
AUTHOR(S): 
	matt@topspotims.com
==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #3b3b3b;

ORANGE			#fa8300;
LIGHT GREY TEXT #9c9c9c;
DARK GREY TEXT	#404040;

=================================================*/

/* ==== mini-reset         ============================== */
body, h1, h2, h3, h4, p, form, fieldset, label {
	margin: 0;
	padding: 0;
	border: none;
}

body{
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 62.5%;
	background: #3b3b3b url(../images/bg.gif) top repeat-x;
}
.clearBoth {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}
h1 {
	font: 1.8em Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-style: italic;
	color: #707070;
}
h2 {
	font: 1.6em Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-style: italic;
	color: #707070;
}
h3 {
	font: 1.2em Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-style: italic;
	color: #707070;
}

p {
	margin: 7px 0;
	font-size: 1.2em;
	line-height: 1.4;
	color: #404040;
}
a:focus {
	border: none;
	outline: none;
}
.required {
	color: #d61710;
}
a { 
	color: #e18117; 
}

/* ==== wrapper         ============================== */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

/* ==== header         ============================== */
#header {
	position: relative;
	margin: 0;
	height: 139px;
	background: transparent url(../images/header_bg.gif) top center repeat-x;
	overflow: auto;
}
	a#logo {
		position: absolute;
		display: block;
		left: 29px;
		top: 27px;
		text-indent: -9999px;
		overflow: hidden;
		background: transparent url(../images/header_logo.jpg) no-repeat;
		width: 216px;
		height: 98px;
	}
	p#callUs {
		position: absolute;
		right: 80px;
		top: 50px;
		font-weight: bold;
		color: #545454;
		font-size: 1.8em;
	}
		p#callUs span {
			color: #ff8800;
		}

/* ==== primaryNav         ============================== */
ul#primaryNav {
	position: absolute;
	top: 89px;
	right: 38px;
	height: 39px;
	padding: 1px 0 0 12px;
	background: transparent url(../images/primaryNav_bg_left.gif) left top no-repeat;
	overflow: auto;
	list-style: none;
}
	ul#primaryNav li {
		float: left;
	}
	ul#primaryNav li a {
		display: block;
		height: 39px;
		text-indent: -9999px;
		background: transparent url(../images/primaryNav_links.gif) top left no-repeat;
		overflow: hidden;
	}
		ul#primaryNav li a.home {
			width: 63px;
		}
		ul#primaryNav li a.home:hover {
			background-position: 0 -39px;
		}
		ul#primaryNav li a.about {
			width: 89px;
			background-position: -60px 0;
		}
		ul#primaryNav li a.about:hover {
			background-position: -60px -39px;
		}
		ul#primaryNav li a.injection {
			width: 221px;
			background-position: -149px 0;
		}
		ul#primaryNav li a.injection:hover {
			background-position: -149px -39px;
		}
		ul#primaryNav li a.materials {
			width: 90px;
			background-position: -370px 0;
		}
		ul#primaryNav li a.materials:hover {
			background-position: -370px -39px;
		}
		ul#primaryNav li a.industries {
			width: 102px;
			background-position: -464px 0;
		}
		ul#primaryNav li a.industries:hover {
			background-position: -464px -39px;
		}
		ul#primaryNav li a.contact {
			width: 104px;
			background-position: -568px 0;
		}
		ul#primaryNav li a.contact:hover {
			background-position: -568px -39px;
		}
	
/* ==== contentWrapper         ============================== */
#contentWrapper {
	margin: 0;
	padding: 0 40px;
	background: transparent url(../images/content_bg_top.gif) top no-repeat;
	overflow: auto;
}
	#content {
		margin: 0;
		padding: 10px 10px 0;
		background: #fff;
		overflow: auto;
	}
	#content.homeContent {
		border-top: 5px solid #e5e5e5;
	}
	.internalBanner {
		margin: 0;
		padding: 0;
		height: 98px;
		width: 920px;
		background: transparent url(../images/internal_banner.jpg) no-repeat;
		border-top: 5px solid #e5e5e5;
	}
	.breadCrumb {
		margin: 0;
		padding: 7px 20px;
		color: #fa8300;
		background: #fafafa;
	}
		.breadCrumb a {
			color: #fa8300;
			text-decoration: none;
		}
	
	#contentBody {
		float: left;
		width: 720px;
	}
	#content.threeCol #contentBody {
		width: 467px;
	}
	#content.oneCol #contentBody {
		width: 100%;
	}
		#contentBody.homeBanner {
			padding: 0 10px 0 600px;
			height: auto; /*-- 230px */
			width: auto;
			background: transparent url(../images/home_banner.jpg) left top no-repeat;
		}
		#contentBody.homeBanner h1 {
			margin: 5px 0 10px;
		}
		#contentBody.homeBanner a.learnMore {
			display: block;
			float: right;
			width: 89px;
			height: 36px;
			overflow: hidden;
			text-indent: -9999px;
			background: transparent url(../images/button_learn_more.gif) no-repeat;
			margin-top: -10px; 
		}
		
		ul.internalLinks {
			margin: 15px 0 0 -10px;
			padding: 5px 0 0 12px;
			width: 700px;
			height: 129px;
			background: transparent url(../images/internal_links_bg.gif) no-repeat;
			list-style: none;
		}
			ul.internalLinks li {
				float: left;
				padding: 3px 0;
				width: 232px;
			}
			ul.internalLinks li a {
				padding-left: 12px;
				background: transparent url(../images/bullet_orange_square.gif) left center no-repeat;
				color: #fa8300;
				font-weight: bold;
				font-size: 0.9em; 
			}
			ul.internalLinks li a:hover {
				color: #555;
			}
		
		img.rightPad {
			float: right;
			padding: 10px 0 0 10px;
		}
		img.rightPad2 {
			float: right;
			padding: 0 0 0 10px;
		}
		
		img.leftPad { 
			float: right; 
			padding: 0 18px 10px 10px; 
		}
		
		img.noStyle { 
			text-decoration: none; 
			border: none; 
		}
		
		a img { 
			text-decoration: none; 
			border: none; 
			font-style: none; 
		}
		
		.applicationsList {
			margin-left: -10px;
			padding: 0;
			width: 221px;
			background: transparent url(../images/applications_list_bg.gif) top left no-repeat;
		}
			.applicationsList h3 {
				padding: 7px 0 0 20px;
			}
			.applicationsList ul {
				margin: 0;
				padding-bottom: 20px;
				padding-left: 30px;
				background: transparent url(../images/applications_list_bg_bottom.gif) bottom no-repeat;
				list-style: none;
			}
				.applicationsList ul li {
					padding: 2px 0;
				}
				.applicationsList ul li a {
					padding-left: 12px;
					background: transparent url(../images/bullet_orange_square2.gif) left center no-repeat;
					color: #fa8300;
					font-size: 1.1em;
				}
		#contentBody ul li { 
			font-size: 1.2em; 
			color: #404040; 
		}
		#contentBody ul.noIndent li { 
			margin-left: -2em; 
		}
		#contentBody ul li ul li { 
			font-size: 1em; 
		}
		/* ==== About Us         ============================== */
		#about-us #contentBody p {
			margin-right: 350px;
		}
		
		
		
	#leftNav {
		float: left;
		margin-right: 20px;
		padding: 15px 0 0;
		width: 230px;
		background: transparent url(../images/leftNav_bg.gif) top no-repeat;
	}
		#leftNav h3 {
			margin: 0 0 7px 15px;
			color: #fff;
			font-style: normal;
			font-size: 1.4em;
		}
		#leftNav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#leftNav ul li {
				padding: 3px 0 3px 17px;
				
			}
			#leftNav ul li a {
				padding-left: 12px;
				background: transparent url(../images/bullet_white_square.gif) left center no-repeat;
				color: #fff;
				font-weight: bold;
			}
			#leftNav ul li.last {
				padding-bottom: 20px;
				background: transparent url(../images/leftNav_bg_bottom.gif) bottom no-repeat;
			}
			#leftNav ul li a:hover {
				color: #000;
			}
			#leftNav ul li.active a {
				color: #555;
			}
	
	#sidebar {
		float: right;
		width: 165px;
	}
		#sidebar a.rfq {
			display: block;
			margin-left: -7px;
			width: 173px;
			height: 51px;
			text-indent: -9999px;
			overflow: auto;
			background: transparent url(../images/rfq.gif) top no-repeat;
		}
		#sidebar a.rfq:hover {
			background-position: 0 -51px;
		}
		
		#sidebarNav {
			margin: 10px 0 0;
			padding: 10px 0 0;
			width: 161px;
			background: transparent url(../images/sidebar_nav_bg.gif) top no-repeat;
		}
			#sidebarNav h3 {
				color: #fff;
				text-align: center;
			}	
			#sidebarNav ul {
				margin: 10px 0 0;
				padding: 0 5px 10px 5px;
				list-style: none;
				background: transparent url(../images/sidebar_nav_bottom.gif) bottom no-repeat;
			
			}
				#sidebarNav ul li {
					margin: 0;
					padding: 7px 0 7px 10px;
					border-bottom: 1px solid #4c4c4c;
				}
				#sidebarNav ul li a {
					position: relative;
					padding-left: 12px;
					background: transparent url(../images/bullet_orange_square2.gif) left center no-repeat;
					color: #ccc;
					text-decoration: none;
					font-size: 1.2em;
				}
				#sidebarNav ul li.last {
					border: none;
				}
				#sidebarNav ul li.last a {
					color: #ff8800;
				}
				#sidebarNav ul li a:hover {
					color: #fff;
				}
				
		
	
	#sidebar.homeSidebar {
		float: none;
		width: auto;
		clear: both;
	}
		/* ==== homeMaterials         ============================== */
		#sidebar.homeSidebar #homeMaterials {
			float: left;
			margin-left: -8px;
			padding: 7px 18px;
			width: 544px;
			height: 147px;
			background: transparent url(../images/homeMaterials_bg.gif) left top no-repeat;
		}
		#sidebar.homeSidebar #homeMaterials img {
			float: right;
		}
		#sidebar.homeSidebar #homeMaterials ul {
			float: left;
			width: 380px;
			margin: 8px 0 0;
			padding-left: 25px;
			list-style: none;
		}
		#sidebar.homeSidebar #homeMaterials ul li {
			position: relative;
			float: left;
			width: 190px;
			padding: 7px 0;
		}
		#sidebar.homeSidebar #homeMaterials ul li a {
			padding-left: 12px;
			background: transparent url(../images/bullet_orange_square.gif) left center no-repeat;
			color: #ff8800;
			font-weight: bold;
			
		}
		#sidebar.homeSidebar #homeMaterials ul li a:hover {
			color: #555;
		}
		
		/* ==== HomeIndustries         ============================== */
		#sidebar.homeSidebar #homeIndustries {
			float: left;
			margin-right: -8px;
			padding: 7px 18px;
			width: 296px;
			height: 147px;
			background: transparent url(../images/homeIndustries_bg.gif) left top no-repeat;
		}
		#sidebar.homeSidebar #homeIndustries img {
			float: right;
		}
		#sidebar.homeSidebar #homeIndustries ul {
			float: left;
			width: 120px;
			margin: 8px 0 0;
			padding-left: 25px;
			list-style: none;
		}
		#sidebar.homeSidebar #homeIndustries ul li {
			float: left;
			width: 120px;
			padding: 7px 0;
		}
		#sidebar.homeSidebar #homeIndustries ul li a {
			padding-left: 12px;
			background: transparent url(../images/bullet_orange_square.gif) left center no-repeat;
			color: #ff8800;
			font-weight: bold;
		}
		#sidebar.homeSidebar #homeIndustries ul li a:hover {
			color: #555;
		}
		
/* ==== forms         ============================== */
form {
	float: left;
}
	form label {
		display: block;
		margin: 3px 0 0;
		font-size: 1.2em;
		color: #555;
	}
	form input {
		margin: 2px 0;
		padding: 4px;
		width: 200px;
		border: 1px solid #555;
		font-size: 1.2em;
		font-weight: bold;
	}
	form textarea {
		margin: 2px 0;
		padding: 1px;
		width: 400px;
		height: 100px;
		font-size: 1.2em;
		border: 1px solid #555;
	}
	form input.submit {
		display: block;
		padding: 5px 20px;
		background: #fa8300;
		width: auto;
		color: #fff;
	}

/* ==== footer         ============================== */
#footer {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	background: transparent url(../images/footer_bg.gif) top left no-repeat;
	overflow: auto;
}
	#footer p {
		float: left;
		font-size: 1em;
		color: #d0d0d0; 
	}
	#footer p.nav {
		float: right;
		color: #808080;
		font-weight: bold;
	}
	#footer p.nav a {
		color: #ff8800;
		text-decoration: none;
	}
	#footer p.nav a:hover {
		text-decoration: underline;
	}
	#footer p.credits {
		clear: both;
		display: block;
		width: 100%;
		margin: 20px 0 0;
		text-align: center;
	}
		#footer p.credits a {
			color: #9c9c9c;
			text-decoration: none;
		}
		
/* ==== Sitemap         ============================== */

#page-not-found #contentBody ul, #sitemap #contentBody ul {
	
}
#page-not-found #contentBody ul li, #sitemap #contentBody ul li {
	padding: 3px 0;
}
#page-not-found #contentBody ul li a, #sitemap #contentBody ul li a {
	font-size: 12px;
	color: #fa8300;
}
#page-not-found #contentBody ul li a:hover, #sitemap #contentBody ul li a:hover {
	color: #000;
}