﻿/* CSS Document */
body{padding:0px; margin:0px; background:#11acd8 url("../images/b_body.gif") 0 0 repeat-x; color:#dcfbfe; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{
	padding: 0px;
	margin: 0px auto 0px auto;
	color: #000000;
	position: absolute;
	z-index: 2;
	top: -2px;
	left: 0px;
	vertical-align: super;
}
ul{
}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#dcfbfe; text-decoration:underline;}
p a:hover{ color:#FFF; text-decoration:none;}

p a.a2{font:10px/14px Tahoma, sans-serif; color:#003e53; text-decoration:underline;}
p a.a2:hover{ color:#003e53; text-decoration:none;}

.headline{font:12px/14px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold}
.headline2{font:12px/14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold}

#container{width:775px; position:relative; margin:0 auto;
	height: 324px;
}

/* HEADER */

#header{width:775px; height:395px;  position:relative; background:url("../images/b_header.jpg") 0 0 repeat-x;}

#logo{position:absolute; top:22px; left:47px}

#header img#slogan{position:absolute; top:211px; 
left:364px;bottom: 101px;
}
#header img#btn_presentation{position:absolute; top:295px; left:473px}

#header ul.ico{position:absolute; top:38px; left:493px; width:261px;	list-style-type: none;	height: 42px;}
#header ul.ico li{float:left; height:30px; margin-right:8px;width: 68px;}
#header ul.ico li a{height:30px; display:block; padding:10px 0 0 14px; font:10px/14px Trebuchet MS, sans-serif; color:#cdfbff; text-decoration:none;}
#header ul.ico li a:hover{text-decoration:underline;}
#header ul.ico li.icohome a{background:url("../images/ico_1.gif") 0 13px no-repeat; }
#header ul.ico li.icohelp a{background:url("../images/ico_2.gif") 0 13px no-repeat;	width: 50px;}
#header ul.ico li.icocontacts {margin-right:0; border-right:none;	width: 80px;}
#header ul.ico li.icocontacts a{background:url("../images/ico_3.gif") 0 13px no-repeat; padding-right:0}
#header ul.ico li.line{width:1px; background:url("../images/back_ico.gif") 0 0 repeat-y}

#header ul.menu{position:absolute; top:93px; left:50px; width:750px;}
#header ul.menu li{float:left; height:41px; margin-right:55px;	width: 66px;}
#header ul.menu li a{height:41px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:41px;}

#header ul.menu li.about a{width:65px; background:url("../images/btn_1.jpg") 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:65px; background:url("../images/btn_1_over.jpg") 0 0 no-repeat;}

#header ul.menu li.ifc a{width:65px; background:url("../images/btn_2.jpg") 0 0 no-repeat; }
#header ul.menu li.ifc a:hover{width:65px; background:url("../images/btn_2_over.jpg") 0 0 no-repeat;}

#header ul.menu li.markets a{width:65px; background:url("../images/btn_3.jpg") 0 0 no-repeat; }
#header ul.menu li.markets a:hover{width:65px; background:url("../images/btn_3_over.jpg") 0 0 no-repeat;}

#header ul.menu li.products a{width:65px; background:url("../images/btn_4.jpg") 0 0 no-repeat; }
#header ul.menu li.products a:hover{width:65px; background:url("../images/btn_4_over.jpg") 0 0 no-repeat;}

#header ul.menu li.support a{width:70px; background:url("../images/btn_5.jpg") 0 0 no-repeat; }
#header ul.menu li.support a:hover{width:70px; background:url("../images/btn_5_over.jpg") 0 0 no-repeat;}

#header ul.menu li.ownership a{width:69px; background:url("../images/btn_6.jpg") 0 0 no-repeat; }
#header ul.menu li.ownership a:hover{width:69px; background:url("../images/btn_6_over.jpg") 0 0 no-repeat;}



/* SUBHEAD */

#subhead{width:775px; height:221px;  
position:relative; background:url("../images/b_header_sub1.jpg") 0 0 repeat-x;
	top: 2px;
	left: 0px;
}

#logo{position:absolute; top:22px; left:47px}

#subhead img#slogan{position:absolute; top:212px; left:364px; bottom: 100px;}
#subhead img#btn_presentation{position:absolute; top:295px; left:473px}

#subhead ul.ico{position:absolute; top:38px; left:493px; width:261px;	list-style-type: none;	height: 42px;}
#subhead ul.ico li{float:left; height:30px; margin-right:8px;	width: 68px;}
#subhead ul.ico li a{height:30px; display:block; padding:10px 0 0 14px; font:10px/14px Trebuchet MS, sans-serif; color:#cdfbff; text-decoration:none;}
#subhead ul.ico li a:hover{text-decoration:underline;}

#subhead ul.ico li.icohome a{background:url("../images/ico_1.gif") 0 13px no-repeat;}
#subhead ul.ico li.icohelp a{background:url("../images/ico_2.gif") 0 13px no-repeat; width: 50px;}
#subhead ul.ico li.icocontacts {margin-right:0; border-right:none; width: 80px;}
#subhead ul.ico li.icocontacts a{background:url("../images/ico_3.gif") 0 13px no-repeat; padding-right:0}
#subhead ul.ico li.line{width:1px; background:url("../images/back_ico.gif") 0 0 repeat-y}

#subhead ul.menu{position:absolute; top:93px; left:50px; width:750px;
	list-style-image: url('../images/arrow1.gif');
}
#subhead ul.menu li{float:left; height:41px; margin-right:55px;	}
#subhead ul.menu li a{height:41px; display:block; text-indent:-20000px; }
#subhead ul.menu li a:hover{height:41px;}

#subhead ul.menu li.about a{width:65px; background:url("../images/btn_1.jpg") 0 0 no-repeat; }
#subhead ul.menu li.about a:hover{width:65px; background:url("../images/btn_1_over.jpg") 0 0 no-repeat;}

#subhead ul.menu li.ifc a{width:65px; background:url("../images/btn_2.jpg") 0 0 no-repeat; }
#subhead ul.menu li.ifc a:hover{width:65px; background:url("../images/btn_2_over.jpg") 0 0 no-repeat;}

#subhead ul.menu li.markets a{width:65px; background:url("../images/btn_3.jpg") 0 0 no-repeat; }
#subhead ul.menu li.markets a:hover{width:65px; background:url("../images/btn_3_over.jpg") 0 0 no-repeat;}

#subhead ul.menu li.products a{width:65px; background:url("../images/btn_4.jpg") 0 0 no-repeat; }
#subhead ul.menu li.products a:hover{width:65px; background:url("../images/btn_4_over.jpg") 0 0 no-repeat;}

#subhead ul.menu li.support a{width:70px; 
background:url("../images/btn_5.jpg") 0 0 no-repeat; }
#subhead ul.menu li.support a:hover{width:70px; background:url("../images/btn_5_over.jpg") 0 0 no-repeat;}

#subhead ul.menu li.ownership a{width:68px; 
background:url("../images/btn_6.jpg") 0 0 no-repeat; }
#subhead ul.menu li.ownership a:hover{width:69px; background:url("../images/btn_6_over.jpg") 0 0 no-repeat;}

/* CONTENT */

#content{width:750px; position:relative; background:#003e53; margin:0 0 0 15px; top: 0px; left: 0px;}
#contentsub{width:752px; 
position:relative; background:#003e53; margin:0 0 0 15px; top: 0px; left: 0px;
	height: 119px;
}

ul.btn_more{width:88px; height:17px; background:url("../images/b_btn_more.gif") 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:3px}
ul.btn_more li a{font:10px/14px Trebuchet MS, sans-serif; color:#000; text-decoration:none; text-transform:uppercase}
ul.btn_more li a:hover{color:#2c7977}

#leftPan{width:240px; 
float:left; background: url("../images/b_content_topics.gif") 248px 0 repeat-y; margin-bottom:20px
}
#centerPan{width:245px; 
float:left; background: url("../images/b_content_topics.gif") 248px 0 repeat-y; margin-bottom:20px
}
#rightPan{width:255px; 
float:left; margin-bottom:20px
}

#whatsnew{width:230px; margin-left:5px}
#whatsnew h2{height:23px; position:relative; background:url("../images/h_whatsnew.png") 10px 0 no-repeat; margin-bottom:17px;
	top: 5px;
	left: 0px;
	width: 230px;}
#whatsnew img{margin-bottom:10px}
#whatsnew p{margin-left:7px; margin-bottom:15px; padding-right:6px}
#whatsnew p span{display: block; margin-bottom:5px}
#whatsnew ul.btn_more{margin-left:134px}

#technology{width:230px; margin-left:5px}
#technology h2{height:23px; position:relative; background:url("../images/h_technology.png") 10px 0 no-repeat; margin-bottom:17px}
#technology img{margin-bottom:10px}
#technology p{margin-left:7px; margin-bottom:15px;  padding-right:6px}

#technology ul{margin-left:15px}
#technology ul li{font:10px/14px Tahoma, sans-serif; background:url("../images/arrow1.gif") 0 5px no-repeat; padding-left:18px; height:24px;}
#technology ul li a{color:#dcfbfe; text-decoration:underline;}
#technology ul li a:hover{color:#000; text-decoration:none; background:#dcfbfe}

#pressroom{width:230px; margin-left:10px}
#pressroom h2{height:23px; position:relative; background:url("../images/h_pressroom.png") 10px 0 no-repeat; margin-bottom:17px;
	top: 0px;
	left: 0px;
	width: 230px;
}
#pressroom img{margin-bottom:10px}
#pressroom p{margin-left:7px; margin-bottom:15px;  padding-right:6px}

#pressroom ul{margin-left:15px}
#pressroom ul li{font:10px/14px Tahoma, sans-serif; background:url("../images/arrow1.gif") 0 5px no-repeat; padding-left:28px; height:24px;}
#pressroom ul li a{color:#dcfbfe; text-decoration:underline;}
#pressroom ul li a:hover{color:#000; text-decoration:none; background:#dcfbfe}



/* TOPICS */

#bottomTopics{width:750px; height:181px;  position:relative; background:url(../images/b_topics.jpg) 0 0 repeat-x ; margin:0 0 0 15px}

#t01{width:250px; height:169px; float:left; background: url(../images/back_topics.gif) 248px 0 no-repeat; margin-top:7px }
#t02{width:250px; height:169px;  float:left; background: url(../images/back_topics.gif) 248px 0 no-repeat;  margin-top:7px}
#t03{width:250px; height:169px;  float:left;  margin-top:7px}


#gsa{width:215px; margin-left:15px}
#gsa h2{height:75px; position:relative; background:url('../images/h_gsa.jpg') no-repeat 0 0; margin-bottom:10px;}
#gsa p.headline2{display: block; margin-bottom:5px}

p.info{padding-left:37px; background:url("../images/icon_info.gif") 3px 0 no-repeat;}

#videos{width:215px; margin-left:15px}
#videos h2{height:75px; position:relative; background:url(../images/h_videos.jpg) 0 0 no-repeat; margin-bottom:10px}
#videos p.headline2{display: block; margin-bottom:5px}

#support{width:215px; margin-left:15px}
#support h2{height:75px; position:relative; background:url(../images/h_support.jpg) 0 0 no-repeat; margin-bottom:10px}
#support p.headline2{display: block; margin-bottom:5px}


/* FOOTER */
#footer3 p{padding: 30px 0 0 0; font-weight:normal; text-align:center; color:#fff;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
	line-height: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	width: 775px;
}
#footer3 p a{font:11px/16px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer3 p a:hover{text-decoration:none; background:#fff; color:#11acd8}


