/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Проект: eleganceIT
Кодер: Ivan Leonchikov [ coder@xeonc.eu ]
Дата: июнь 2007
Назначение стилей: Общие стили для всех страниц
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:1000px; height:100%; background:#d5d5d5;  }
.parent_s{ background-color:#bebebe;}
.td_p{ font-size: 0px; }
.td_p1{ font-family:Arial; font-size: 12px; color:#454545; vertical-align:top; padding:100px 5px 0 5px;}

.td_p .d1{display:none}

.td_p1 .d1{ text-align:left; width:120px; margin:0 auto;}
.td_p1 .d2{ padding-left: 8px;}


#footer { position:relative; bottom:0; left:-2px; width:100%; height:45px; background:url(../image/bg-footer.gif) repeat-x bottom; }

a { font:normal 14px Arial; color:#006dff; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0; }

#basis { width:auto; min-width:1000px; height:100%; font:normal 14px Arial; color:#000; }
#comment_align {text-align:left}
#site { position:relative; width:1000px; min-height:100%; height:auto; background:#f0f0f0 url(../image/bg-basis.gif) repeat-y 100% 0; text-align:left }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

#header { height:430px; }
.left { width:376px; float:left; padding-bottom:77px; }
.right { width:624px; float:left; padding-bottom:107px; }

.logo { width:90px; height:82px; margin-left:29px; padding-top:23px; float:left; }
.menu { margin-left:182px; }
.menu li { width:118px; float:left; padding-top:23px; list-style-type:none; text-align:center; }
.menu li a { position:relative; z-index:999; font-size:18px; color:#fff; text-decoration:none; }
.menu li a:hover { text-decoration:underline; }
.menu li.here { width:138px; height:95px; margin:0 -10px; background:url(../image/bg-menu-hov.png) no-repeat; text-align:center; }
.menu li.here a { color:#000; }
.menu li.first { margin-right:20px; }

.submenu { position:absolute; top:93px; left:163px; width:168px; }
.submenu1 { background:url(../image/submenu1.png) no-repeat; height:17px; }
.submenu2 { width:168px; background:url(../image/submenu.png) repeat-y; }
.submenu3 { background:url(../image/submenu2.png) no-repeat; height:17px; }

.submenu ul { padding:5px 10px 5px 54px; text-indent:-40px; }
.submenu li { position:relative; z-index:999; list-style-type:none; line-height:10px; }
.submenu li a { position:relative; z-index:999; font-size:12px; color:#000; }
.submenu li a:hover { text-decoration:none; }
.submenu li.here a { color:#0080da; }

.line1 { top:57px; width:381px; height:105px; background:url(../image/bg-line1.png) no-repeat; }

.portfolio { position:absolute; top:108px; left:376px; z-index:1; width:613px; height:316px; z-index:0;}
.portfolio img { display:block; }
.portfolio a:hover { text-decoration:underline; color:#ae1b1b; }
.portfolio1 { position:absolute; top:70px; left:30px; }
.portfolio1 a { font-size:24px; color:#000; }
.portfolio2 { position:absolute; top:90px; left:200px; }
.portfolio2 a { font-size:24px; color:#000; }
.portfolio3 { position:absolute; top:20px; left:280px; text-align:center; }
.portfolio3 a { font-size:18px; color:#000; }
.portfolio3 a strong { font-size:11px; text-decoration:none;}
.portfolio4 { position:absolute; top:90px; left:420px; }
.portfolio4 a { font-size:12px; color:#000; }
.portfolio5 { position:absolute; top:285px; left:470px; }
.portfolio5 a { font-size:12px; color:#000; }
.portfolio .name { position:absolute; top:280px; left:145px; color:#b32020; }

.ban{margin-top:20px;}
.ban img{ border:2px solid #d9d9d9;}
.contentLine { padding:222px 100px 0 0; }
.contentLine h3 { margin-bottom:10px; padding-left:30px; font:bold 18px Arial; }
.contentLine .text { border-left:solid 4px #b42121; z-index:1000; position:relative }
.contentLine .text div { margin-left:-4px; padding: 0 0 5px 15px; background:url(../image/bg-gray.gif) no-repeat bottom left; }
.contentLine .text p { margin-bottom:17px; }

.footerBlock { position:absolute; bottom:10px; right:8px; width:340px; height:162px; background:url(../image/bg-blok.jpg) no-repeat right;z-index:0 }
.footerBlock p { padding:40px 180px 0 0; font:bold 12px Arial; }

.rightContent { position:relative; z-index:99; margin:-232px 0 0 50px; }
.textContent { width:511px; padding-top:19px; background:url(../image/textContent.gif) no-repeat; }
.textContent1 { padding-bottom:19px; background:url(../image/textContent1.gif) no-repeat bottom left; }
.textContent2 { min-height:297px; background:#fff; padding:0 40px 0px 40px; font-size:18px; }
.blue { font-weight:normal; color:#0080da; }

.textContent2 h2 { padding-bottom:10px; font:normal 24px Arial; }
.rightContentList { position:relative; z-index:99; margin-top:-232px; margin-left:50px; }
.rightContentList .textContent2 { min-height:80px; }
.rightContentList .textContent2 h2 { padding-bottom:5px; }
.rightContentList .textContent2 p { padding-right:25px; font-size:11px; color:#0080da; }
.rightContentList .textContent2 p a { font-size:11px; }
.rightContentList .textContent { margin-bottom:14px; }

#footer p { position:absolute; left:40px; bottom:5px; color:#f0f0f0; }

.contentLine2 { padding:112px 100px 0 1px; z-index:1; }
.contentLine2 h3 { margin-bottom:10px; padding-left:30px; font:bold 18px Arial; }
.contentLine2 .text { border-left:solid 4px #b42121; }
.contentLine2 .text div { margin-left:-4px; padding: 0 0 5px 15px; background:url(../image/bg-gray.gif) no-repeat bottom left; }
.contentLine2 .text p { margin-bottom:17px; }

.flash2 { position:absolute; top:423px; left:313px; width:559px; height:114px; padding:0 0 0 119px; background:url(../image/bg-flash2.jpg) no-repeat; }

#img_ban{margin-top: 25px}
#img_ban img{border: solid 2px #d9d9d9}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Конец
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */