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

/*--Created by Blue Swan Design - 2009 All Rights Reserved - Licensed to Metal Rollforming Systems in Mead, WA--*/

/* eric's browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a:img {
	border: 0;
	text-decoration: none;
}

.float-left{
float: left;
}

.float-right{
float: right;
}

/*--end reset--*/

html, body {
	height: 100%; /*increases page full length*/
	overflow: inherit; /*triggers 100% height in Opera 9.5*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}

div#maincontainer {
	width: 100%;
	min-height: 100%; /*page extends full height*/
	background: #223859;
}

* html div#maincontainer {
	height 100%; /*extends page full height in IE6*/	
}

/*-- spreading the backgrounds' width 100% --*/
div#topcontainer {
	width: 100%;
	height: 240px;
	margin-bottom: 10px;
	/*background: url(../images/topbg.jpg) repeat-x;*/
}

div#logincontainer {
	width: 275px;
	height: 25px;
	float: left;
}

div#menucontainer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background: url(../images/topgradientBG.png) no-repeat 50% 50% #223859
}

div#slidecontainer {
	width: 100%;
	height: 152px;
	background: url(../images/slidebg.png) repeat-x;
}

div#contentcontainer {
	width: 100%;
	padding: 10px 0 10px 0;
	background: url(../images/gradientBG.png) repeat-y 50% 50% #223859;
}

div#contentslidecontainer {
	width: 100%;
	background: url(../images/gradientBG.png) repeat-y 50% 50% #223859;
	padding: 0 0 10px 0;
	/*border-top: 15px solid #aaa;*/
}

div#contentslidecontainer #fpss-outer-container {
	margin: 0px;	
}

div#bottomcontainer {
	width: 100%;
	height: 85px;
	background: url(../images/bottombg.jpg) repeat-x;
}

div#footercontainer {
	width: 100%;
	height: 30px;
	padding: 56px 0 20px 0;
	background: url(../images/gradientBGbottom.jpg) top center no-repeat #223859;
}

/*--containing each level of content to 800px and centering--*/
div.container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*--individual module positions --*/
div#logo {
	width: 800px;
	height: 195px;
}

div#top {
	width: 285px;
	float: right;
	margin-top: 20px;
}

div#top ul {
	display: inline;
}

div#top ul li {
	display: inline;
	list-style-type: none;
}

div#top ul li a {
	padding-right: 30px;	
}

div#top a:link,
div#top a:visited {
	color: #CCC;
	text-decoration: none;
}

div#login {
	position: relative;
	height: 25px;
}

div#slide {
	width: 800px;
	margin: 0;
	padding: 0;
}

div#menu {
	width: auto;
	height: 40px;
	float: left;
	position: relative;
	margin-bottom: 30px;
	text-align: center;

}

div#contentmod {
	width: 800px;
	background: #FFF;
}

div#contentmod img {
	margin-bottom: 10px;	
}

div#contentmod .moduletablefp img { /*--front page image header--*/
	margin-left: 45px;
	margin-bottom: 0;
}

div#contentmod div.moduletable h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 5px;
}

div#content {
	width: 500px;
	float: left;
}

div.content {
	width: 500px;	
}

div.contentfp {
	width: 450px;
}

div#content div.componentheadinghome {
	width: 394px;
	height: 30px;
	text-indent: -9999px;
	margin: 10px 0 10px 0;
	background: url(../images/mrshead.png) top left no-repeat;
}

td.contentheadingabout {
	font-size: 1.4em;
	color: #333;
}

div#contentpics {
	width: 300px;
	float: right;
}

div#contentpics div.moduletablefp {
	float: right;
	margin-top: 30px;
}

div#content div.jfdefaulttext {
	display: none;	
}

div.contentcontainer {
	width: 800px;
	background:none;
}

div#contentslide {
	width: 100%;
	z-index: -200;
}

div#contentslide div.moduletablefpss {
	width: 800px;
	margin-bottom: 20px;
}

.fpss-introtext .slidetext h1 a,
.fpss-introtext .slidetext h1 a:hover, {
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	padding-right: 20px;
}

/*--menu links--*/
div#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	background:transparent url(../images/menubg.png) repeat-x top left;
	border-top: solid 1px #aeaeae;
	border-bottom: solid 1px #aeaeae;
	border-left: solid 1px #aeaeae;
}

div#menu li {
	display:block;
	height: 40px;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #ccc;
}

div#menu li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding:12px 10px 0 10px;
	height:40px;
}

div#menu a:hover {
	background:transparent url(../images/activebg.png) repeat-x top left;	
}

div#menu li.active a:link,
div#menu li.active a:visited {
	color: #fff;
	background:transparent url(../images/activebg.png) repeat-x top left;
	border: none;
}

div#menu li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:165px;
	z-index:200;
	top: 40px;
	/*left:0;*/
}

div#menu li:hover ul{
	display:block; /* This shows the second menu level */
}

div#menu li:hover ul li,
div#menu li:hover ul li a{
	background:url(../images/menubg.png) repeat-x top left;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:165px;
	height: 30px;
	border-bottom: solid 1px #aeaeae;
	border-right:1px solid #ccc;
}

div#menu li:hover ul li a:link,
div#menu li:hover ul li a:visited{
	/*display:block;*/
	/*height:35px;*/
	background:url(../images/menubg.png) repeat-x top left;
	color: #333;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:5px 0px 0px 10px;
	text-align:left;
}

div#menu li:hover ul li.active a{
	background:url(../images/activebg.png) repeat-x top left;
	color: #FFF;
}

div#menu li:hover ul li a:hover {
	background: url(../images/activebg.png) repeat-x top left;	
}

div#menu p{
	clear:left;
}

/*--side menu styling--*/
div#contentpics div.moduletablesidemenu {
	width: 200px;
	float:right;
	margin: 0px;
	padding: 0 0 15px 0;
	background: url(../images/sidebottom.jpg) bottom left no-repeat;
}

div#contentpics div.moduletablesidemenu h3 {
	width: 200px;
	height: 22px;
	text-indent: -9999px;
	background: url(../images/sidehead.jpg) no-repeat #fff;
}

div#contentpics div.moduletablesidemenu ul {
	width: 200px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1.2em;
	text-transform: uppercase;
	border: none;
}

div#contentpics div.moduletablesidemenu ul li {
	height: 20px;
	background: url(../images/sidebg.png) repeat-x top left #333;
	border-bottom: 1px solid #dedede;
}

div#contentpics div.moduletablesidemenu ul li a {
	padding-left: 5px;	
	display: block;
}

div#contentpics div.moduletablesidemenu ul li a:link,
div#contentpics div.moduletablesidemenu ul li a:visited {
	color: #333;
	text-decoration: none;	
}

div#contentpics div.moduletablesidemenu ul li a:hover,
div#contentpics div.moduletablesidemenu ul li.active a{
	color: #6a9ecf;
}

/*--content stylings--*/
div#content div.componentheading {
	font-size: 1.2em;	
}

div#contentpics div.moduletable {
	text-align: left;
}

div#contentpics div.moduletable p.top {
	margin-top: 35px;
	padding: 0px 10px 0px 20px;
}

div#contentpics div.moduletable p img {
	margin: 10px 0 10px 20px;
	padding: 0px;
}

div#contentpics div.moduletable p img.multibatch {
	margin: 20px 0 10px 20px;
	padding: 0px;
	float: right;
}

div#contentpics div.moduletable p.sidebox {
	text-align: center;
	border: thin dashed #333;
	background: #CCC;
	width: 200px;
	margin-left: 50px;
	padding: 5px;
}

div#contentpics div.moduletable h3 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}

div#content ul {
	margin-left: 30px;
}
div#content ul li {
	margin-bottom: 5px;
}

div#content div#slideround {
	width: 800px;	
}

div#content div#slideround ul {
	margin: 0px;	
}

div#contentpics img.buff {
	margin-top: 40px;	
}

div#contentpics img.minibuff {
	margin-top: 20px;	
}

div#contentpics div.moduletablecontact {
	margin: 224px 0 0 20px;	
}

div#content form#emailForm {
	color: #FFF;
	padding: 20px 0 20px 20px;
	background: #5f749a;
}

/*--individual headers/titles for content--*/
div#contentmod div.moduletablet2 h3 {
	width: 320px;
	height: 21px;
	text-indent: -9999px;
	margin-bottom: 20px;
	background: url(../images/headers/TitanII.jpg) top left no-repeat;		
}

div#contentmod div.moduletabletitanI h3 {
	width: 319px;
	height: 21px;
	text-indent: -9999px;
	margin-bottom: 20px;
	background: url(../images/headers/TitanI.jpg) top left no-repeat;
}

div#contentslide div.moduletableshear h3 {
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	margin-bottom: 20px;
	background: url(../images/headers/ShearHeader.jpg) top left no-repeat;
}

div#contentmod div.moduletabletrim h3 {
	width: 333px;
	height: 21px;
	text-indent: -9999px;
	margin-bottom: 20px;
	background: url(../images/headers/multitrim.png) top left no-repeat;
}

div#contentslide div.moduletabletrim h3 {
	text-indent: -9999px;
}

div#contentpics div.moduletablecplus {
	float: right;
	width: 280px;
	height: 65px;
	font-size: 1em;
	text-align: center;
	color: #FFF;
	margin-right: 5px;
	padding: 5px;
	background: #5f749a;
}

/*--content slide a.k.a. bottom info--*/
div#contentslide div.moduletablet2 {
	color: #333;
	background: #FFF;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div#contentslide div.moduletableshear img {
	margin-bottom: 15px;	
}

div#contentslide div.moduletableshear ul {
	padding-left: 50px;	
}

/*--content links--*/
div#content a:link,
div#content a:visited {
	color: #5976c7;
	font-size: .8em;
	text-transform: uppercase;
}

div#content a:hover {
	color: #999;	
}

div#content div#contentslide a:link,
div#content div#contentslide a:visited {
	color: #5976c7;
}

div#content div#contentslide a:hover {
	color: #ccc;	
}

/*--user definitions--*/
div#user1 {
	width: 270px;
	height: 85px;
	float: left;
	margin-right: 10px;
	line-height: 1.5em;
	background: url(../images/bottomside.png) bottom right no-repeat;
}

div#user1 a:link,
div#user1 a:visited {
	color: #666;
	text-decoration: none;
	font-size: .8em;
}

div#user1 a:hover {
	color: #cecece;	
}

div#user2 {
	width: 250px;
	height:85px;
	float: left;
	margin-right: 10px;
	background: url(../images/bottomside.png) bottom right no-repeat;
}

div#user2 ul {
	list-style: none;	
}

div#user2 li {
	line-height: 1.5em;
}

div#user2 li a:link,
div#user2 li a:visited {
	color: #1845c7;
	text-decoration: none;
}

div#user2 li a:hover {
	color: #333;
}

div#user1 div.moduletablebottomlogo img,
div#user2 div.moduletablebottomlogo img{
	margin-top: 35px;	
}

div#user3 {
	width: 260px;
	height: 85px;
	float: left;
	line-height: 1.5em;
	background: url(../images/bottomside.png) bottom right no-repeat;
}

div#user3 div#phone {
	margin-top: 30px;	
}

div#user3 p.phone{
	font-size: 1.1em;
}

div#bottomcontainer h3 {
	font-size: 1.2em;
	padding: 5px 0 10px 0;
	line-height: 1em;
}

div#footer {
	float: right;
	color: #ccc;
	text-align: right;
}

div#footer a:link,
div#footer a:visited {
	color: #fff;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
}

div#footer a:hover {
	color: #333;
}

/*--making floating columns a reality--*/
div.clear {
	clear: both;	
}