/* Homepage */

.homepage { text-align: center; margin: 0 5%; margin-top: 50px; }
.homepage p.description { margin: 0 4%; font-size: 125%; margin-bottom: 2.2em; line-height: 1.5; }
.homepage p.resource { font-size: 155%; color: #808080; font-style: italic; margin: 0 16%; line-height: 1.3; }
.homepage p.buy { margin-top: 2.7em; }

.homepage ul.benefits { font: 70%/1.3 Arial, sans-serif; color: #cc6d00; text-align: left; }
.homepage ul.benefits li { position: relative; float: left; width: 25%; }
.homepage ul.benefits li img { position: absolute; }
.homepage ul.benefits li span { display: block; margin: 3% 2.3em 3% 0; padding-left: 50px; }
.homepage ul.benefits li.reliability span { margin-right: 3em; } /* custom style */
.homepage ul.benefits li.clear { float: none; width: auto; font-size: 0; line-height: 0; }
* html .homepage ul.benefits li span { margin: 0.5em 1em 0 0; }

.homepage .spec { background: #1a1a1a; margin: 2.2em 16%; margin-bottom: 3em; //margin-top: 0; }
.homepage .spec table { width: 100%; table-layout: fixed; }
.homepage .spec table td { font: 100% Arial, sans-serif; padding: 18px; border-left: solid 1px black; }
.homepage .spec table td:first-child { border-left: none; }
.homepage .spec table td dt { color: #808080; font-size: 70%; margin-bottom: 0.5em; }
.homepage .spec table td dd { font-size: 160%; }

.nelma, .nelma_header { position: relative; width: 950px; margin: 0 auto; left: -20px; }
.nelma_header p.logo { position: relative; text-align: center; z-index: 100; width: 350px; margin: 0 auto; }
.nelma_header dl.price { position: absolute; font-family: Arial, sans-serif; font-style: italic; width: 305px; height: 105px; background: url(/images/price_tag.gif) no-repeat; top: 44px; left: 20px; z-index: 90; }
.nelma_header dl.price dt { position: absolute; font-size: 210%; font-weight: bold; color: black; top: 64px; left: 20px; }
.nelma_header dl.price dt .rur { margin-left: 0.2em }
.nelma_header dl.price dt .th { margin-left: 0.2em; }
.nelma_header dl.price dd { position: absolute; font-size: 8pt; color: #555555; bottom: -18px; }
.nelma_header p.buy { position: absolute; top: 105px; left: 730px; z-index: 90; //left: 640px; }
.nelma_header p.buy s { position: absolute; background: url(/images/buy-button-line.gif) no-repeat; width: 152px; height: 85px; top: 13px; left: -110px; z-index: 10; //left: -20px; }

.skew_button { z-index: 100; margin: 0 auto !important; }

.nelma { height: 810px; font: 70%/1.4 Arial, sans-serif; color: #999999; text-align: center; top: 10px; }
.nelma dl.labels { position: absolute; top: 0; left: 0; text-align: left; }
.nelma dl.labels dd { position: absolute; }
.nelma dl.labels dd s { position: absolute; display: block; }

#phrase1 { text-align: right; top: 52px; left: 26px; width: 20em; }
#phrase1 s { right: -80px; top: 20px; }
#phrase2 { top: 236px; left: 0px; width: 17em; }
#phrase2 s { left: 6em; margin-top: 10px; //margin-top: 24px; }
#phrase3 { top: 480px; left: 80px; width: 20em; }
#phrase3 s { position: relative; margin-bottom: 10px; left: 6em; }
#phrase4 { top: 570px; left: 280px; width: 20em; }
#phrase4 s { position: relative; margin-bottom: 10px; left: 6em; }
#phrase5 { top: 610px; left: 700px; width: 20em; }
#phrase5 s { left: -60px; top: -5em; }
#phrase6 { top: 410px; left: 760px; width: 16em; }
#phrase6 s { position: relative; margin-bottom: 10px; left: -6em; }
#phrase7 { top: 26px; left: 730px; width: 10em; }
#phrase7 s { top: 2em; left: -120px; }
#phrase8 { top: 120px; left: 730px; width: 10em; }
#phrase8 a { color: #cc6d00; }
#phrase8 a:hover { color: white !important; }
#phrase8 a ins { position: absolute; width: 14px; height: 14px; background: url(/images/i-star.gif) no-repeat; margin: 0 0 0 -20px; }
#phrase8 a:hover ins { background-position: -14px 0; }

ul.movies { position: relative; font: 8pt/1.5 Arial, sans-serif; z-index: 100; text-align: left; }
ul.movies li { position: absolute; text-align: left; width: 12em; z-index: 101; }
ul.movies li a { color: white; text-decoration: none; border-bottom: dotted 1px; }
ul.movies li a .border { display: none; }
ul.movies li a:hover .border { display: block; }
ul.movies li a:hover { color: #1992ed !important; }
ul.movies li a:hover ins { background-position: -16px 0; //margin-left: -11px; }
ul.movies li span { color: #666666; }
ul.movies li img { margin-bottom: 1em; display: block; border: none !important; }
ul.movies li ins { position: absolute; width: 16px; height: 16px; background: url(/images/btn-play-small.png) no-repeat; margin: -8px 0 0 -8px; }
ul.movies .border { padding: 22px; padding-right: 10px; margin: -22px 0 0 -22px; }
* html ul.movies li ins { behavior: url(/css/iepngfix.htc); }
* html ul.movies li a:hover .border { display: none; }

.item1 { top: 210px; left: 84%; }
.item2 { top: 390px; left: 22px; }
.item3 { top: 703px; left: 57%; }

.footer { text-align: center; margin: 30px 0 16px 0; }
.footer .copyright { float: left; }
.footer .thenames { float: right; }
.footer .thenames { position: relative; }
.footer .thenames a ins { position: absolute; width: 16px; height: 16px; background: url(/images/thenames_icon.gif) no-repeat 0 0; margin-top: -1em; }
.footer .thenames a:hover ins { background-position: -16px 0; }