﻿/* 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;}
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}
.headline3{font:36px Canandara; color:#000; font-weight:bold}

#container{width:775px; position:relative; margin:0 auto;}

/* HEADER */

#header{width:775px; height:395px;  position:relative; background:url("../images/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;}

                                

/* CONTENT */

#content{width:750px; position:relative; background:#003e53; margin:0 0 0 15px;	top: 0px;left: 0px;}
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: 0px;
	left: 39px;
	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;
	top: 0px;
	left: 27px;
}
#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: 39px;
	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 */

#footer{height:100px; clear:both; width:775px;}
#footer p{padding: 30px 0 0 0; font:11px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#11acd8}





