﻿/*web fonts*/
@font-face{font-family:'DroidSerifRegular';
src:url("../fonts/DroidSerif-Regular-webfont.eot");
src:url("../fonts/DroidSerif-Regular-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/DroidSerif-Regular-webfont.woff") format('woff'),url("../fonts/DroidSerif-Regular-webfont.ttf") format('truetype'),url("../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular") format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'DroidSerifItalic';
src:url("../fonts/DroidSerif-Italic-webfont.eot");
src:url("../fonts/DroidSerif-Italic-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/DroidSerif-Italic-webfont.woff") format('woff'),url("../fonts/DroidSerif-Italic-webfont.ttf") format('truetype'),url("../fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic") format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'DroidSerifBold';
src:url("../fonts/DroidSerif-Bold-webfont.eot");
src:url("../fonts/DroidSerif-Bold-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/DroidSerif-Bold-webfont.woff") format('woff'),url("../fonts/DroidSerif-Bold-webfont.ttf") format('truetype'),url("../fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold") format('svg');font-weight:normal;font-style:normal}
/*html, body*/

html,body{height:100%;margin:0 0 0 0 ;padding:0 0 0 0;}
body
{
background:url(../images/clientbg.jpg);
}
/* frame work*/
#content{
width: 701px;
float:left;
display: block;
}
#breadcrumb
{
position:absolute;
background:url("../images/top.png");
height: 30px;
z-index:-1;
display:none;
}
#breadcrumb_space{
display:block;
float:left;
width: 15px;
height: 30px;
z-index:3;
}
#breadcrumb_title{
display:block;
float:left;
width: 300px;
height: 30px;
line-height:30px;
z-index:3;
color:#fff;
font-size: 12px;
vertical-align:middle;
text-transform: lowercase;
}
#breadcrumb_right
{
display:none;
width: 200px;
height: 26px;
line-height:26px;
vertical-align: middle;
font-size: 12px;
z-index: 1002;
}
#breadcrumb_right input, #breadcrumb_right select{vertical-align:middle;margin: auto 0 auto 0;}
#breadcrumb a{text-decoration:none;color:#fff}
#breadcrumb a:hover{text-decoration:underline}

.header{
text-align:center;
width:231px;
background:url("../images/bgnav.png") ;
padding:0 0 0 ;
z-index:4;
position:fixed;
bottom:0px;
top:0px;
left:0px;
}
/* hack for ie6*/
* html,* html body
{
background-image:url(about:blank);
background-attachment:fixed
}
* html .header{
_position:absolute;
top:expression(eval(document.documentElement.scrollTop)) ;
height: 100%;
}

#logo a{
background:url("../images/logo.png") no-repeat center 21px;
height:180px;
width:178px;
display:block;
margin:0 auto;
text-indent:-9999em;
}
#spliter{
width:4px;
background-image: url("../images/spliter_left.png");
padding:0;
z-index:4;
position:fixed;
bottom:0;
top:0;
left:231px;
}
* html #spliter{
_position:absolute;
left:expression(eval(document.documentElement.scrollLeft)+ 231) ;
top: expression(eval(document.documentElement.scrollTop)) ;
height: 100%;	
}
#spacefornavigation{
float:left;
z-index:3;
width: 265px; /* 225 + 5 + 15 + 20*/
/*background-color:yellow;*/
display:block;
height: 700px;
overflow:hidden;
}
#main{
width: 966px;
min-width: 966px; 
z-index:3;
/*background-color: yellow;*/
margin: 0 0 0 0;
float: left;
display:block;
}
#container{
width:100%;
display:block;
min-width: 966px;
}
#footer{
display:none;
width:100%;
height:89px;
background:url("../images/bottom.png");
z-index: 100;
overflow:hidden;
}
#download {
color: #934211;
line-height: 5px;
vertical-align: baseline;
text-align: center;
}
#download a {
display: block;
margin: 0 auto 0 auto;
background: url('../images/downloadn.png') no-repeat;
background-repeat: no-repeat;
width: 195px;
height: 118px;
font: 24px/160px "DroidSerifBold";

vertical-align: middle;
letter-spacing: -1px;
text-align: center;
text-transform: lowercase;

text-shadow: 1px 1px #BBBBBB;
color:#ffffff;
text-decoration: none;
}
#download a:hover {
/*background-position: 0 -51px;*/
background: url('../images/downloadhot.png') no-repeat;
background-repeat: no-repeat;
color: #1686FF !important;
}
#download span {
font: 13px "DroidSerifBold";
color:#7CDF88;
height: 20px;
line-height: 20px;
text-shadow: 0 0;
display: inline;
}

#header ul
{
list-style:none;
margin: 10px auto 0 auto;
padding: 10px 0 0 0 ;
text-align:center;
-webkit-margin-before: 10px;
-webkit-margin-after: 0em;
}
#header ul li a
{
display: block;
margin: 0 auto 0 auto;
width: 190px;
height: 35px;
vertical-align: middle;
letter-spacing: 0px;
text-align: center;
text-transform: lowercase;
font-size:17px;
font-family:DroidSerifBold,sans-serif;
text-shadow: 1px 1px #707070;
color:#FAFAFF;
text-decoration: none;
}
#navigation li a .active
{
color:#7CDF88;
}
#header ul li a:hover{
color: #7CDF88
}
#header ul li 
{
color:#7CDF88; 
font-size:15px;
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-weight:300;
line-height: 35px;
height: 35px;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-spacing: nowrap;
}
/* slide*/
#slider{height:318px;margin-bottom:27px; margin-top: 38px; overflow:hidden; }
.lof-slidecontent{position:relative;/*overflow:hidden;*/height:318px;width:721px; top:0px; z-index: 2;top:-318px; }
.leftBg{background:url("../images/slideshowleft.png");width:7px;height:318px;overflow:hidden;display:block;float:left;}
.centerBg{background:url("../images/slideshowbg.jpg");width:707px;height:318px;overflow:hidden;display:block;float:left;}
.rightBg{background:url("../images/slideshowright.png");width:7px;height:318px;overflow:hidden;display:block;float:left;}
.main-slider-content{width:615px;height:318px;overflow:hidden; z-index: 5;}
.lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;height:100%;width:100%;background:transparent}
.lof-slidecontent  .sliders-wrapper{position:relative;height:100%;width:900px;z-index:3px;overflow:hidden}
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;background:transparent;padding:0;margin:0;position:absolute;overflow:hidden;width:615px}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;padding:0;margin:0;float:left;position:relative}
.lof-slidecontent  .lof-opacity  li{position:absolute;top:0;left:0;float:inherit}
.lof-slidecontent  .navigator-content{position:absolute;right:0;top:0;z-index:9;height:318px;width:121px;overflow:hidden;color:#fff}
.lof-slidecontent  .navigator-wrapper{position:relative;z-index:10;height:306px;width:102px;overflow:hidden;color:#fff;float:left;top:3px}
.lof-slidecontent  ul.navigator-wrap-inner{top:0;padding:0;margin:0;position:absolute;width:100%}
.lof-slidecontent  ul.navigator-wrap-inner li{cursor:hand;cursor:pointer;list-style:none;padding:0;margin-left:0;overflow:hidden;float:left;display:block;text-align:center;padding-bottom:3px}
ul.sliders-wrap-inner li{width:615px;height:318px}
ul.sliders-wrap-inner li img{padding:0}
.lof-slidecontent .slider-description a.readmore{color:#58b1ea;font-size:95%}
.lof-slidecontent .slider-description a{color:#fff}
.lof-slidecontent .slider-description p{color:#fff; line-height: 17px; font-size:13px;-webkit-margin-before: 10px;-webkit-margin-after: 10px;}
.lof-slidecontent .slider-description{z-index:100;position:absolute;height:313px;top:19px;left:272px;width:290px;color:#fff;font-size:11px;line-height:14px;vertical-align:middle}
.lof-slidecontent .slider-description h4
{
font-family:DroidSerifRegular;font-size:22px;margin:8px 0 18px 0;padding:0;font-weight:100;letter-spacing:-1px;line-height:24px;
text-shadow:2px 2px #444}
.lof-slidecontent .slider-description h4:first-line{font-family:DroidSerifBold}
.lof-slidecontent .slider-description .slider-meta a{margin:0;background:#c01f25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none}
.lof-slidecontent  .item-meta a:hover{text-decoration:underline}
.lof-slidecontent  .item-meta i{font-size:70%}
.lof-slidecontent ul.navigator-wrap-inner  li.active{background:url("../images/active.png") no-repeat top right;color:#fff}
.lof-slidecontent ul.navigator-wrap-inner  li div{background:url("../images/square.png");color:#fff;height:100%;position:relative;margin-left:15px;padding-left:15px;text-align:left}
.lof-slidecontent ul.navigator-wrap-inner li.active div{background:url("../images/active.png") top right;color:#fff;}
.lof-slidecontent ul.navigator-wrap-inner li img{height:90px;width:90px;margin:5px 0 0 -8px;float:left}
/*midCol*/
.midCol{width:212px;float:left;display:block; min-height: 300px; background:url("../images/midcolbg.png");z-index:1000;}
.midCol H2{ text-align:left; margin-left:15px;width:192px;display:block;float:left;}
.midCol .news_item{text-align:left; font-size: 11px; font-family: DroidSerifRegular,sans-serif; color:#888888; width:182px; display:inline;margin-left:24px;float:left; margin-bottom: 6px; padding-bottom: 10px; background:url("../images/dotline.png") no-repeat bottom left;}
.midCol a{color:#3F9858 !important;display:block;width:182px; line-height:20px; font-size:11px; font-weight:normal; font-family: DroidSerifRegular,sans-serif;}
.midCol a:hover{color:#5FC888 !important;}
.midCol .moreNews{ display:inline; float:left; margin-left: 24px; width:162px; margin-top: 20px;  }
.midCol .moreNews a{ text-align: right;width:162px;}
.spliter_mid
{
width:4px;
background-image: url("../images/spliter_mid.png");
display:block;
float:left;
height:500px;
font-size:1px;
}
/* footer */

#gradient{height:100%}
#footer ul.social,#footer ul.links{list-style:none;list-style-image:none;margin:0;padding:0;width:auto}
#footer ul.social{float:left;margin:15px 0 0 264px;height:32px;display:inline;}
#footer ul.social li{margin: 0 4px 0 0px;padding:0;display:inline-block;list-style:none;list-style-image:none}
.social a{ border: 0px; width:32px; height:32px; overflow:hidden; display:block;}
.social a img{ border:0px; width:32px; height:32px;}

#footer ul.links{float:right;margin: 10px 0px 5px 0;position:relative; z-index:5; display:inline; }
#footer ul.social li,#footer ul.links li{display:inline-block;list-style:none;list-style-image:none}
#footer ul.links li
{
margin:5px 0;
color:#fff;
display:inline; 
font-size:11px;
}
#footer ul.links li a{
padding:5px; 
font-size:12px; 
font-family: DroidSerifRegular,sans-serif;
}
#footer ul.links li a:link{color:#fff;text-decoration:none}
#footer ul.links li a:hover{text-decoration:underline}
.lt-ie8 #footer ul.social li{float:left;display:block;width:32px}
.lt-ie8 #footer ul.links{position:relative;z-index:1 !important; display:inline}
.lt-ie8 #footer ul.links li{float:left;display:block}

/*select */
select {
-webkit-appearance: menulist;
-webkit-box-align: center;
border:  solid 0px #000000;
color: black;
background-color: white;
cursor: default;
list-style-type:none;
vertical-align:middle;
}
form{
margin: auto 0 auto 0;
padding: 0 0 0 0;	
height:30px;
vertical-align:middle;
}
.submitCss
{
background: url(../images/go.gif); 
border: none 0px; 
width: 32px; 
height: 13px;  
line-height:13px; 
font-size: 2px;
vertical-align:middle;
padding-left: 2px;
}

/* text */
p{font-size: 13px;font-family: DroidSerifRegular,sans-serif; font-weight: normal; color:#5A5A5A; line-height:20px;}
html{color: #5A5A5A}
td img{border:0}
h1{ margin: 15px 0 15px 0; text-shadow: 1px 1px #bbbbbb;}
h1 + p{margin:0}
h1 + .author{margin:0 0 3em 0}
h1{font-size:21px;font-weight:normal;font-family:DroidSerifBold;margin-bottom:6px}
h2{text-shadow: 1px 1px #bbbbbb;}
h2,.author{font-family:DroidSerifBold;font-weight:normal;font-size:14px;margin-top:12px}
h2 + p{margin:0}
.author+p{margin:.5em 0 2em 2em}
b,strong{font-family:DroidSerifBold;font-weight:normal}
blockquote{margin-left:20px;padding:0}
a img{border:0}
a:link,a:visited{color:#fff;text-decoration:none}
#content a:link,#content a:visited{color:#5c6f9f;text-decoration:none;font-family:DroidSerifBold}
#content a:hover{color:#444}
a:hover{color:#ddd}
a{font-size: 13px; 
line-height: 21px;
text-decoration: none;
font-family: DroidSerifBold;
}
li{
font-size: 13px;
font-family: DroidSerifRegular,sans-serif;
font-weight: normal;
color: #5A5A5A;
line-height: 20px;
}
/*features*/
.features{font:normal 14px/31px DroidSerifBold; 
font-weight:normal;
margin: 30px 0 30px 0;
overflow:hidden;
padding-left:0; 
width: 720px; 
float: left; 
}
.features li{vertical-align:middle;line-height:31px;
overflow:hidden;padding-left:16px;width: 340px; 
list-style-type:none; float:left; 
background: #e0e0e0 url("../images/dot.png") no-repeat left top;  
white-space:nowrap; overflow: hidden; 
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
.features li:not(p) { /* wtf is? pls let me know*/
/*clear: both;*/
}
.features li:not(p) a {
max-width: 175px;
float: left;
}
.features li:not(p):after {
content: “…”;
float: left;
width: 25px;
padding-left: 5px;
color: #df3a0e;
}
.features .dark_bg{background-color:#d0d0d1 !important;}
/* donate*/
#contentinnerbox{padding-top:30px; margin: 0 auto 0 auto; 
display: table-cell;
vertical-align:middle;
text-align:center;
*display: block;
}
contentinnerbox img{display:block; width: 419px; height: 28px; }
#contentinnerbox .donateBox{cursor:pointer;height:26px; width: 136px;  background:url("../images/donate.gif") no-repeat left top;z-index:110;display:block; margin: 0 auto 0 auto;}
.donateText{cursor:pointer;float:left;width:136px;line-height:26px;height:26px;vertical-align:middle;text-align:center;z-index:121;display:block;color:#223f72;font-weight:bold}
#content .donateText a.donateEntry{border:solid 0;width:136px;height:26px;display:block;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
#tips, #titleTxt{font-size: 13px;font-family: DroidSerifRegular,sans-serif; font-weight: normal; color:#5A5A5A; line-height:20px;}
/*download*/
#content #DownloadBar,#content #DownloadBar2{cursor:pointer;width:286px;height:49px;border:0;z-index:1000;display:block}
#content #Download_Title,#Download_Title2{height:0;cursor:pointer;display:block;position:relative;top:-45px;left:40px;width:240px;z-index:1001;text-align:center;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
#content #Download_Title{top:-34px}
#content #Download_Title2 a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
#content #Download_Title a{color:#fff;text-decoration:none;font-weight:700;font-size:19px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
#content #Download_Title a:hover,#content #Download_Title2 a:hover{text-decoration:underline;color:#fff}


.awardTbl{
	display:block;
	float:left;
}

.awardTbl td
{
	text-align:center;
	vertical-align: middle;
}	
strong{text-shadow: 1px 1px #bbbb99;}
#copyright
{
	font-size: 12px;
	font-family: DroidSerifRegular,sans-serif;
	color: #ffffff;
	line-height: 18px;
	height: 18px;
	width: 450px;
	float:right;margin: 3px 6px 3px 0;position:relative; z-index:5; display:inline;
	text-align:right;
}
#footer_right
{
	width: 450px;
	height: 88px;
	float: right;
	margin: 0px 55px auto auto;
}
#ecLink
{
	line-height: 18px;
	height: 18px;
	width: 450px;
	float:right;margin: 3px 6px 0px 0;position:relative; z-index:5; display:inline;
	text-align:right;
}
#ecLink a{display:block;float: right; width:338px;height:18px;text-align:right;color:#fff; line-height :18px;vertical-align:middle;border:0; font-family:DroidSerifRegular,sans-serif;  font-size: 12px;}
#downloaderLine
{
	height: 25px;
	line-height: 25px;
	width: 231px;
	margin-top: 50px;
	display:block;
}
#downloaderLine a
{
	height: 20px;
	line-height: 20px;
	display: block;
	margin: 0 auto 0 auto;
	width: 190px;
	vertical-align: middle;
	letter-spacing: 0px;
	text-align: center;
	text-transform: lowercase;
	font-size:17px;
	font-family:DroidSerifBold,sans-serif;
	text-shadow: 1px 1px #707070;
	color:#FAFAFF;
	text-decoration: none;
}
#downloaderLine a .active
{
color:#7CDF88;
}
#downloaderLine a:hover{
color: #7CDF88
}
#PressReleaseList a
{
	font-size: 15px;
	height: 30px;
	line-height: 30px;
}