@import url("reset.css");
 /*--------------------------------------*/
/*---Loyaut-----------------------------*/
body              
  {background:#e4e2e5}
#wrap             
  {margin:0 auto; width:960px}
#header           
  {height:114px; position:relative}
.plus
  {height:50px; background:#535353; padding:0 20px}
#blue-box
  {height:202px; background:#5fd4ff; position:relative}
#blue-box h1
  { font: bold 30px/36px Arial, sans-serif; color:#ffffff; padding-top: 45px; margin:0 0 0 20px}
#blue-box h1 strong
  { color:#535353}
.left-img,
.right-img
  {position:absolute; width:23px; height:224px; 
    background:#5fd4ff url(../images/left-right-img.gif) bottom no-repeat; top:0}
.left-img
  {left:-23px; background-position:bottom left}
.right-img
  {right:-23px; background-position: bottom right}
#content          
  {background:#ddddde; padding: 25px 35px 0 21px}
#left-bar
  {float:left; width:408px}
#right-bar
  {float:right; width:460px}
#content-info     
  {float:right; width:400px}
#footer           
  {clear:both; height:202px; background:#38b4e2; padding: 25px 30px 0 35px}
.plus p
  {font-size:12px; color:#fff; line-height:50px; margin:0}
.plus p a:link,
.plus p a:visited
   { font-weight:bold; color:#fff}
 /*--------------------------------------*/
/*---Header-----------------------------*/
#logo			        
  {margin-top:28px; float:left}
a.twitter:link,
a.twitter:visited
    { color:#535353; padding-right: 40px; background:url(../images/twitter-icon.gif) right center no-repeat; padding-top: 15px;
      font: bold 12px/18px Arial, sans-serif; position:absolute; right:0; top: 66px}
/*-------------------------------------*/
/*---Content---------------------------*/
.info
  {padding:0 15px 0}
.heading h2
  {float:left; padding-bottom: 10px;}
.details {
	color: #FFF; margin: 20px 0 0 20px; }
.heading span
  {float:right; font-size:19px; font-weight:bold; color:#0677a0}
.heading span img
  {margin-right:8px; display:inline-block}
ul.buttons li
  {float:left; margin-right:9px}
.screen:link,
.screen:visited
  {background:url(../images/button-screenshots.gif) no-repeat; width:115px; height:29px; display:inline-block}
.download:link,
.download:visited
  {background:url(../images/button-download.gif) no-repeat; width:115px; height:29px; display:inline-block}
 
#content h1
  { color:#323232; font: bold 34px/40px Helvetica,Arial,sans-serif; text-shadow: #fff 0px 0px 2px; padding-bottom: 10px;
   border-bottom: 1px solid #cacaca; margin:0; position:relative; letter-spacing:  -1px; }
#content h1 .rss
  {background:url(../images/rrs-icon.gif) right center no-repeat; width: 23px; height:22px; position: absolute; right: 0; top: 9px}
.box
  { padding:20px 0 24px; border-bottom: 1px solid #cacaca }  
#right-bar .box
   { padding: 20px 25px 24px}
/*-------------------------------------*/
/*---Footer----------------------------*/
#footer h2
    { color:#ffffff; font: bold 25px/30px Arial,Helvetica,sans-serif; margin-bottom: 15px; }
#footer .left-col
    { float: left; width: 310px}
#footer .right-col
    { float: right; width: 510px}
#footer .left-col ul
    { margin:0}
#footer .left-col li
    { color:#fff; font: normal 12px/14px Arial,Helvetica,sans-serif;padding-bottom: 15px; padding-left: 28px}
#footer .left-col li.li-1
    { background:url(../images/list-style-1.gif) left top no-repeat; }
#footer .left-col li.li-2
    { background:url(../images/list-style-2.gif) left top no-repeat; }
#footer .left-col li.li-3
    { background:url(../images/list-style-3.gif) left top no-repeat; }

.contact-form
    { float:left; width: 305px}
.contact-form label
    { color:#fff; font: normal 12px/15px Arial,Helvetica,sans-serif; margin: 0px; padding-bottom: 13px; float:left}
.contact-form input.text
    { float: left; border: 1px solid #88d2ee; background:#fff; font: normal 12px/15px Arial,Helvetica,sans-serif;
      color:#215d73; padding: 8px 9px; height: 16px; width: 227px}
.contact-form input.submit
    { float: right; border:none; background: none; font: bold 17px/32px Arial,Helvetica,sans-serif;
      color:#fff; text-decoration: underline; height: 32px; cursor:pointer; padding:0 }
.mail-info
    { float: right; width: 165px}
.mail-info p
    { color:#fff}

/*----------------------*/
.inner-wrap
    { width: 988px}
.box-popup
    { background: url(../images/middle-popup.png) center top repeat-y; padding-bottom: 20px }
.box-bottom
    { background:url(../images/bottom-popup.png) center top no-repeat; height: 12px; width: 974px; margin:0 auto }
.box-top
    { background:url(../images/top-popup.gif) left top no-repeat; height: 53px; padding: 13px 48px 0 28px; position:relative}
.box-top h2
    { color:#fff; float:left; margin-right: 24px; margin-bottom:0; font: bold 24px/28px Arial,Helvetica,sans-serif;}
.box-top strong
    { float: left; color:#fff; font: bold 12px/28px Arial,Helvetica,sans-serif; padding-top: 5px}
.box-top a:link,
.box-top a:visited
    { float: right; color:#fff; font: bold 16px/28px Arial,Helvetica,sans-serif}
.leftPopup
    { width: 610px; padding-left: 27px; float: left; padding-top: 10px; position:relative}
.rightPopup
    { float: right; width: 260px; padding-right: 45px; padding-top: 10px; position:relative}
.rightPopup h3
    { color:#484948; font: bold 24px/28px Arial,Helvetica,sans-serif; margin-bottom: 10px}
.rightPopup ul
    { padding-bottom: 30px}
.rightPopup li
    { color:#484948; font: normal 12px/17px Arial,Helvetica,sans-serif; padding-left: 12px;
    background:url(../images/arrow.gif) left 6px no-repeat;}
.rightPopup p
    { color:#484948;font: normal 12px/17px Arial,Helvetica,sans-serif; margin-bottom: 15px}
.prise
    { padding-top: 18px; border-top: 1px solid #c1c1c1}
.prise strong
    { color:#484948; font: bold 31px/33px Arial; width: 90px; float:left}
.prise a.close:link,
.prise a.close:visited
    { color:#484948; font: bold 12px/33px Arial;  float:right; text-decoration: underline}
.nav-menu
    { text-align:center; position:relative; left:50%; margin-left:-30px}
.nav-menu a:link,
.nav-menu a:visited
{
    text-indent:-9999px;
    width: 10px;
    height: 10px;
    float:left;
    margin:0 2px;
    background:url(../images/passive-slide.gif) left no-repeat;
}
.nav-menu a.activeSlide:link,
.nav-menu a.activeSlide:visited
{
    background:url(../images/current-slide.gif) left no-repeat;
}
.img-box
    { height: 457px}