html, body { width: 100%; }

/*body { padding: 0; margin: 0; background: #fff url(../images/main-bg.png) repeat-x left top; font-family:Verdana,Helvetica,Sans-Serif; font-size: 14px; color: #2c4661; }*/
body { padding: 0; margin: 0; background: #fff url(../images/BlackAndWhite.jpg) repeat-x left top; font-family:Verdana,Helvetica,Sans-Serif; font-size: 14px; color: #2c4661; }
img { border: 0; }
ul, li, form { padding: 0; margin: 0; }
ul.t { margin: 0 0 20px 0; }
ul.t li { list-style: none; margin: 0 0 10px 0; padding: 4px 0 0 30px; background: url(../images/bullit.gif) no-repeat left top; letter-spacing: -1px; min-height: 22px; }
ul.sec li { list-style: none; margin: 10px 0 10px 30px; padding: 4px 0 0 30px; background: url(../images/bullit1.gif) no-repeat 10px 7px; letter-spacing: -1px; min-height: 22px; }
ul.sec a { color: #2d4761; text-decoration: none; }
ul.sec a:visited { color: #2d4761; text-decoration: none; }
ul.sec a:hover { color: #2d4761; text-decoration: underline; }
.wrapper { clear: both; }
.width-container { width: 780px; margin: 0 auto; }
p { line-height: 160%; margin: 10px 0 10px 0; }
a { color: #009DFF; text-decoration: underline; }
a:visited { color: #009DFF; text-decoration: underline; }
a:hover { color: #009DFF; text-decoration: none; }
div#fill-bg { background: #64d4f9 url(../images/fill-bg.png) repeat-x left 100%; min-height: 300px; }
div#header { height: 101px; }
div#logotype { width: 262px; height: 101px; float: left; margin: 0 64px 0 -20px; }
div#main-menu { height: 64px; float: left; }
div#content-container { background: #fff; margin-top:20px;}
div#content-container div.left-top { background: url(../images/cc-left-top.gif) no-repeat left top; }
div#content-container div.right-top { background: url(../images/cc-right-top.gif) no-repeat right top; }
div#content-padd { padding:5px 20px; }
div#download-container1 { width: 323px; float: left; padding: 30px 0 0 0; }
div#download-container2 { width: 323px; float: left; padding: 30px 0 0 0; }
div#download-container3 { width: 323px; float: left; padding: 30px 0 0 0; }
div.download-btn { width: 323px; height: 95px; background: url(../images/download-btn-a.png) no-repeat; }
div.download-btn1 { width: 323px; height: 95px; background: url(../images/download-btn-a.png) no-repeat; }
div.download-btn2 { width: 323px; height: 95px; background: url(../images/download-btn-a.png) no-repeat; }
div.download-btn3 { width: 323px; height: 95px; background: url(../images/download-btn-a.png) no-repeat; }
div.download-btn a { display: block; width: 300px; height: 95px; font-size: 26px; font-weight: bold;  padding: 7px 0 0 0px; color: #ffffff; text-decoration: none; }
div.download-btn a:visited { color: #ffffff; text-decoration: none; }
div.download-btn a:hover { color: #ffffff; text-decoration: underline; }
div.download-btn a.win { background: url(../images/oss/win.png) no-repeat 110px 29px; color:#ffffff; font-size:25px;}
div.download-btn a.mac { background: url(../images/oss/mac.png) no-repeat 110px 29px; color:#ffffff; font-size:25px;}
div.download-btn a.ubu { background: url(../images/oss/ubuntu.png) no-repeat 110px 29px; color:#ffffff; font-size:25px;}
div.column { float: left; }
div#main-menu ul { list-style: none; height: 64px; }
div#main-menu ul li { height: 64px; float: left; margin-right: 4px; cursor: pointer; }
div#main-menu ul li a { text-align: center; padding: 36px 0 6px 0; font-weight: bold; display: inline-block; text-decoration: none; letter-spacing: -1px; margin: 0 auto; }
div#main-menu ul li.support-n a, div#main-menu ul li.development-n a, div#main-menu ul li.downloads-n a { padding-right: 2px; }
div#main-menu ul a.wb { border: 0; }
li.home { background: url(../images/mbg-home.gif) no-repeat left top; width: 66px; }
li.downloads { background: url(../images/mbg-downloads.gif) no-repeat left top; width: 99px; }
li.community { background: url(../images/mbg-community.gif) no-repeat left top; width: 101px; }
li.development { background: url(../images/mbg-development.gif) no-repeat left top; width: 106px; }
li.support { background: url(../images/mbg-support.gif) no-repeat left top; width: 80px; }
li.home-n { background: url(../images/mbg-home.gif) no-repeat left -64px; width: 66px; }
li.downloads-n { background: url(../images/mbg-downloads.gif) no-repeat left -64px; width: 99px; }
li.community-n { background: url(../images/mbg-community.gif) no-repeat left -64px; width: 101px; }
li.development-n { background: url(../images/mbg-development.gif) no-repeat left -64px; width: 106px; }
li.support-n { background: url(../images/mbg-support.gif) no-repeat left -64px; width: 80px; }
li.home a { color: #67a0d5; border-bottom: 2px solid #c2ebfe; }
li.downloads a { color: #ad8b55; border-bottom: 2px solid #f9ea9a; }
li.community a { color: #779f34; border-bottom: 2px solid #d6ff90; }
li.development a { color: #51af8b; border-bottom: 2px solid #b6ffe3; }
li.support a { color: #9c5f5f; border-bottom: 2px solid #f4d7d7; margin-right: 2px; }
li.home div, li.home-n div { padding: 0 0 0 0px; }
li.downloads div, li.downloads-n div { padding: 0 0 0 0px; }
li.community div, li.community-n div { padding: 0 0 0 0px; }
li.development div, li.development-n div { padding: 0 0 0 0px; }
li.support div, li.support-n div { padding: 0 0 0 0px; }
li.home-n a { color: #fff; border-bottom: 2px solid #c2ebfe; }
li.downloads-n a { color: #fff; border-bottom: 2px solid #f9ea9a; }
li.community-n a { color: #fff; border-bottom: 2px solid #d6ff90; }
li.development-n a { color: #fff; border-bottom: 2px solid #b6ffe3; }
li.support-n a { color: #fff; border-bottom: 2px solid #f4d7d7; }
li.home-n a.hover { color: #67a0d5; border-bottom: 0 solid #c2ebfe; }
li.downloads-n a.hover { color: #ad8b55; border-bottom: 0 solid #f9ea9a; }
li.community-n a.hover { color: #779f34; border-bottom: 0 solid #d6ff90; }
li.development-n a.hover { color: #46a983; border-bottom: 0 solid #b6ffe3; }
li.support-n a.hover { color: #9c5f5f; border-bottom: 0 solid #f4d7d7; }
h1 { color: #67A0D5; font-weight: normal; text-decoration:underline; letter-spacing: -1px; margin: 0 0 20px 0; font-size: 24px; overflow: hidden; }
h2 { color: #67A0D5; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0; font-size: 18px; }
h5 { color: #67A0D5; font-family:Verdana,Helvetica,Sans-Serif;  font-size: 12px; color:#000000; }
a.c { background: transparent; color: #e9a54c; text-decoration: underline; padding: 2px 2px 2px 2px; } 
a.c:visited { background: transparent; color: #e9a54c; text-decoration: underline; }
a.c:hover { background: #e9a54c; color: #fff; text-decoration: none; } 
div.yr { background: #f3ebc3; margin: 0 0 20px 0; }
div.yr div.yr-left-top { background: url(../images/yb-left-top.gif) no-repeat left top; }
div.yr div.yr-right-top { background: url(../images/yb-right-top.gif) no-repeat right top; }
div.yr div.yr-right-bottom { background: url(../images/yb-right-bottom.gif) no-repeat right bottom; }
div.yr div.yr-left-bottom { background: url(../images/yb-left-bottom.gif) no-repeat left bottom; }
div.yr div.yr-padd { padding: 10px; }
div.yr div.attention { float: left; width: 37px; height: 33px; background: url(../images/i-attention.gif) no-repeat left top; margin-right: 12px; }
div.yr div.text { float: left; width: 650px; color: #b19b72; font-size: 12px; padding: 1px 0 0 0; }
div.yr div.big { font-size: 18px; padding: 5px 0 0 0; }
div.yr a { color: #b19b72; text-decoration: underline; }
div.yr a:visited { color: #b19b72; text-decoration: underline; }
div.yr a:hover { color: #b19b72; text-decoration: none; }
h1#services { color: #1C0F58; text-decoration: underline; }
div#footer-logos { text-align:center; }
div#footer { height: 79px; background: url(../images/footer.png) repeat-x left top; }
div#copyright { font-size: 12px; color: #fff; float: left; padding: 15px 0 0 30px; }
div#footer div.navigation { font-size: 12px; color: #fff; padding: 15px 30px 0 0; float: right; }
div#footer a { color: #fff; text-decoration: underline; }
div#footer a:visited { color: #fff; text-decoration: underline; }
div#footer a:hover { color: #fff; text-decoration: none; }
div#footer div.navigation a { margin: 0 0 0 7px; }
a.asd { text-decoration:none; }
div.square {
    width: 238px;
    height: 253px;
	display:table-cell; 
	display:inline-block;
    margin-right:1px;
	margin-left:1px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
    border: 0px solid red;
    overflow:visible;
}
.next {
	width:24px;
	height:24px;
	background-color:transparent;
	background-image:url(../images/right_gray.png);
	background-repeat:no-repeat;
	border: 0px solid #333333;
	margin-left:160px;
}

.prev {
	width:24px;
	height:24px;
	background-color:transparent;
	background-image:url(../images/left_gray.png);
	background-repeat:no-repeat;
	border: 0px solid #333333;
}


fieldset.contacts {
width: 400px;
height: 400px;
border-style: solid;
border-width: 1px;
border-color: #71D7F9;
background-color: #C7EFFD;
}

textarea {
    width: 130px;
    height: 80px;
    background-image: url(../images/footer.png);
}

input {
    width: 130px;
    height: 30px;
	font-family:Verdana,Helvetica,Sans-Serif;
	font-size: 14px;
    background-image: url(../images/footer.png);
}
h2.err { color: #F00F00; text-decoration: underline; }

/*-------------- left tombola -----*/
.subscribe {
	left: 0;
	position: fixed;
	top: 230px;
	z-index: 1010;
	font-size: 15px;
	text-align:center;
	
}
/*---------- end ----------------- */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:450px;
		background:#fff;		
		margin-bottom:2em;
		}	
#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:400px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:300px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:30px;
		background:url(img/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(img/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */