/* CSS Document */
body{padding:0px; margin:0px; background:#091d26; color:#869496; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#30a0c4; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#00547b; font-weight:bold}
.subtitle{font:13px/13px Tahoma, Geneva, sans-serif; color:#FFFFFF;}

#container{width:715px; margin:0 auto; padding:5px; padding-top:0; border:#29aaef 5px solid; border-top:none; background:#FFF}

/* HEADER */
#header{
	width:720px;
	height:380px;
	position:relative;
	background:url(../images/b_header.png) 0 0 no-repeat;
	z-index: 0;
}

#header img#logo{
	position:absolute;
	top:4px;
	left:15px;
	height: 100;
	width: 215;
	background-image: url(../images/logo.png);
	z-index: 1;
}
#header img#slogan{
	position:absolute;
	top:13px;
	left:379px;
	height: 51px;
}
#header img#btn_presentation{
	position:absolute;
	top:70px;
	left:536px;
	height: 14;
	width: 162;
}
#header img#slogan2{
	position:absolute;
	top:119px;
	left:372px;
	height: 180px;
}
#header img#btn_readmore{
	position:absolute;
	top:301px;
	left:581px
}

#top{
	width:192px;
	position:absolute;
	top:126px;
	left:494px;
	height: 168px;
}
#top h2{
	height:43px;
	position:relative;
	background:url(../images/h_top.png) 0 0 no-repeat;
	margin-bottom:13px;
	top: -6px;
}

#top ul{margin-left:5px}
#top ul li{font:13px/15px Arial, Helvetica, sans-serif; color:#ffffff; padding-left:39px; height:22px; margin-bottom:1px; padding-top:4px}
#top ul li.l01{ background:url(../images/check.png) 0 0 no-repeat}
#top ul li.l02{ background:url(../images/check.png) 0 0 no-repeat}
#top ul li.l03{ background:url(../images/check.png) 0 0 no-repeat}
#top ul li.l04{ background:url(../images/check.png) 0 0 no-repeat}
#top ul li.l05{ background:url(../images/check.png) 0 0 no-repeat}
#top ul li a{color:#62f7ff; text-decoration:none;}
#top ul li a:hover{color:#fff; text-decoration:none;}


#header ul.menu{
	position:absolute;
	top:341px;
	left:0px;
	width:715px;
	height: 40px;
}
#header ul.menu li{float:left; height:10px; margin-right:0px}
#header ul.menu li a{height:24px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:24px;}

#header ul.menu li.home a{width:80px; background:url(../images/btn_1.png) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:80px; background:url(../images/btn_1_over.png) 0 0 no-repeat;}

#header ul.menu li.about a{width:84px; background:url(../images/btn_2.png) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:84px; background:url(../images/btn_2_over.png) 0 0 no-repeat;}

#header ul.menu li.services a{width:82px; background:url(../images/btn_3.png) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:82px; background:url(../images/btn_3_over.png) 0 0 no-repeat;}

#header ul.menu li.solutions a{width:82px; background:url(../images/btn_4.png) 0 0 no-repeat; }
#header ul.menu li.solutions a:hover{width:82px; background:url(../images/btn_4_over.png) 0 0 no-repeat;}

#header ul.menu li.support a{width:82px; background:url(../images/btn_1.png) 0 0 no-repeat; }
#header ul.menu li.support a:hover{width:82px; background:url(../images/btn_1_over.png) 0 0 no-repeat;}

#header ul.menu li.x a{width:82px; background:url(../images/btn_6.png) 0 0 no-repeat; }
#header ul.menu li.x a:hover{width:82px; background:url(../images/btn_6_over.png) 0 0 no-repeat;}

#header ul.menu li.xx a{width:82px; background:url(../images/btn_7.png) 0 0 no-repeat; }
#header ul.menu li.xx a:hover{width:82px; background:url(../images/btn_7_over.png) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:82px; background:url(../images/btn_8.png) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:82px; background:url(../images/btn_8_over.png) 0 0 no-repeat;}

#header ul.menu li.bullet{width:5px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#content{
	width:715px;
	position:relative;
	margin-top:5px
}
#leftPan{
	width:715px;
	position:relative;
	margin:0 5px 0 0;
	float:left;
}
#rightPan{
	width:175px;
	position:relative;
	float:left;
}

.ad ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.gif) 0 0 no-repeat}
.ad ul.btn_details li{text-align:center; padding-top:4px}
.ad ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad ul.btn_details li a:hover{text-decoration:underline;}

.ad{width:350px; height:159px; background: url(../images/b_ad.gif) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad img{position: absolute; top:10px; left:10px}
.ad#ad01 h2{height:51px; position:relative; background:url(../images/h_ad.gif) 107px 29px no-repeat; margin-bottom:2px}
.ad#ad02 h2{height:51px; position:relative; background:url(../images/h_ad2.gif) 107px 29px no-repeat; margin-bottom:2px}
.ad p {width:217px}
.ad p.subtitle{margin-left:107px; margin-bottom:6px}
.ad p.ad_text{margin-left:107px; margin-bottom:6px}
.ad ul{position: absolute; top:103px; left:22px}

#planning{ width:320px; margin-left:20px}
#planning h2{height:38px; position:relative; background:url(../images/h_planning.gif) 0 0 no-repeat; margin-bottom:10px}
#planning img{float:left; margin-right:10px}
#planning p{float:left; width:168px; padding-top:3px}
#planning .clear{height:10px}

#planning ul{margin-left:3px; width:312px}
#planning ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#30a0c4; background:url(../images/arrow1.gif) 0 5px no-repeat; padding-left:24px; height:19px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning ul li a{color:#30a0c4; text-decoration:none;}
#planning ul li a:hover{color:#000; text-decoration:none;}

#why{ width:325px; margin-left:12px}
#why h2{height:38px; position:relative; background:url(../images/h_why.gif) 9px 0 no-repeat; margin-bottom:10px}
.why_topic{margin-bottom:9px}
.why_topic img{float:left;}
.why_topic p{float:left; width:263px; padding-top:6px}

.clear#end{height:15px}

/* FOOTER */

#footer{
	width:705px;
	margin:0 auto;
	margin-top:23px;
	height:50px
}
#footer p{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p a{font:10px/14px 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:#000}
#sponsor{
	width:756px;
	margin:0 auto;
	text-align: center;
	padding: 10px 0px 15px 0px;
}
img {
 behavior: url("../css/pngbehavior.htc");
}