﻿/* Global */
* {margin:0; padding:0; list-style:none; border:0; font-family:Arial;}
body {background:#FFF url(../img/bodybg.gif) 0 0 repeat-x; width:100%; height:100%; font-size:12px;}
p, a, h1, h2, h3, h4, h5, h6 {color:#000; font-weight:normal;}
p, a {font-size:12px}
h1 {font-size:22px}
h2 {font-size:20px} 
h3 {font-size:18px}
h4 {font-size:16px} 
h5 {font-size:14px} 
h6 {font-size:12px}
a {text-decoration:underline; color:#009BB7;}
a:hover {text-decoration:none;}
div.parent {position:absolute; top:0; left:0; width:100%; min-width:1000px; min-height:100%;}
div.container {position:relative; width:920px; padding:0 40px 150px 40px; margin:0 auto;}
div.clear {line-height:1px; height:1px; font-size:1px; clear:both;}


/* Logo */
div.logo {position:relative; height:196px; border-bottom:2px solid #000;}
div.logo h1 {position:absolute; top:50px; left:0; width:72px; height:80px;}
div.logo h1 a {display:block; width:72px; height:80px; background:url(../img/logo.gif) 0 0 no-repeat;}
div.logo h1 span {display:none;}
ul.menu {display:block; position:absolute; top:0; padding:75px 0 0 0;}
ul.menu li {clear:both;}
ul.menu a {display:block; float:left; height:15px; padding:2px; cursor:pointer; color:#000; text-decoration:none;}
ul.menu a:hover {background-color:#009BB7; color:#FFF;}
ul.bulb {background:url(../img/bulb.gif) 50% 14px no-repeat; left:235px;}
ul.bulbHover {background-image:url(../img/bulb.hover.gif);}
ul.case {background:url(../img/case.gif) 50% 8px no-repeat; left:370px;}
ul.caseHover {background-image:url(../img/case.hover.gif);}
ul.ufo {background:url(../img/ufo.gif) 50% 15px no-repeat; left:615px;}
ul.ufoHover {background-image:url(../img/ufo.hover.gif);}


/* Wedo Banners */
div.wedobanners li {display:block; float:left; padding:30px 0 !important; padding:30px 0 0 0;}
div.wedobanners li#graphic {float:right;}
div.wedobanners a {display:block; width:288px; height:63px; float:left;}
div.wedobanners a span {display:none;}
div.wedobanners li#logos a {background:#F03 url(../img/wedo.logos.jpg) 0 0 no-repeat;}
div.wedobanners li#web a {background:#F03 url(../img/wedo.web.jpg) 0 0 no-repeat; margin:0 0 0 28px !important; margin:0 0 0 14px;}
div.wedobanners li#graphic a {background:#F03 url(../img/wedo.graphic.jpg) 0 0 no-repeat;}


/* Banners */
div.banners {height:237px; width:920px; position:relative; margin:0 0 50px 0; clear:both;}
div.pics {height:237px; width:920px; overflow:hidden; position:relative;}
	/* Любому элементу который будет прокручиваться в баннерной зоне необходимо назначить класс .banner */
	div.pics .banner {height:237px; width:920px; top:0; left:0; position:absolute;}
	/* Ссылка "Подробнее", если баннеры реализованы в блоках */
	div.pics div a.details {position:absolute; bottom:45px; right:55px; color:#FFF; text-decoration:underline;}
	div.pics div a:hover {text-decoration:none;}
	div.pics div a.blue {color:#009BB7;}
a#prev,
a#next {position:absolute; top:80px; display:block; width:38px; height:73px; z-index:9;}
a#prev span,
a#next span {display:none;}
a#prev {background:#F00 url(../img/prev.gif) 0 0 no-repeat; left:0;}
a#next {background:#F00 url(../img/next.gif) 0 0 no-repeat; right:0;}


/* Block About / We Do */
div.about,
div.wedo {width:265px; padding:0 40px 0 0; float:left;}
h2.title {margin:0 0 10px 0;}
p.news {margin:0 0 20px 0;}
span.date {display:block; color:#909090; font-size:11px;}
ul.list li {line-height:18px;}


/* Authorize */
div.authorize {float:right; width:285px; padding:10px; border-bottom:2px solid #F2F2F2; border-top:2px solid #F2F2F2; background:url(../img/authorizebg.gif) 0 0 repeat}
div.authorize table,
div.authorize table td {border-collapse:collapse;}
div.authorize table td {vertical-align:top; height:30px;}
div.authorize table td.login {padding:0 10px 0 0;}
div.authorize h5 {font-weight:bold; margin:0 0 15px 0;}
div.authorize span {margin:0 6px 0 0;}
div.authorize span,
div.authorize strong {display:block; float:left;}
div.authorize strong {border:1px solid #A5ACB2;}
div.authorize strong input {height:12px; font-size:10px; width:90px;}
div.authorize input.submit {background-color:#EF1706; height:14px; font-size:11px; color:#FFF; width:45px; margin:0 0 0 40px; float:left;}
div.authorize input.checkbox {width:15px; height:15px; margin:0 5px 0 0;}
div.authorize input.checkbox,
div.authorize label {display:block; float:left; font-size:11px;}
div.authorize a {font-size:11px; margin:0 0 0 40px;}


/* Footer */
div.footer {position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #545454; border-top:1px solid #545454; background:#000; z-index:2;}
div.footerContent {width:920px; height:71px; padding:60px 0 0 0; margin:0 auto; background:url(../img/footerbg.gif) 850px 100% no-repeat; position:relative;}
div.footerContent p {color:#FFF; font-size:11px;}
div.footerContent p.number {position:absolute; top:60px; left:200px;}
div.footerContent p.number span {font-size:30px; vertical-align:text-top;}
form.search {display:block; width:140px; height:19px; background:#FFF url(../img/searchbg.gif) 0 0 no-repeat; position:absolute; right:0; top:60px;}
form.search input {display:block; float:left; border:0;}
form.search input.value {width:100px; height:16px; padding:2px 0 0 0; font-size:11px; color:#909090;}





/* Content (Not required) */
div.content {clear:both;}
div.content p {margin:0 0 15px 0; text-align:justify; text-indent:15px;}