body{font:normal 11px Arial, Helvetica, sans-serif; text-align:center; margin-top:0px;}
a{ color:#177cc0;}
h2{color:#177cc0; font-size:36px;font-weight:normal;}
h3{color:#177cc0; font-size:16px;font-weight:normal; margin:5px 0; border-bottom:solid 1px #8fcff1;}
h2 strong{color:#e58724; font-weight:normal;}
img{border:0;}
#page{ width:920px; margin:0 auto; text-align:left; margin-top:0px;}
#header h1{float:left; margin-top:0px;}
#menuGlobal{ float:right;margin:25px 0 0; padding:0 0 0 60px; list-style:none; background:#1a7dc5 url(images/menu.gif) 0 0 repeat-x; margin-top:10px;}
*+html #menuGlobal{ margin:10px 0 0;}
* html #menuGlobal{ margin:10px 0 0;}
#menuGlobal li{ float:left;}
#menuGlobal li a{ display:block; padding:15px; color:#FFF; text-decoration:none; text-transform:uppercase; background:url(images/menu.sep.gif) 100% 50% no-repeat;}
#menuGlobal li a:hover{ color:#FF0;}
#menuGlobal li.last a{ background-image:none;}
#contacts{ clear:both; float:right; margin:0; padding:0; list-style:none;}
*+html #contacts{ padding:10px 0;}
* html #contacts{ padding:10px 0;}
#contacts li{ float:left; padding:0 0 0 30px; font-size:16px; font-weight:bold; color:#505b73;}
#contacts li a{ display:block;padding:3px 5px 5px 25px; background:#e5e5e5 url(images/button.chat.gif) 50% 100% no-repeat; font-size:13px; text-decoration:none;}
#proposition{clear:both;padding:1px 0 1px 65px; background:url(images/points.gray.gif) 0 90% no-repeat;}
#proposition h2{ margin:10px 0;font-size:42px;}
#proposition p{ display:block; margin:0 0 0 140px; padding-left:20px; text-align:justify; background:url(images/icon.chat.gif) 0 0 no-repeat;}
#selector{ margin:10px 0; padding:5px 0; background:#fff url(images/gr.white.blue.png) 100% 0 repeat-y;}
#selector ul{height:155px; margin:0; padding:0 0 0 60px; list-style:none; background:url(images/selectors.png) 0 100% no-repeat;}
#selector li{ float:left; position:relative; width:27.6%;}
#selector li.last{ width:16%;}
#selector li img{ position:absolute; top:20px;}
#selector li.last img{ position:relative; top:0;}
#selector li p, #selector li h3{ padding:0 10px 0 40px;}
#selector li h3{ padding-top:30px; font-size:18px; color:#505969; border:0;}
#productInfo{ float:left; width:70%;position:relative; margin:20px 0 0;}
#productInfo .t{ position:absolute; top:0px;}
#productInfo .t, #productInfo .t div, #productInfo .b, #productInfo .b div{ overflow:hidden; width:100%; height:8px; background: url(images/corner.w.bb.l.gif) 0 0 no-repeat;}
#productInfo .t div{background:url(images/corner.w.bb.r.gif) 100% 0 no-repeat;}
#productInfo .c{ height:187px; padding-left:160px;border:solid 2px #b8e3f9;}
#productInfo div.b{position:absolute; z-index:100; background-position:0 100%; margin-top:-8px;}
#productInfo div.b div{background:url(images/corner.w.bb.r.gif) 100% -8px no-repeat;}
#productInfo .c img{ position:absolute; top:-20px; left:10px;}
#productInfo .c h3, #benefits h3{font-size:23px; border:0;}
#productInfo a {text-decoration:none;}
#productInfo a:hover {text-decoration:underline;}
#productInfo .c ul{ float:left; margin:5px 0 10px; padding:0 0 0 20px; list-style:none; line-height:20px;}
*+html #productInfo .c ul{ width:45%;}
* html #productInfo .c ul{ width:45%;}
#productInfo .c ul li{ padding:0 0 5px 20px; background:url(images/arrow.r.gif) 0 40% no-repeat;}
#benefits{ width:27%; margin-top:20px; padding:0 10px 5px; background-color:#e5e5e5; float:right;}
#benefits h3{ color:#e58724; margin:7px 0;}
#benefits ul{ margin:0px; padding:0px; list-style:none;}
#benefits li{ padding:0 5px 0 15px; line-height:18px; background:url(images/icon.chat.light.gif) 0 5px no-repeat;}
#clients, #request, #projects{ clear:both; padding:5px 0;}
/*
.slider, .slider li ul{ margin:0; padding:0; list-style:none; position:relative;}
.slider li{float:left; width:100%; margin:0 20px;}
.slider li.first,.slider li.last{ width:auto; position:absolute; margin:20px 0;}
.slider li.last{ right:0;}
.slider li.first a, .slider li.last a{ overflow:hidden; display:block; width:13px; height:54px; font-size:36px; line-height:55px; text-indent:1000px; text-decoration:none; color:#e5e5e5;background:url(images/arrow.big.gif) 0 0 no-repeat;}
.slider li.last a{ background-position:100% 0;}
.slider li.first a:hover{ background-position:0 100%;}
.slider li.last a:hover{ background-position:100% 100%;}
.slider li.first a:hover, .slider li.last a{}
.slider li ul li{ width:auto; margin:0;}
.slider li ul a{ display:block;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30; border:solid 1px #e5e5e5; margin-left:-1px;}
.slider li ul a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
*/
#request{ width:25%; float:left;}
.helpbox{ position:relative; margin:10px 0 20px; color:#3f88c4; font-size:14px;}
.helpbox .t{ position:absolute; background:url(images/corner.w.bg.l.gif) 0 0 no-repeat; overflow:hidden; width:13px; height:9px;}
.helpbox .c{ border:solid 2px #e6e6e6; padding:0 20px;}
.helpbox .b{ position:absolute; background:url(images/corner.w.bg.r.png) 100% 0 no-repeat; height:20px; width:100%; overflow:hidden; margin-top:-9px;}
.helpbox .b div{ background:url(images/corner.w.bg.l-22.gif) 0 0 no-repeat; margin-top:7px;}
.helpbox p{margin:5px 0;}
#projects{ clear:none; width:73%; float:right;}
/*
#projects .slider li ul li{ width:23.5%; text-align:center;}
#projects .slider li ul a{ height:150px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#projects .slider li ul a:hover{ border-color:#8fcff1 #e5e5e5;}
#projects .slider li.first a, #projects .slider li.last a{ margin:25px 0;}
*/
#footer{ clear:both;}
#menufoot{ height:24px; background-color:#9cf; position:relative}
#menufoot ul{ margin:0; padding:0; list-style:none; float:right; height:24px;}
#menufoot ul li{ float:left;}
#menufoot ul li a{ display:block; line-height:24px; padding:0 12px; background:url(images/menu.sep.gif) 0 50% no-repeat; text-transform:uppercase; text-decoration:none; color:#036;}
#menufoot ul li a:hover{color:#177cc0;}
#menufoot ul li.first a{ background:none;}
#menufoot ul li.last{ position:absolute; left:0;}
#menufoot ul li.last a{ background:none; text-transform:none; color:#166dbe;}
#menufoot ul li.last a:hover{ color:#036;}
.left{ float:left;}
.right{ float:right; width:50%;}
#footer .left{ padding:5px 0;font-size:8px; color:#9cf;width:49%;}
#footer .right{ padding:5px 0;font-size:10px;width:49%; text-align:right;}

.myJac .arrow-left, .myJac .arrow-right{position:absolute;top:35%;z-index:5;height:48px;width:40px;}  
.myJac .arrow-left a, .myJac .arrow-right a{display:block;height:48px;width:40px;text-indent:-999em;}  
.myJac .arrow-left a:focus, .myJac .arrow-right a:focus{outline:none;}
.myJac .arrow-left a{left:-40px;background:url(images/carusel.arrow.gif) 0 0 no-repeat;}  
.myJac .arrow-right{right:0px;background:url(images/carusel.arrow.gif) 100% 0 no-repeat;}        
.jac{height:155px;position:relative;margin:0 0 1em 0;}
.myJac .carousel{position:absolute;top:0;left:0;margin:0;padding:0;list-style-type:none;}
.myJac .arrow-left, .myJac .arrow-right{float:left;}
.jac .carousel .jac-content{float:left; margin-right:-1px; width:168.6px; text-align:center;}
.jac-content a{ display:block;height:150px; border:solid 1px #e5e5e5;}
#clients .jac{ height:92px;}
#clients .jac-content{ width:230.7px;}
#clients .jac-content a{ height: auto; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30; border:0;}
#clients .jac-content a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#clients .myJac .arrow-left, #clients .myJac .arrow-right{ top:20%;}
