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

html{ 
	font-size:16px;
	} /* Make sure the default is always 16px */
	
body{
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	background-color:#00a6de;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:none;
}

p{
	font-size:1.2em; /* 12px */
	line-height:1.8em;
}

h1{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:2.0em;
	color:#0057a6;
	margin:0;
	padding:0;
	font-weight:normal;
}

h2{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.6em;
	color:#0057a6;
	margin:0;
	padding:0;
	font-weight:normal;
}

a{
	color:#0057a6;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.lightblue{
	color:#8dcbed;
}

#mainContainer{
	width:930px;
	margin:0 auto;
}

#contentContainer{
	width:930px;
	float:left;
	background-color:#ffffff;
}

#secondaryContainer{
	float:left;
	width:930px;
	background-image:url(../images/secondary-layout-bg.gif);
	background-repeat:repeat-y;
}

#headerHome{
	width:912px;
	float:left;
	padding:0px 18px 0 0px;
}

#header{
	width:894px;
	float:left;
	padding:16px 18px 0 18px;
}

#logo{
	float:left;
}

#secondaryLogo{
	float:left;
}

.logo{
	display:block;
	width:233px;
	height:95px;
	background-image:url(../images/FlexRad-logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.logo-large{
	display:block;
	width:400px;
	height:111px;
	background-image:url(../images/FlexRad-logo-lg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.logo:hover, .logo-large:hover, .MetroSpec:hover{
	background-position:bottom left;
}

.logo span, .logo-large span, .MetroSpec span{
	display:none;
}

#headMetrospec{
	float:right;
}

.MetroSpec{
	display:block;
	width:274px;
	height:56px;
	background-image:url(../images/MetroSpec-logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#headerHome .MetroSpec{
	margin:16px 0px 0px 0px;
}

#leftCol{
	width:190px;
	float:left;
	padding:30px 30px 0 32px;
	position:relative;
}

/* --- for bg image in old 2009 site design ---*/
#leftCol.secondary{
	background-image:url(../images/left-col-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:497px;
}
/*min-height for IE6*/
* html #leftCol.secondary {
height:497px;
}
/* -------------------------------------------*/



#address{
	color:#666666;
	position:absolute;
	top:400px;
}

#address p{
	font-size:1.1em;
	line-height:1.4em;
	margin-top:0px;
	padding-top:6px;
}

#rightCol{
	float:left;
	background-image:url(../images/right-col-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#eae9f3;
	width:678px;
	min-height:497px;
}


/*--------------------  NAVIGATION   ---------------------*/

#navcontainer{
	width:190px;
	padding:20px 0px 0px 0px;
	position:absolute;
	top:40px;
}

#navcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
}

#navcontainer li { 
	margin: 0; 
}

#navcontainer a{
	display: block;
	margin-top: 10px;
	width: 190px;
	font-weight: bold;
	font-size: 1.2em;
	background-repeat: no-repeat;
	background-position: -380px 0;
}

#navcontainer a.whatis{
	background-image: url(../images/btn-whatIsFlexrad.gif);
	height:35px;
}

#navcontainer a.engineering{
	background-image: url(../images/btn-engineeringAdvantages.gif);
	height:35px;
}

#navcontainer a.operations{
	background-image: url(../images/btn-operationsAdvantages.gif);
	height:35px;
}

#navcontainer a.salesmarketing{
	background-image: url(../images/btn-salesMarketingAdvantages.gif);
	height:49px;
}

#navcontainer a:hover, #navcontainer li a#current, #navcontainer li a#default:hover, #navcontainer li a#grayed:hover{
	background-position: -190px 0;
}

#navcontainer li a#default{
	background-position:0 0;
}

#navcontainer li a#grayed{
	background-position:-380px 0;
}

#navcontainer ul ul{
	display:none;
}


#navcontainer ul ul#subnav-display{
	display:block;
	}

#navcontainer ul ul li { 
	margin: 0;
}

#navcontainer ul ul a{
	display: block;
	height:20px;
	padding: 5px 5px 0px 5px;
	margin:0px;
	width: 180px;
	color: #8d8d8d;
	font-size:1.2em;
	background-color: #fff;
	background-image:none;
	text-decoration: none;
	font-weight: normal;
	border-bottom: solid 1px #8d8d8d;
}

#navcontainer ul ul a:hover, #navcontainer ul ul a#subcurrent{
	color: #0057a6;
	background-color: #fff;
	text-decoration: none;
}

#navcontainer span{
	display:none;
	}











/*--------------------  HOMEPAGE IMAGE   ---------------------*/

/*#imageContainer{
	float:left;
	width:678px;
	height:497px;
	background-image:url(../images/home-imageBG.jpg);
}


*/
#imageContainer #text{
	position:relative;
	top:220px;
	left:35px;
	width:360px;
	color:#ffffff;
}

#clickbox{
	position:relative;
	top:0px;
	left:360px;
}

/*...............*/

#imageContainer { 
  /*position:relative; */
  float:left;
  width:678px; 
  height:497px;
  background-image:url(../images/home-imageBG-start.jpg);
  }
  
#fadeImage { 
  	/*position:relative; */
	float:left;
  	width:678px; 
	height:497px; 
    /*font-size:12px; 
	text-align:center; 
    color:white; 
	/*background:red;*/
	background-image:url(../images/home-imageBG-end.jpg);
	background-repeat:no-repeat;
    /*padding-top:25px; */
    /*top:0; 
	left:0; */
	display:none; 
	}
	
#text { 
  	display:none; 
	}
	
	
	/*...............*/

.pageText{
	float:left;
	width:354px;
	padding:20px 25px 10px 25px;
}

.pageText-full{
	float:left;
	width:628px;
	padding:20px 25px 10px 25px;
}

.contactText{
	float:left;
	width:628px;
	padding:20px 25px 10px 25px;
}

.contactText p{
	margin:0;
	padding:4px 0 12px 0;
}

.contactText td.border{
	border-top:solid 1px #0057a6;
	padding-top:10px;
}

.pageImage{
	float:left;
	width:274px;
}

#footerContainer{
	float:left;
	width:930px;
	padding:0 0 20px 0;
}

#footerLinks{
	float:left;
}

#footerCopyright{
	float:right;
	margin:0;
	padding:10px 0 0 0;
}

#footerCopyright p{
	text-align:right;
	color:#82cfee;
	font-size:0.9em;
	padding:0;
	margin:0;
	line-height:1.2em;
}

#footerCopyright p.patent{
	padding-bottom:10px;
	color:#00247D;
}

#footerContainer ul{
	list-style:none;
	margin:0;
	padding:10px 0 0 33px;
}

#footerContainer ul li{
	display:inline;
}

#footerContainer ul li a{
	color:#00247D;
	font-size:1.2em;
}