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



body{
	background-image:url(img/bg.png);
	background-repeat:repeat-x;
	margin:0 auto;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#main{
	height:900px;
	margin:0 auto;
	margin-bottom:0;
	overflow:hidden;
	
}

td{
	color:#001848;
}


#header{
	width: 922px;
	height:430px;
	margin: 0 auto;
	position:relative;
	top: 25px;
	background-image: url(img/header.png);
	background-repeat:no-repeat;
}

#header img{
	border:none;
}


.mattblacktabs{
	width: 700px;
	overflow: hidden;
	left: 450px;
	position:relative;
}

.mattblacktabs ul{
	margin: 0;
	margin-right:20px;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: normal 12px Verdana, Geneva, sans-serif;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 10px 12px; /*padding inside each tab*/
	border-right: 6px solid #001444; /*right divider between tabs*/
	color: #FFF;
	background-color:#14a8ef; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
	color: #FFF;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background-color: #03F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	color:#FF0;
}

#headerImg{
	width: 940px;
	height:239px;
	margin: 0 auto;
	position:relative;
	background-image:url(img/blu_bk.png);
	background-repeat:no-repeat;
	bottom:220px;
}

#loopContainer{
	width: 441px;
	height: 352px;
	position:relative;
	margin: 0 auto;
	background-image:url(img/whats_new.png);
	background-repeat:no-repeat;
	bottom: 490px;
}

#right_nav {
	width:200px;
	height: 200px;
	position:relative;
	bottom: 810px;
	left: 700px;
	color: #FFF;
	list-style:none;

}

#right_nav ul{
	text-decoration:none;
	color:#FFF;
	line-height:0.2em;
}

#right_nav a{
	color: #FFF;
	text-decoration:none;
}

#right_nav a:hover{
	text-decoration:underline;
}

#right_nav li a {
	line-height: 1.3em;
}

#products_home{
	width: 300px;
	height:35px;
	position:relative;
	top: -700px;
	left: 30px;
	
}

#product_nav{
	width:300px;
	height:100px;
	position:relative;
	top: -710px;
	left: -5px;
	list-style:none;
}

#product_nav ul{
	color: #14a8ef;
}
#product_nav a{
	color: #14a8ef;
	text-decoration:underline;
	padding-right: 0px;
	font-size:18px;
}

#product_nav li{
	padding-left: -250px;
}

#product_nav li a {
	line-height: 1.4em;
	
}

#product_nav a:hover{
	text-decoration: none;
	color: #001848;
}

#training_home{
	width: 300px;
	height:35px;
	position:relative;
	top: -867px;
	left: 370px;
}

#training_nav{
	width:250px;
	height:100px;
	position:relative;
	top: -877px;
	left: 335px;
	list-style:none;
}

#training_nav ul{
	color: #14a8ef;
}
#training_nav a{
	color: #14a8ef;
	text-decoration:underline;
	padding-right: 0px;
	font-size:18px;
}

#training_nav li{
	padding-left: -250px;
}

#training_nav li a {
	line-height: 1.4em;
	
}

#training_nav a:hover{
	text-decoration: none;
	color: #001848;
}

#training_content li a{
	text-decoration:none;
}

#training_content li a:hover{
	text-decoration:underline;
	color:#666;
}


#contact_map{
	width: 882px;
	height: 389px;
	margin: 0 auto;
	position:relative;
	background-image:url(img/contact_map.png);
	background-repeat:no-repeat;
	bottom: 495px;
}

#contact_header{
	width: 492px;
	height: 34px;
	position:relative;
	background-image: url(img/contact_hdr.jpg);
	background-repeat: no-repeat;
	left: 50px;
	bottom: 475px;
	
}

#contact{
	width: 915px;
	height: 192px;
	position:relative;
	bottom: 450px;
	left: 55px;
}

#contact p{
	color:#001848;
}

#info{
	position:absolute;
	left: 0;
	top:0;
	height: 100%;
	width: 221px;
}

#info a:hover{
	text-decoration:none;
}

#info2{
	position:absolute;
	left: 255px;
	top:0;
	height: 100%;
	width: 185px;
}

#info2 a:hover{
	text-decoration:none;
}

#info3{
	position:absolute;
	left: 480px;
	top:0;
	height: 100%;
	width: 232px;
}

#info3 a:hover{
	text-decoration:none;
}

#info4{
	position:absolute;
	left: 765px;
	top:-3px;
	height: 100%;
	width: 202px;
}

#info4 a:hover{
	text-decoration:none;
}
 
#abutments{
	width: 264px;
	height: 246px;
	position:relative;
	left: 690px;
	bottom: 1030px;
	
}

#bottom_logos{
	width:618px;
	height:44px;
	position:relative;
	left: 30px;
	bottom:1130px;
}

#aboutContainer{
	width: 441px;
	height: 352px;
	position:relative;
	margin: 0 auto;
	background-image: url(img/center_hdr.png);
	background-repeat:no-repeat;
	bottom: 490px;
}

#about_section{
	width: 860px;
	height: 665px;
	position:relative;
	bottom: 460px;
	left: 75px;
}

#about_section p{
	padding: 10px;
	color: #001848;
}

#library_section{
	width: 860px;
	height: 450px;
	position:relative;
	bottom: 460px;
	left: 75px;
}

#library_section p{
	padding: 10px;
	color: #001848;
	
}

#library_section a{
	text-decoration:underline;
	color:#00F;
}

#library_section a:hover{
	text-decoration:none;
	color: #999;
}
#library_hdr{
	width: 893px;
	height: 385px;
	margin: 0 auto;
	position:relative;
	background-image: url(img/library_hdr.png);
	background-repeat:no-repeat;
	bottom: 495px;
}

#training_header{
	width: 700px;
	height: 37px;
	position:relative;
	bottom: 460px;
	left: 75px;
}

#training_content{
	width: 670px;
	position:relative;
	left: 350px;
	bottom: 575px;
	margin-bottom:0;
	overflow: hidden;
}

#training_content p{
	color: #001848;
	line-height: 1.5em;

}

#training_content .fix{
	font-size:17px;
	font-weight:lighter;
	
}

#training_content a{
	color: #001848;
}

#training_content a:hover{
	font-weight:bold;
	text-decoration:none;
	color: #14a8ef;
}

#training_content img{
	padding-bottom:20px;
}

#trainingSec_nav{
	width:280px;
	height:100px;
	position:relative;
	top: -457px;
	left: 38px;
	list-style:none;
}

#trainingSec_nav ul{
	color: #14a8ef;
	
}
#trainingSec_nav a{
	color: #14a8ef;
	text-decoration:underline;
	padding-right: 0px;
	font-size:13px;
}

#trainingSec_nav li{
	padding-left: -250px;
}

#trainingSec_nav li a {
	line-height: 1.4em;
	
}

#trainingSec_nav a:hover {
	text-decoration: none;
	color: #001848;
}



/* ---- START Scroll function ----- */ 

.container {padding: 0 0 0px 0;} /* the gap for the bottom */

#message
{
/* display: block before hiding */
display: block;
display: none;

/* link is above all other elements */
z-index: 999;

/* link doesn't hide text behind it */
opacity: .8;

/* link stays at same place on page */
position: fixed;

/* link goes at the bottom of the page */
top: 100%;
margin-top: -80px; /* = height + preferred bottom margin */

/* link is centered */
left: 80%;
margin-left: -80px;

/* round the corners (to your preference) */
-moz-border-radius: 24px;
-webkit-border-radius: 24px;

/* make it big and easy to see (size, style to preferences) */
width: 300px;
line-height: 48px;
height: 48px;
padding: 10px;
background-color: #000;
font-size: 24px;
text-align: center;
}

#message a { color: #fff; }

/* ---- END Scroll function ---- */

#vidArea_home {
	width: 230px;
	height:148px;
	position:absolute;
	left: 22px;
	top: 24px;
	z-index: 99;
}

#vidArea_about {
	width: 337px;
	height: 317px;
	position:absolute;
	left: 51px;
	top: 19px;
}

#lb-area{
	width: 530px;
	
}