@charset "utf-8";
/* CSS Document */

html,body{
	margin:0px;
	padding:0px;
	height: 100%;	
}

body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color:#505f84;
}

* {
	margin: 0;
}
p{
	margin:0 10px 10px;
}

a{
	padding:0px;
	color: #505f84;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color: #505f84;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;

}


h1{
	font-size:17px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:15px;
	color:#505f84;
	text-align: left;
	font-weight: bold;
	margin:10px 0px 10px 10px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 3px;
}

h2{
	font-size:48px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 0.9em;
}

h3{
	font-size:27px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:28px;
	color:#505f84;
	text-align: left;
	font-weight: bold;
	margin:0px 0px 10px 4px;
	letter-spacing: -1.5px;
}

h4{
	font-size:17px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	line-height:15px;
	color:#505f84;
	text-align: left;
	font-weight: bold;
	margin:25px 0px 5px 10px;
	border-bottom: 1px solid #a20029;
	width: 510px;
	padding: 0px 0px 2px 0px;

}

.h4rightbar {
	font-size:17px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:15px;
	color:#c1272d;
	text-align: left;
	text-transform:uppercase;
	font-weight: bold;
	margin:20px 0px 10px 10px;

}


div#header {
	height:100px;
	line-height:0px;
	margin:0px 0px 10px 0px;
	color: #333333;
	padding: 0px 0px 0px 0px;
}


div#container{
	text-align:left;
	width:800px;
	margin:0 auto;
	height:100%;
	background-color:#FFFFFF;
	padding: 0px 10px 0px 10px;
}

div#content p{
	line-height:1.4;
}

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;

}

.list {
	margin:3px 0px 0px 18px; 
	list-style: outside;
}
.list2 {
	margin:3px 0px 0px -12px;
	list-style: outside;
}
/**** Navigation ****/

#nav {
	height:40px;
	width:100%;
	background-image:url(../images/navbar.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 16px 0px  2px 1px;
}

#nav a
{
	margin: 0px;
	border:none;

}
/** Subnav **/
#subnavbar {
	height:62px;
	width:800px;
	background-image:url(../images/sublinkbanner2.png);
	background-position:center;
	background-repeat: no-repeat;
	margin:0px 0px 12px 0px;
	clear:both;
	padding:0px;
	text-align:left;
}

#submenu
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#submenu ul, 
#submenu li
{
	margin: 0px 9px 0px 9px;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#submenu a:link, #submenu a:visited
{
	line-height: 14px;
	font-weight: bold;
	margin: 10px 8px 0px 8px;
	text-decoration: none;
	color: #505f84;
	border-bottom: 1px solid #a20029;
	padding-bottom: 1px;
}

#submenu a:link#current,
#submenu a:visited#current {
border-bottom: 2px solid #a20029;
padding-bottom: 1px;
background: transparent;
color: #505f84;
}


#submenu a:hover {
	border-bottom: 2px solid #a20029;
	background: transparent;
	color: #505f84;
}


/*** content ***/

#home {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/home.jpg') no-repeat right top;
	background-position: top center;
}

#whoweare {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/whoweare.jpg') no-repeat right top;
	background-position: top center;
}

#products {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/products.jpg') no-repeat right top;
	background-position: top center;
}

#publications {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/publications.jpg') no-repeat right top;
	background-position: top center;
}

#syndicated {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/syndicated.jpg') no-repeat right top;
	background-position: top center;
}

#join {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/join.jpg') no-repeat right top;
	background-position: top center;
}

#career {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/career.jpg') no-repeat right top;
	background-position: top center;
}

#contact {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/contact.jpg') no-repeat right top;
	background-position: top center;
}

#techniques {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/techniques.jpg') no-repeat right top;
	background-position: top center;
}

#industries {
	height: 324px;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/publications.jpg') no-repeat right top;
	background-position: top center;
}

/*** content ***/

div#rightbar{
	float:left;
	width:225px;
	min-height:300px;
	height:auto !important;
	height:350px;
	margin: 0px 0px 30px 0px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 5px 0px 0px;
}

div#leftbar{
	float:right;
	width:530px;
	min-height:250px;
	height:auto !important;
	height:250px;
	margin: 0px 0px 10px 0px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 15px 0px 15px;
	border-left: 2px #ececec dotted;
}

#banner {
	float:left; 
	position:absolute; 
	width:395px; 
	height:83px; 
	padding:10px; 
	background-image:url(../images/bannerbg.png); 
	background-repeat:no-repeat; 
	margin:200px 0px 0px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF; 
	font-weight:bold;
}

#banner a{
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

#banner a:hover{
	color: #fff;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;
}

#bannerwhoweare {
	float:left;
	position:absolute;
	width:395px;
	height:65px;
	padding:10px;
	background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;
	margin:230px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#bannerwhoweare a{
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

#bannerwhoweare a:hover{
	color: #fff;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;
}

#bannerpubs {
	float:left;
	position:absolute;
	width:395px;
	height:65px;
	padding:10px;
	background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;
	margin:230px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#bannerpubs a{
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

#bannerpubs a:hover{
	color: #fff;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;
}

#bannertech {
	float:left;
	position:absolute;
	width:395px;
	height:65px;
	padding:10px;
	background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;
	margin:235px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#bannertech a{
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

#bannertech a:hover{
	color: #fff;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;
}

#bannerind {
	float:left;
	position:absolute;
	width:395px;
	height:65px;
	padding:10px;
	background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;
	margin:230px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#bannerind a{
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

#bannerind a:hover{
	color: #fff;
	text-decoration:none;	
	border-bottom:1px #a20029 solid;
}
/**** Footer CSS ****/
div#footer{
	width:100%;
	background: #fff;
	color: #000;
	height: 20px;
	padding-top: 5px;
	text-align:left;
	clear: both;
	border-top: 3px #505f84 solid;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}

div#footer p{
	margin:0px;
	padding:5px 10px;
}

div#footer, .push {
	height: 4em;
}
/**** Contact Form CSS ****/

ul.contact_form {
	font-weight: bold;
	list-style:none;
	padding-left: 20px;
}
	
ul.contact_form input, textarea {
	font: normal 11px Arial, Helvetica, sans-serif;
}
	
ul.contact_form input.txt {
	height: 13px;
	width: 350px;
	margin: 5px 0 10px;
	padding: 5px;
}
	
ul.contact_form textarea {
	width: 350px;
	height: 84px;
	line-height: 22px;
	margin: 5px 0 2px;
	padding: 2px 0 5px 5px;
}
	
ul.contact_form span {
	font-weight: normal;
	font-size: 10px;
}
	
ul.contact_form input.btn {
	background: none;
	outline: none;
	cursor: pointer;
	margin-top: 15px;
	display: block;
	height: 26px;
	width: 77px;
}

ul.contact_form a.btn:hover {
	border:	none;
}

.contactheader {
	font-family: "1.2em Arial", Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;

}
input.button { 
	top:0px; 
	left:0px; 
	padding:3px 6px;
    border:2px solid #fff; 
	margin:20px 0px 0px 0px; 
	color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#333; 
	-moz-border-radius:5px; 
}

input.button:hover { 
	background:#c1282d none repeat scroll 0% 0%; 
	color:white; 
	border:2px solid #333; 
}

.message {
	color:##666;
	display:none;
	width:480px;
	padding:10px;
	margin-bottom:5px;
}

/*** Menu ***/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
	height:30px;
	width:800px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	z-index:500;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pro_linedrop .select {
	margin:0px;
	padding:0px;
	list-style:none;
	white-space:nowrap;
}

.pro_linedrop li {
	float:left;

}

.pro_linedrop .select a {
	display:block;
	height:40px;
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	line-height:0px;
	white-space:nowrap;
	color:#505f84;
}

.pro_linedrop .select li.line a {color:#505f84;}

.pro_linedrop .select a b {
	display:block;
	padding:0px 15px 5px 15px;
	margin-top:4px;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
	padding:0px 0px 0px 0px;
	line-height:0px;
	cursor:pointer;
	color:#666;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
	color:#505f84;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
	display:block;
	padding:0px 15px 5px 15px;
	border-bottom:2px solid #a20029;
	cursor:pointer;
}

.pro_linedrop .sub {
	display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0px; 
padding:0px;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
	height:20px;
	display:block;
	position:absolute;
	float:left;
	width:785px;
	top:10px;
	left:5px;
	text-align:center;
	background:transparent url(../images/transparent.gif);
	border:1px solid #886;
	border-width:1px  0;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{
display:block; 
height:25px; 
line-height:20px; 
float:left; 
background:transparent url(../images/transparent.gif); 
padding:0 5px; 
margin:0; 
white-space:nowrap; 
color:#000;
font-size:9px;
}

.pro_linedrop .select :hover .sub li.subline a {
	color:#505f84;
	margin:0px;
	font-weight:bold;
}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{
	color:#000; 
	line-height:20px; 
	position:relative; 
	border-bottom:1px solid #a20029; 
	margin:0px 0px 0px 0px;
}

.pro_linedrop .select :hover .sub li:hover > a {
	color:#000;
}

.pro_linedrop .select :hover .sub :hover ul {
	padding:0px; 
	margin:0px; 
	list-style:none; 
	display:block; 
	width:122px;  /*** width of submenu***/
	position:absolute; 
	left:-1px; 
	top:20px; 
	border:1px solid #886; 
	background:#fff;
}

.pro_linedrop .select :hover .sub :hover ul ul {
	position:absolute; 
	left:-9999px;
}
.pro_linedrop .select :hover .sub :hover ul li {
	border-width:0 1px;
}

.pro_linedrop .select :hover .sub :hover ul li a {
	width:80px; 
	text-align:left; 
	height:20px; 
	line-height:18px;
}

.pro_linedrop .select :hover .sub :hover ul li a:hover {
	line-height:16px;
}

.pro_linedrop .select :hover .sub :hover ul li:hover > a {
	line-height:16px;
}

.pro_linedrop .select :hover .sub :hover ul :hover ul {
	left:112px; 
	top:0; 
	border:1px solid #886; 
	border-width:0 1px 1px 0; 
	background:#fff;
}

.pro_linedrop .select :hover .rt :hover ul :hover ul {
	left:-113px; 
	top:0; 
	border:1px solid #886; 
	border-width:0px 0px 0px 0px;
}

.pro_linedrop .select :hover .sub :hover ul :hover ul li {
	border-left:1px solid #886; 
	background:#fff;
}

.pro_linedrop .select :hover .sub :hover ul :hover ul li.a1 {
	border-left:1px solid #fff;
}

.pro_linedrop .select :hover .sub :hover ul :hover ul li.a2 {
	border-top:1px solid #886; 
	height:19px;
}

.pro_linedrop .select :hover .rt :hover ul :hover ul li {
	border-right:1px solid #886; 
	border-left:0;
}

.pro_linedrop .select :hover .rt :hover ul :hover ul li.a1 {
	border-right:1px solid #fff; 
	border-left:0;
}

/*** Cop Div css ***/


.myClass {
	font-size:20px; 
	color: #FF0000;
}

div#hide-container {
	width: 500px; 
	height: 300px; 
	background-color: #ccc;
}

