@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;
}

#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;
}

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

#homeLogo{
	float:left;
	padding:14px 0 0 15px;
}

#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:hover, .MetroSpec:hover{
	background-position:bottom left;
}

.logo 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;
}

#leftCol{
	width:185px;
	float:left;
	padding:30px 34px 0 33px;
}

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

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

#address p{
	font-size:1.1em;
	line-height:1.5em;
}

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



#mainButtons.btnSecondary{
	margin-top:19px;
}

#mainButtons{
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
}

#mainButtons li a{
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	margin:0 0 10px 0;
	width:185px;
	height:53px;
}

#mainButtons li.product a{
	background-image:url(../images/btn-best-product.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
}

#mainButtons li.costs a{
	background-image:url(../images/btn-keep-costs-low.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
}

#mainButtons li.market a{
	background-image:url(../images/btn-market-quickly.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
}

#mainButtons span{
	display:none;
	}
	
#mainButtons li a:hover{
	background-position:bottom left;
}


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


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

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

#imageContainer { 
  /*position:relative; */
  float:left;
  width:678px; 
  height:498px;
  background-image:url(../images/home-imageBG-end.jpg);
  }
  
#fadeImage { 
  	/*position:relative; */
	float:left;
  	width:678px; 
	height:498px; 
    /*font-size:12px; 
	text-align:center; 
    color:white; 
	/*background:red;*/
	background-image:url(../images/home-imageBG-start.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;
}

.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;
}

#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;
}