/* ------------------------------------------------------------------ */
/* screen.css                                                         */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- hpLeft */
		.boxLeft.hpLeft {
			font-size: 110%;
		}
		.boxLeft.hpLeft h1 {
			margin: 0; padding: 0;
			font-size: 230%;
			line-height: 1.1em;
			color: #22661d;
			font-weight: normal;
		}
		.boxLeft.hpLeft h1 strong {
			color: #000;
			font-size: 70%;
		}
		.boxLeft.hpLeft h1 span {
			color: #000;
			font-size: 70%;
		}
		.boxLeft.hpLeft .buttons {
			margin: 25px 0;
		}
		.boxLeft.hpLeft .buttons .linkGreen {
			background: url(img/buttons/link-green.gif) 0 0 no-repeat;
			width: 218px;
			text-align: center;
			display: block;
			float: left;
			padding: 18px 0 25px 0;
			font-size: 130%;
			color: #fff;
			text-decoration: none;
		}
		.boxLeft.hpLeft .buttons .linkGrey {
			background: url(img/buttons/link-grey.gif) 0 0 no-repeat;
			width: 218px;
			text-align: center;
			display: block;
			float: left;
			padding: 18px 0 25px 0;
			font-size: 130%;
			margin: 0 0 0 2px;
			color: #fff;
			text-decoration: none;
		}
		.boxLeft.hpLeft h2 {
			margin: 0; padding: 0;
			font-size: 230%;
			line-height: 1.1em;
			color: #22661d;
			font-weight: normal;
		}
		.boxLeft.hpLeft h2 strong {
			color: #000;
			font-size: 70%;
		}
		.boxLeft.hpLeft h2 span {
			color: #000;
			font-size: 70%;
		}
		.boxLeft.hpLeft .soutez {
			background: url(img/black-berry.jpg) 100% 15px no-repeat;
			padding: 15px 0 0 0;
			height: 231px;
		}
		.boxLeft.hpLeft > .soutez {
			height: auto;
			min-height: 231px;
		}
	/* end. hpLeft */
	
	/* ----- .boxRightBg */
		.boxRightBg {
			width: 423px;
			background: url(img/bg/boxright-bottom.gif) 0 100% no-repeat;
			margin: 0 0 -50px 0;
		}
		
		.boxRightBg .boxRightBgMain {
			background: url(img/bg/boxright.gif) 0 0 no-repeat;
			padding: 35px 25px 10px 33px;
		}
		.boxRightBg .boxRightBgMain h1 {
			font-size: 160%;
			margin: 0 0 25px 0; padding: 0;
		}
		.boxRightBg .boxRightBgMain ul {
			list-style-type: none;
			margin: 15px 0; padding: 0;
		}
		.boxRightBg .boxRightBgMain ul li {
			background: url(img/bg/boxright-list.gif) 0 2px no-repeat;
			padding: 8px 0 8px 40px;
			font-size: 130%;
		}
		.boxRightBg .boxRightBgMain h2 {
			font-size: 160%;
			margin: 20px -18px 20px -18px; padding: 30px 0 0 18px;
			background: url(img/bg/boxright-h2secound.gif) 0 0 no-repeat;
		}
		.boxRightBg .boxRightBgMain h3 {
			font-size: 130%;
			margin: 0 0 0 20px; padding: 0;
			color: #c40000;
			text-transform: uppercase;
		}
		.boxRightBg .boxRightBgMain ul.online {
			margin: 7px 0 15px 0;
			font-size: 90%;
			background: url(img/bg/online.gif) 0 0 no-repeat;
			padding: 0 0 0 60px;
			width: 300px;
		}
		.boxRightBg .boxRightBgMain ul.online li {
			padding: 0;
			font-size: 100%;
			background-image: none;
		}
		.boxRightBg .boxRightBgMain ul.download {
			margin: 7px 0 15px 0;
			font-size: 90%;
			background: url(img/bg/download.gif) 0 0 no-repeat;
			padding: 0 0 0 60px;
			width: 200px;
		}
		.boxRightBg .boxRightBgMain ul.download li {
			padding: 0;
			font-size: 100%;
			background-image: none;
		}
	/* end. boxRightBg */
}