/*
Theme Name: custom-plastics
Description: Custom Plastics WordPress theme.
Author: floating-point
Author URI: http://www.floating-point.com/
Version: 2.0
License: Commercial
Tags: customplastics, injectionmolding
*/

/* Colour Pallette 

Dark Blue: #00547c
Light Blue: #bac6dd 

*/


/* Standard HTML */

body
{
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-family: 'LiberationSansRegular', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
} 

h1
{
	color: #00457c;
	text-shadow: -1px 0 1px #BAC6DD, 0 1px 1px #BAC6DD, 1px 0 1px #BAC6DD, 0 -1px 1px #BAC6DD;
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 40px;
	text-decoration: none;
	font-style: italic;
}
h2
{
	color: #00457c;
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
h3
{
	color: #fff;
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	font-size: 24px;
	text-decoration: none;
	margin-bottom: 10px;
	margin: 0;
}

h4
{
	color: #00457c;
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}

.clear-break
{
	clear: both;
}

a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

/* Typography */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */



@font-face {
    font-family: 'LiberationSansRegular';
	src: url('fonts/LiberationSans-Regular-webfont.svg#LiberationSansRegular') format('svg');
    src: url('fonts/LiberationSans-Regular-webfont.eot');
    src: url('fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Regular-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LiberationSansItalic';
	src: url('fonts/LiberationSans-Italic-webfont.svg#LiberationSansItalic') format('svg');
    src: url('fonts/LiberationSans-Italic-webfont.eot');
    src: url('fonts/LiberationSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Italic-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LiberationSansBold';
	src: url('fonts/LiberationSans-Bold-webfont.svg#LiberationSansBold') format('svg');
    src: url('fonts/LiberationSans-Bold-webfont.eot');
    src: url('fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Bold-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LiberationSansBoldItalic';
	src: url('fonts/LiberationSans-BoldItalic-webfont.svg#LiberationSansBoldItalic') format('svg');
    src: url('fonts/LiberationSans-BoldItalic-webfont.eot');
    src: url('fonts/LiberationSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/LiberationSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* Header Area */

#header
{
	width: 944px;
	margin: 0 auto;
	top: 5px;
}
#logo-container
{
	width: 150px;
	height: 120px;
	float: left;
	margin-top: 10px;	
}

#slideshow-container
{

	width: 944px;
	height: 515px;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: -1;
	border: 0;	

}

#slideshow
{
	width: 944px;
	height: 515px;
	margin: 0 auto;
	border: 0;
	z-index: -1;
}

#header-contact
{
	float: right;
	text-align: left;
	color: #fff;
	background-color: #b20838;
	margin-top: 20px;
	height: 50px;
	padding: 15px;
	padding-bottom: 0;
	padding-top: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;	
	}
#header-contact p
{
	margin: 0;
	color: #fff;	
	}
	
	#header-contact a
{
		color: #fff;
	}
#tagline
{
	position: absolute;
	left: 0;
	top: 415px;
	z-index: 100;
	}
	
	#tagline2
{
	position: absolute;
	left: 0;
	top: 400px;
	z-index: 100;
	}

#tagline3
{
	width:944px;
	height:100px;
	margin-top:20px;
	margin-bottom:20px;
	}	

/* Navigation */

#utility-nav
{
	float: left;
	width: 200px;
	color: #00457c;
	margin-top: 45px;
	margin-bottom: 0;
	font-size: 12px;
	margin-left: 55px;
	}
	
#utility-nav ul
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#utility-nav li
{
	display: inline;
	margin: 0;
	padding: 0;
}

	
#utility-nav a
{
	color: #00457c;
	}
	#utility-nav a:hover
{
	text-decoration: underline;
	}

#navigation-container
{
	width: 750px;
	height: 30px;
	background-color: #00457c;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: right;
	margin-top: 5px;
	padding-left: 15px;
}

#navigation
{
	
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	color: #FFF;
	font-size: 16px;
	width: 750px;
	height: 30px;
}
	
#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#navigation li
{
	display: inline;
	height: 30px;
}
		
#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:active
{
	float: left;
	display: block;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;

}
		
#navigation a:hover
{
	color: #00457c;
	display: block;
	background-color: #bac6dd;
	text-decoration: none;
	padding: 5px 8px 5px 8px;
	font-weight: 600;
}

#sub-navigation
{
	
	color: #fff;
	font-family: 'LiberationSansBold', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	width: 944px;
	margin-top: 0;
	margin-bottom: 20px;
	float: left;
}
	
#sub-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#sub-navigation li
{
	display: inline;
	height: 30px;
}
		
#sub-navigation a,
#sub-navigation a:link,
#sub-navigation a:visited,
#sub-navigation a:active
{
	float: left;
	display: block;
	padding: 5px 12px 5px 12px;
	text-decoration: none;
	color: #fff;
	background-color: #B20838;
	font-weight: 600;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right:10px;

}
		
#sub-navigation a:hover
{
	color: #333;
	display: block;
	background-color: #ccc;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	font-weight: 600;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/* Content Area */

#markets-callout
{
	width: 100%;
	height: 250px;
	margin: 0;
	position: absolute;
	top: 515px;
	
	}
#markets-thumbs-container
{
	width: 944px;
	margin: 0 auto;
	height: 215px;
	padding-top: 22px;
	}
#markets-thumb1
{
	float: left;
	width: 215px;
	height: 205px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 25px;
	overflow: hidden;
	border: solid 1px #00457c;
	}
#markets-thumb2
{
	float: left;
	width: 215px;
	height: 205px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 25px;
	overflow: hidden;
	border: solid 1px #00457c;

	}
#markets-thumb3
{
	float: left;
	width: 215px;
	height: 205px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 25px;
	overflow: hidden;
	border: solid 1px #00457c;
	}
#markets-thumb4
{
	float: left;
	width: 215px;
	height: 205px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: solid 1px #00457c;
	}
#stage
{
	position: absolute;
	top: 765px;
	width: 100%;
	}
#stage2
{
	position: absolute;
	top: 560px;
	width: 100%;
	}
	
#stage3
{
	position: absolute;
	top: 350px;
	width: 100%;
	}	

#primary-content
{
	width: 900px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;
	background-color: #bac6dd;
}
#primary-content2
{
	width: 944px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 20px;
}
#primary-content p
{
	color: #00457c;
	}
#primary-content a
{
	color: #333;
	}
#left-column
{
	width: 445px;
	margin-right: 20px;
	margin: 0;
	float: left;
}
#right-column
{
	width: 445px;
	margin: 0;
	float: right;
}

#content-column
{
	width: 890px;
	}
	
#content-column a
{
	color: #00457c;
	text-decoration:none;
	}
	
#content-column a:hover
{
	text-decoration:underline;
	}	
	
#content-title
{
	width: 100%;
	height: 45px;
	background-color: #00457c;
	margin: 0;
	position: absolute;
	top: 515px;
	
	}
	
#content-title2
{
	width: 100%;
	height: 45px;
	background-color: #00457c;
	margin: 0;
	position: absolute;
	top: 285px;
	
	}
	
#content-title-container
{
	width: 944px;
	margin: 0 auto;
	height: 35px;
	padding-top: 12px;
	}

/* Footer Area */

#footer
{
	margin: 0 auto;
	width: 944px;
	min-height: 400px;
}

#footer-logo
{
	float: left;
	width: 125px;
	height: 98px;
	margin-top: 20px;
}
/* Buckets */

#bucket1,
#bucket2,
#bucket3
{
	float: left;
	width: 287px;
	margin-right: 35px;
	clear: right;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;
	background-color: #ffffff;
	}

#bucket3
{
	margin-right: 0;
	}
	
.bucket-title
{
	text-align: center;
	width: 287px;
	height: 50px;
	color: #fff;
	font-weight: 400;
	-moz-border-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-radius: 0;
	background-color: #00457c;
	}		
	
#bucket1 h3,
#bucket2 h3,
#bucket3 h3
{
	color: #ffffff;
	line-height: 48px;
	text-align:center;
	}	
		

#bucket1 p,
#bucket2 p,
#bucket3 p
{
	color: #00457c;
	padding: 10px;
	}
	
#bucket1 a,
#bucket2 a,
#bucket3 a
{
	color: #00457c;
	font-weight: 600;
	text-decoration:none;
	}
	
#bucket1 a:hover,
#bucket2 a:hover,
#bucket3 a:hover
{
	text-decoration:underline;
	}			
	
.read-more
{
	margin-left: 85px;
	font-weight: 600;
}

#button-container
{
	float: right;
	width: 290px;
	height: 40px;
	margin-top: 20px;
	margin-right: 2px;
}
#button-container a.submit
{
	background-color: #b20838;
	color: #fff;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;	
}
#button-container a:hover.submit
{
	background-color: #ccc;
	color: #00457c;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#button-container2
{
	float: left;
	width: 290px;
	height: 40px;
	margin-right:25px;
	clear: right;
}
#button-container2 a.submit
{
	background-color: #B20838;
	border: solid 1px #00457c;
	color: #ffffff;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
#button-container2 a:hover.submit
{
	background-color: #ccc;
	color: #333333;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;
}
#button-container3
{
	float: left;
	width: 290px;
	height: 40px;
	margin-left: 10px;
	clear: right;
}
#button-container3 a.submit
{
	background-color: #B20838;
	border: solid 1px #00457c;
	color: #ffffff;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
#button-container3 a:hover.submit
{
	background-color: #ccc;
	color: #333333;
	font-size: 20px;
	display: block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin-right: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;
}

#utility
{
	float: right;
	width: 200px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: right;
}

#utility a
{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	font-weight: 600;
	text-decoration: none;
}
#utility a:hover
{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	font-weight: 600;
	text-decoration: underline;
	
}

#copyright
{
	float: left;
	width: 640px;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: left;
}
#copyright a
{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	font-weight: 600;
	text-decoration: none;
}
#copyright a:hover
{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	font-weight: 600;
	text-decoration: underline;
	
}

.seo-text
{
	margin-top: 20px;
	font-size: 10px;
	line-height:12px;
	font-weight: 400;
	color: #333;
	text-align: left;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#testimonials
{
	font-size: 14px;
	float: left;
	text-align: left;
	width: 408px;
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	margin-left: 60px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #00457c;
	background-color: #ffffff;
}

#testimonials-title
{
	text-align: center;
	width: 408px;
	height: 50px;
	color: #fff;
	font-weight: 400;
	-moz-border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-radius: 0;
	background-color: #bac6dd;
}
#testimonials p
{
	color: #00457c;
	padding: 7px;
	}
#testimonials h3
{
	color: #00457c;
	line-height: 48px;
	text-align:center;
	}

#testimonials a
{
	color: #00457c;
	font-weight: 600;
}
#testimonials a:hover
{
	color: #00457c;
	font-weight: 600;
}