@charset UTF-8;


/*/////////////////////////////////////////// CSS Document /////////////////////////////////////////// */

body {
	height: 100%;
	margin:0;
	color:#070a34;
	font:13px/18px Arial, Helvetica, sans-serif;
	background:#c1c1c1 url(../images/body-bg.gif) repeat-x }
	
.clear {
	clear:both;
	display:block }
	

a {
	text-decoration:underline;
	color:#666; 
	}
	
a:hover { color:#444; text-decoration:none }

#container {
	margin:0 auto;
	overflow:hidden;
	padding:102px 0 0;
	position:relative;
	width:980px;
	visibility: visible;
	}

	#container.subpage { padding:170px 0 0 !important; }

#header-wrapper {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	background:url(../images/header-bg.gif) repeat-x scroll 0 100% }
	
	#header-wrapper.subpage { height:170px !important }

#header {
	height:82px;
	background: url(../images/bg_logo.gif) repeat-x;
	overflow:hidden;
	padding-top:0px;
	margin:0 auto;
	width:980px }
	
	.subpage #header { height:71px !important }
	
strong.logo {
	float:left;
	height:82px;
	margin:0 0 0 15px;
	overflow:hidden;
	text-indent:-9999px;
	width:300px; 
	}
	
strong.logo em {
	color:#312F63;
	display:block;
	font-size:13px;
	font-style:normal;
	margin:6px 0 0;
	padding:0;
	text-indent:0 !important;
	}
	
strong.logo a {
	background:url(../images/logo.gif) no-repeat 0 0;
	display:block;
	height:82px;
	width:200px;
	}
	
ul.nav {
	list-style:none;
	padding:0;
	overflow:hidden;
	margin:36px 0 0;
	float:right;
	}
	
ul.nav li {
	float:left;
	font-size:11px;
	padding:0 5px;
	font-weight:bold;
	}
	
ul.nav li.home a {
	background:url(images/home-bg.gif) no-repeat 0 -15px;
	padding-left:22px;
	height:15px;
	float:left;
	overflow:hidden;
	}
	
ul.nav li.home a:hover {background-position: 0 0;}

ul.nav li.home.current_page_item a {background-position: 0 0;}

ul.nav li a {
	color:#444;
	text-decoration:none;
	}

ul.nav li.current_page_item a, ul.nav li a:hover {color:#888;}

#main {
	width:980px;
	overflow:hidden;
	
	}






/*/////////////////////////////////////////// This is for the content of the Slider /////////////////////////////////////////// */




#content {
	font-size:16px;
	height:329px;
	overflow:hidden;
	position: absolute;
	top:109px;
	width:100%
	}

#content #slider-centered { position:relative; width:980px; margin:0 auto }

#content h1 {
	margin:0 0 21px;
	font-size:43px;
	line-height:43px;
	font-weight:bold;
	color: #333333;
	letter-spacing:-2px;
	}
	
#content p {
	line-height:26px;
	margin:0;
	}

#content #slider-1,
#content #slider-2,
#content #slider-3,
#content #slider-4 
#content #slider-5
#content #slider-6{
	position:absolute;
	top:0; left:0;
	height:267px; 
	}

#content #slider-1 {
	padding:27px 555px 35px 15px;
	width:410px; 
	}
	
#content #slider-2 {
	padding:27px 559px 35px 15px;
	width:406px;
	}

#content #slider-3 {
	padding:27px 564px 35px 15px;
	width:401px; 
	}
	
#content #slider-4 {
	padding:27px 538px 35px 15px;
	width:427px; 
	}

#content #slider-5 {
	padding:27px 538px 35px 15px;
	width:427px; 
	}
	
#content #slider-6 {
	padding:27px 538px 35px 15px;
	width:427px; 
	}

#content #slider-1 .slider-image { background:url('../images/slide_1.jpg') no-repeat 436px 0 }
#content #slider-2 .slider-image { background:url('../images/slide_3.jpg') no-repeat 436px 0 }
#content #slider-3 .slider-image { background:url('../images/slide_2.jpg') no-repeat 436px 0 }
#content #slider-4 .slider-image { background:url('../images/slide_4.jpg') no-repeat 436px 0 }
#content #slider-5 .slider-image { background:url('../images/slide_5.jpg') no-repeat 436px 0 }
#content #slider-6 .slider-image { background:url('../images/slide_6.jpg') no-repeat 436px 0 }


#content #slider-1 .slider-image,
#content #slider-2 .slider-image,
#content #slider-3 .slider-image,
#content #slider-4 .slider-image,
#content #slider-5 .slider-image,
#content #slider-6 .slider-image {
	width:980px;
	height:328px;
	position:absolute;
	top:0; left:0 }
	
#content .slider-header,
#content .slider-p { position:relative }

	
	
	
/*///////////////////////////////////////////  This is for the Learn More button in the slider ////////////////////////////////////////// */	
	
	

	
.more {
	display:block;
	width:100%;
	overflow:hidden;
	margin-top:-15px;
	position:relative;
	}
	
.more a {
	overflow:hidden;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	color: #FF6600;
	background: url(../images/button_learn.png) no-repeat;
	width:140px;
	height:36px;
	margin:12px 0 0 0;
	float:right;
	text-decoration: none;
	}
	
.more a:hover { color:#FFFFFF; }






	
/*/////////////////////////////////////////// This is for the UL of the Slider ////////////////////////////////////////// */	
	



ul.slider-links {
	margin:339px 0 0;
	position:relative;
	padding:0;
	width:980px;
	height:42px;
	text-align:center;
	list-style:none;
	background:#8E8E8E url(../images/slider-bg.gif) repeat-x;
	}

ul.navigation-links {
	margin:0 auto;
	position:relative;
	padding:21px 0 12px;
	width:980px;
	text-align:center;
	list-style:none;
	background: url(images/learn.gif) no-repeat;
	}

ul.slider-links li { height:50px; display:inline; float:left }

ul.slider-links li span {
	text-decoration:none;
	cursor:pointer;
	display:block;	
	color: #F2F2F2;
	width:181px;
	font-size:16px;
	height:32px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:14px;
	padding:14px 5px 10px 10px;
	}

ul.slider-links li.active span { cursor: default; background: url(../images/bg-links.gif) repeat-x ;}





/*/////////////////////////////////////////// This is for the Breadcrumb Trail ////////////////////////////////////////// */




ul.crumb-links {
	clear:both;
	margin:339px 0 0;
	position:relative;
	padding:0;
	width:980px;
	height:42px;
	list-style:none;
	background:url(../images/orange-crumbs.gif) repeat-x;
	text-decoration: none;
	}
	




ul.crumb-links li { height:50px; display:inline; float:left; text-decoration: none;}

ul.crumb-links li span {
	text-decoration: none;
	cursor:pointer;
	background:url(../images/crumbs-black.gif) no-repeat right center;
	display:block;	
	color: #F2F2F2;
	text-align: left;
	text-indent: 10px;
	width:121px;
	font-size:16px;
	height:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:14px;
	padding:14px 0px 10px 0px 
	}
	


ul.crumb-links li.active span { cursor: pointer; background: url(../images/crumbs-color.gif) no-repeat right center; text-decoration: none;}
ul.crumb-grey li.active span { cursor: pointer; color:#FF6600; text-decoration: none;}






/*////////////////////////////////////////// END OF HEADER / CAROUSEL //////////////////////////////////////////	
	
	
	
	
	
	
	
	
	
//////////////////////////////////////////////// MAIN CONTENT ////////////////////////////////////////////////*/
	
	

.main-area {
    clear: both;
	padding: 5px 0 9px 0;
	width: 980px;
	background: #fff;
	height: 100%;
	overflow: hidden;
	}

.info-box {
	width:606px;
	background: #fff;
	float:left;
	margin-right:30px;
	padding-bottom: 30px;
	}

.press {
	float:left;
	padding:0 0 0 10px;
	width:300px; 
	}
	
.box-holder {
	width:960px;
	margin:0;
	position:relative;
	padding-top:8px;
	float:right;
	}

.main-area h2 {
	margin:0 0 17px;
	font-size:19px;
	line-height:21px;
	color:#1a2151
	}

.main-area h3 {
	margin:0;
	font-size:14px;
	width:261px;
	color:#1a2151;
	padding:7px 0 5px 12px;
	background:#5C891A;
	}
	
.main-area h3.title { 
	position:absolute; top:5px; left:5px;
	margin:0 0 5px 0; border-bottom:1px solid #3D5F0C 
	}
	
.main-area h3 a {
	text-decoration:none;
	color:#fff;
	padding-right:24px;
	}
	
.main-area h3 a:hover { text-decoration:none }

.cred {
	margin:0 0 45px;
	padding:30px 0 30px 30px;
	font-size:13px;
	line-height:18px;
	}

.news {
	border-bottom:1px solid #EDEDED;
	margin:0 0 15px;
	padding:3px 0 0;
	font-size:13px;
	line-height:18px;
	}

.news_sub h4 { color: #666 }

.news_sub {
	margin:0 0 15px;
	padding:3px 0 0;
	font-size:13px;
	line-height:18px;
	}

.info-box h4 a { text-decoration:none }

.info-box h4 a:hover { text-decoration:none }

.info-box h4 {
	margin:0 0 8px;
	font-size:16px;
	}

.news p { margin:0 0 11px; }

.posted {
	display:block;
	padding: 15px 10px 0px 0px;
	font-size:13px;
	color: #FF9900;
	}
	
.posted {
	display:block;
	padding: 0px 10px 0px 0px;
	font-size:13px;
	color: #333333;
	}
	
.read {
	width:100%;
	top:1px;
	margin:-14px -40px 0 0;
	position:relative;
	display:block;
	}
	
.read:after {
	clear:both;
	height:0;
	display:block;
	}

* html .read{ height:1% }

.read a {
	float:right;
	text-align:center;
	background: url(../images/bg-links.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	line-height:25px;
	width:97px;
	height:25px;
	}

.read a:hover { background: #E58100; color:#fff; text-decoration:none }

#lists { 
	  padding:0px;
	  line-height: 18px;
	  margin:10px; 
	  } 




/*////////////////////////////////// This is for the different contact styles (Both form and subsection styles) /////////////////////////////// */



.contact-bar{
	height:250px;
	margin:0 0 15px;
	padding:1px 1px 1px 0px;
	font-size:13px;
	line-height:18px;
	}

.contact-bar h4 { font-size: 16px; color: #333333; padding-left: 1px; }

.contact-bar p { font-size: 13px; padding-left: 1px;}

.contact-bar a { text-decoration: none;}

.contacts {padding: 0px;font-size:13px;color: #FF8100;}

.caption {padding: 0px;font-size:10px; line-height: 11px; color: black;}



#contact-area1 input, #contact-area1 textarea {
	padding: 5px;
	width: 288px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	}

#contact-area1 textarea { height: 65px }

#contact-area1 textarea:focus, #contact-area1 input:focus { border: 2px solid #999999 }

#contact-area1 input.submit-button {
	width: 90px;
	float: right;
	background: url(../images/bg-links.gif) repeat-x;
	border: 0;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	}

label {
	float: left;
	text-align: left;
	margin: 0px;
	width: 100px;
	padding-top: 5px;
	font-size: 0.9em;
	}
	
.contact-page{
	float:left;
	height:110px;
	margin:0 0 45px;
	padding:1px 1px 1px 0px;
	font-size:13px;
	line-height:18px;
	width: 500px;
	}
	
	.contact-page h4{ font-size: 15px; color: #333333; padding-left: 10px; float: left; }
	
.contactstyle {
	line-height: 13px;
	padding: 0px;
	font-size:15px;
	color: #FF9900;
	
	}
	
	
	
	
/*/// This is for the different subpage contact styles (the ones with the photos) /// */	
	
.contact-bar-metro{ height:70px; }   

.contact-bar-metro h4 { font-size: 16px; color: #333333; padding-left: 0px; padding-top: 6px; float: left;}

.contact-bar-mold{  height:70px; }   

.contact-bar-mold h4 { font-size: 16px; color: #333333; padding-left: 0px; padding-top: 6px; float: left;}

.contact-bar-about{  height:180px; }   

.contact-bar-about h4 { font-size: 16px; color: #333333; padding-left: 0px; padding-top: 6px; float: left;}



/*////////////////////////////////// Footer an all of that, Twitter Style /////////////////////////////// */





#footer {
	background:url(../images/footer-bg.gif) repeat-x scroll 0 0;
	width: 100%;
	height: 150px;
	padding:20px 0 10px;
	position: relative;
	}

#footer p { 
	float: left;
	width:100%;
	padding: 20px 0px 10px 10px;
	font-size: 11px;
	color: #FFFFFF;
	background: url(../images/footer-logo.png) no-repeat bottom right;
	}
	
	#footer a { text-decoration: none;} 
	
	#footer a:hover { color: #fff;} 

#footer ul {
	margin:0 10px; 
	padding:0;
	list-style: none 
	}
	
#footer ul li {
	float:left;
	border-right:1px solid #fff;
	margin:0;
	display:block;
	font-size:12px;
	padding: 0 10px 
	}
	
#footer ul li.last { border:none }
		
#footer a { color:#1B2052 }

.black_overlay{
			display: none;
			position: absolute;
			padding-right: 10px;
			top: 0%;
			left: 0%;
			width: 97%;
			height: 100%;
			background-color: white;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
			text-decoration: none;
		}
		.white_content {
			display: none;
			position: absolute;
			top: 15%;
			left: 18%;
			width: 57%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}