/* Melet Plastics Inc. CSS Styles */
/* Design by: Bio Design Works */
/* Development by: Notion Design */
/* Visit: http://www.biodesignworks.com */
/* Visit: http://www.notiondesign.ca */

body {
	background: #022f4e url(images/body-background-blare.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.maincontainer {	
	width: 987px;
	margin: 0 auto;
	background: transparent url(images/dotted-pattern.png) repeat-y;
}

.maincontainer:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}

.insidecontainer {
	width: 746px;
	margin: 0 auto;
	padding: 0;
}

.insidecontainer:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}

#logo-banner {
	width: 746px;
	height: 115px;
	background: transparent url(images/logo-slogan-banner.png) no-repeat;
}

#logo-banner h1, h2 {
	display: none;
}

/********** TOP NAVIGATION ***************/

#navigation-bar {
	width: 746px;
	height: 55px;
	background: transparent url(images/navigation-bar-top.png) no-repeat;
}

#navigation-bar ul {
	height: 48px;
	margin: 0;
	padding: 0 0 0 31px;
	display: block;
}

#navigation-bar ul li {
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}

#navigation-bar ul li a {
	height: 40px;
	display: block;
	text-indent: -9999px;
}

#home a {
	width: 94px;
	margin: 0;
	height: 40px;
}

#services a {
	width: 118px;
	height: 40px;
}

#casestudies a {
	height: 40px;
	width: 125px;
}

#resources a {
	height: 40px;
	width: 140px;
}

#careers a {
	height: 40px;
	width: 85px;
}

#contact a {
	height: 40px;
	width: 110px;
}

/**************/

#promo-banner {
	width: 714px;
	height: 260px;
	background: transparent url(images/melet-banner-top.png) no-repeat;
	padding-left: 32px;
}

#dots {
    position: absolute;
    overflow: hidden;
}

#dots a {
    background: url(images/dot-grey.gif) top left no-repeat;
    display: block;
    float:left;
    height: 8px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 8px;
}

#dots a:first-child {
    margin-left: 0;
}

#dots a.active {
    background: url(images/dot-white.gif) top left no-repeat;
}

#content-area-home {
	width: 746px;
	height: 510px;
	background: transparent url(images/homepage-content-bkgrnd.png) no-repeat;
}

#virtual-tour-module {
	width: 315px;
	height: 495px;
	margin: 0 50px 0 0;
	padding: 0;
	float: right;
}

#virtual-tour-module h3 {
	display: none;
}

#virtual-tour-module p {
	display: none;
}

#case-studies-module {
	width: 315px;
	height: 147px;
	margin: 0 0 0 392px;
}

#homepage-content {
	width: 300px;
	margin: 20px 0 0 60px;
	padding: 0;
	float: left;
}

#homepage-content h3 {
	width: 282px;
	height: 48px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(images/melet-plastics-title-home.png) no-repeat top left;
}

#content-area-home a {
	display: none;
}

#homepage-content p {
	color: white;
	display: block;
	font-size: 90%;
	line-height: 170%;
}

#footercontainer {
	width: 746px;
	height: 84px;
	margin: 0 auto;
	background: transparent url(images/footer.png) no-repeat;
}

#footercontainer ul {
	margin: 0;
	padding: 0 0 0 130px;
	display: block;
}

#footercontainer ul li {
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}

#footercontainer ul li a {
	height: 40px;
	display: block;
	text-indent: -9999px;
}
#homefoot a {
	width: 50px;
	margin: 0;
}

#servicesfoot a {
	width: 67px;
}

#casestudiesfoot a {
	width: 83px;
}

#resourcesfoot a {
	width: 140px;
}

#careersfoot a {
	width: 55px;
}

#contactfoot a {
	width: 80px;
}

#copyright-container {
	width: 746px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	color: #478ec4;
	font-size: 75%;
}

#copyright {
	display: block;
	padding: 0;
	margin: 0 0 0 30px;
	float: left;
	color: #478ec4;
}

#bio-design {
	display: block;
	padding: 0;
	margin: 0 30px 0 0;
	float: right;
	color: #478ec4;
}

#bio-design a {
	color: #478ec4;
	text-decoration: none;
}

/**** INTERIOR PAGES ******/

#interior-promo-banner {
	width: 746px;
	height: 254px;
	background: transparent url(images/interior-melet-banner.png) no-repeat;
	padding-left: 32px;
}

/* REMOVE THE HEIGHT FROM THIS AFTER */
#interior-content-area {
	width: 746px;
	/*height: 1000px;*/
	background: transparent url(images/interior-body-bkgrnd.png) repeat-y;
}
/**************************************/

#interior-footercontainer {
	width: 746px;
	height: 97px;
	margin: 0 auto;
	background: transparent url(images/interior-footer.png) no-repeat;
}

#interior-footercontainer ul {
	margin: 0;
	padding: 0 0 0 130px;
	display: block;
}

#interior-footercontainer ul li {
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}

#interior-footercontainer ul li a {
	height: 40px;
	display: block;
	text-indent: -9999px;
}

#leftside-content-container {
	width: 243px;
	margin: 0 0 0 32px;
	padding: 0;
	float: left;
}

#leftside-content-container:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}

/**** HEADLINES PAGE ****/

#headline-container {
	width: 422px;
	margin: 0;
	padding: 20px;
	background: #d7ebfb;
}

#headline-container h1 {
	color: #023a64;
}

#headline-container img {
	border: 1px solid #a0c7e8;
}



/*** SERVICES SIDEBAR LINK BUTTONS *****/
#engineering-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-engineer01.png) no-repeat;
}

#rapid-prototyping-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-rapid-prototype.png) no-repeat;
}

#mold-manufacturing-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-mold-manufa.png) no-repeat;
}

#injection-molding-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-injection-mold.png) no-repeat;
}

#secondary-operations-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-secondary-ops.png) no-repeat;
}

#composites-button {
	width: 220px;
	height: 113px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(images/services-composites.png) no-repeat;
}

.compositesImg img
{
    border: 4px solid #F5FAFE;
    }

/*------------------------------------*/

#rightside-content-container {
	width: 418px;
	margin: 0;
	padding: 0 0 40px 0;
	float: left;
}

#rightside-content-container:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}

.static-content-container ul {
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	width: 417px;
}

.static-content-container ul li {
	display: block;
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	background: transparent url(images/bullet-blue.gif) no-repeat 0 8px;
}

.static-content-container p {
	display: block;
	float: left;
	width: 417px;
	margin: 0 0 15px 0;
	padding: 0;
}

.static-content-container h5 {
	display: block;
	float: left;
	width: 417px;
	margin: 0 0 5px 0;
	padding: 0;
}

.static-content-container h4 {
	background-color: #FFFFFF;
	border: 1px solid #99BFD3;
	line-height: 140%;
	display: block;
	float: left;
	margin: 0;
	padding: 15px;
	font-size: 95%;
	text-align: center;
}

.static-content-container img {
	padding: 0;
	margin: 0 10px 20px 0;
	display: block;
	float: left;
	border: 4px solid #f5fafe;
	
}

#mold-flow-swf {
	padding: 0;
	margin: 0 10px 20px 0;
	display: block;
	float: left;
	border: 4px solid #f5fafe;
}

.text-float-right {
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
}

.text-float-left {
	float: left;
}

.image-float-left {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	border: 4px solid #f5fafe;
}

.image-float-right {
	padding: 0;
	margin: 0 0 0 5px;
	display: block;
	float: right;
	border: 4px solid #f5fafe;
}

/***** CONTACT US PAGE STYLES ******/

.contact-content-container {
	width: 422px;
	margin: 0 0 10px 0;
	padding: 0;
}

#contactAddress ul {
	width: 195px;
	display: block;
	float: right;
	padding: 0;
	margin: 0 0 20px 0;
}

#contactAddress ul li {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
}

#contactAddress ul li.no-bullet {
	background: none;
	padding: 0;
}

#contactAddress p {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
}

#footer-fieldset {
	margin: 0;
	padding: 0;
	display: block;
}

#send-field {
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
}

#send-button {
	width: 54px;
	height: 27px;
	border: none;
	background: transparent url(images/send-button.gif) top left no-repeat;
}
	
#send-button a {
	display: block;
	width: 54px;
	height: 27px;
	text-indent: -9999px;
}

#errorMessages {
	color:#ac5901;
}


.orange-bullet {
	background: transparent url(images/orang-arrow-icon.gif) no-repeat 0 6px;
}

#contactAddress {
    margin-top: 15px;
	width: 422px;
}

.formHidden {
	display: none;
}

/***** LEFT SIDE MENU - CAREERS SECTION **********/

#side-submenu {
	width: 235px;
	margin: 0;
	padding: 0 0 30px 0;
	background: transparent url(images/grid-lines.gif) repeat-y 2px 0px;
}

#job-openings-title {
	width: 216px;
	height: 45px;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/careers-job-openings.png) no-repeat top left;
}

#side-submenu ul {
	width: 165px;
	padding: 0;
	margin:  0 0 0 17px;
	display: block;
	list-style-type: none;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}

#side-submenu .nolist
{
	color: #fff;
	font-weight:bold;
	margin: auto auto 0 17px;
	}
	
#side-submenu ul li {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	line-height: 110%;
	background: transparent url(images/cog-icon.png) no-repeat 0 0;
}

#side-submenu ul li a {
	color: #FFF;
}

a.backto
{
	display: block;
	width: auto;
	font-size: 90%;
	color: #b2e1fd;
	margin: 0 0 15px 20px;
	padding-left: 16px;
	background: transparent url(images/backto.gif) no-repeat 0 3px;
	}

/********* LEFT SIDE MENU - CASE STUDIES SECTION *********/

#case-studies-title {
	width: 216px;
	height: 45px;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/case-studies-selections.png) no-repeat top left;
}

/*********** LEFT SIDE MENU - RESOURCE CENTRE SECTION ******/

#resource-links-title {
	width: 216px;
	height: 45px;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/resource-links-title.png) no-repeat top left;
}



/******** LEFT FAST FACT MODULE **********/

#side-fast-fact {
	width: 216px;
	height: 269px;
	margin: 0;
	padding: 0;
	background: transparent url(images/fast-fact-canvas.png) no-repeat top left;
}

#side-fast-fact img {
	margin: 0;
	padding: 0 0 0 5px;
	display: block;
	border: none;
}

#side-fast-fact p {
	width: 185px;
	display: block;
	color: #fff;
	font-size: 70%;
	margin: 0;
	padding: 15px 0 0 20px;
	/*text-transform: lowercase;*/
	font-weight: bold;
}

#fast-fact-title {
	width: 216px;
	height: 45px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(images/fast-fact-title.png) no-repeat top left;
}

/**** LEFT SIDE HEADLINES MODULE ******/

#headlines-title {
	width: 216px;
	height: 45px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(images/headlines-title.png) no-repeat top left;
}

#side-headlines {
	width: 216px;
	height: 399px;
	margin: 0;
	padding: 0;
	background: transparent url(images/headlines-canvas.png) no-repeat top left;
}

#side-headlines p {
	width: 160px;
	display: block;
	color: #fff;
	font-size: 80%;
	margin: 0;
	padding: 10px 0 0 20px;
}

#side-headlines h3 {
	width: 170px;
	display: block;
	color: #efb725;
	font-size: 80%;
	margin: 0;
	padding: 20px 0 0 20px;
}

#side-headlines img {
	margin: 0;
	padding: 0 0 0 5px;
	display: block;
}
	
	

/******* Fonts & Colors ********/

p {
	font-size: 80%;
	color: #023a64;
	line-height: 21px;
}

h3 {
	font-size: 90%;
	color: #023a64;
}

h4 {
	font-size: 90%;
	color: #023a64;
}

h5 {
	color: #023a64;
}

a {
	color: #CC3300;
}

/* Mozilla Firefox */
a:active {
	outline: none;
}
 
a:focus {
	-moz-outline-style: none;
}
/*******************/

ul {
	color: #023a64;
	font-size: 80%;
	line-height: 21px;
	text-decoration: none;
	list-style-type: none;
}

.title1 {
	width: 405px;
	height: 40px;
	margin: 8px 0 0 0;
	padding: 6px 0 0 25px;
	display: block;
	background: transparent url(images/title-basic.gif) no-repeat top left;
}

.title2 {
	font-size: 90%;
	font-weight: bold;
	color: #023a64;
	height: 21px;
	margin: 10px 0 10px 0;
	padding: 0 0 1px 20px;
	display: block;
	background: transparent url(images/sub-title.gif) no-repeat bottom left;
}

.inline {
	display: inline;
}

.block {
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
}

.orange {
	color: #FF6600;
}

.light-orange {
	color: #ffa300;
}

.left {
    float: left;
}

/******* CAREERS ********/
#careersSubmitBox
{
	width: 405px;
	padding: 5px;
	margin: 10px 0 20px 0;
	border: 1px solid #9cb7cc;
	background: transparent url(images/career-submit-bg.gif) repeat top left;
	}

#careersSubmitBox ul {
	list-style-image: url(images/career-submit-bullet.gif);
	padding: 0 0 0 5px;
	margin: 15px 0 0 20px;
}

#careersSubmitBox ul li {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
	
.careersDesc
{
	font-size: 12px;
	color: #043959;
	
	}

#submitApplication {
	list-style-image: none;
	width: 135px;
	height: 32px;
	background: transparent url(images/submit-application.png) top left no-repeat;
}
	
#submitApplication a
{
	display: block;
	width: 130px;
	height: 28px;
	text-indent: -9999px;
	}
	
	
/******* CASE STUDIES ********/
#caseStudiesList
{
	padding: 0;
	margin: 0 0 20px 0;
	}
	
#caseStudiesList li
{
	padding-left: 12px;
	background: transparent url(images/orang-arrow-icon.gif) center left no-repeat;
	}

.caseStudiesLabel
{
	font-size: 90%;
	color: #03589b;
	font-weight: bold;
	}
	
.caseStudiesDesc
{
	font-size: 100%;
	color: #043959;
	font-weight: bold;
	}
	
.caseStudiesImg
{
	width: 408px;
	margin: 25px 0 15px 0;
	padding: 0;
	border: 1px solid #a0c7e8;
	background: #fff;
	}



.caseStudiesImg img
{
	margin: 4px 4px 1px 4px;
	padding: 0;
	}
    	
/******* DESIGN RESOURCES CENTER ********/
.designResourceImg
{
	width: 408px;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #a0c7e8;
	background: #fff;
	}

.designResourceImg img
{
	margin: 4px 4px 1px 4px;
	padding: 0;
	}
	
.designResourceBlc 
{
	margin: 30px 0 0 0;
	}


/******* CLEARING ********/

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}