html, body {height:100%}
*, html, body {margin:0px; padding:0px;}
body {font:14px Tahoma,Arial,sans-serif; color:#646464; background: url(../img/bgleft.gif) left top repeat-y}
td, input, textarea, option, select {font:11px Tahoma,Arial,sans-serif; color:#646464;}

img {border:0px solid}
a {text-decoration:underline; color:#0385CF}
a:hover {text-decoration:none; color:#5CB5E7}
.reverse {text-decoration:none}
.reverse:hover {text-decoration:underline}
li {list-style-type:none}

#minWidth {position:relative; width:expression((document.body.clientWidth<1000)?'1000px':'100%'); height:"100%"; min-height:100%; min-width:1000px; margin-bottom:-115px; background: url(../img/bgright.gif) right top repeat-y}
html>body #minWidth {height:auto;}

.clear{clear:both; height:0px}

#top {position:relative; height:181px; background: #000;}
#top h1 {height:17px; background: url(../img/topBg.gif) left top repeat-x; font:9px Tahoma; text-transform:uppercase; color:#fff; text-align:center; padding-top:6px; height:"23px"}

#logo {position:absolute; width:226px; height:151px; left:0; top:0; background: url(../img/logo.gif) left top no-repeat}
#logo a {display:block; width:165px; height:94px; margin:56px 0 0 61px}

#nav {margin:0 70px 0 284px;}
#nav div {float:left; width:32%; width:"21%"; margin-top:5px;}
#nav div ul {padding:46px 0 0 56px;}
#nav div ul li {width:160px}
#nav div ul li a {font:11px Verdana; color:#BCBCBC; line-height:15px}
#nav #services {background: url(../img/servicesBg.gif) left top no-repeat;}
#nav #agency {background: url(../img/agencyBg.gif) left top no-repeat;}
#nav #portfolio {background: url(../img/portfolioBg.gif) left top no-repeat;}

#icons {position:absolute; right:49px; top:43px;}
#icons a {display:block; border:1px solid #5F5F5F; background: none; margin:0 0 28px 0}
#icons a:hover {background: #666}
#icons #current {background: #666}

#content {background: url(../img/contentBg.gif) left 83px repeat-x; position:relative}
#contentBg {background: url(../img/contentBgBg.jpg) right top no-repeat; min-height:600px; height:"600px"}
#contentBg h1 {height:32px; background: url(../img/h1Bg.gif) left top no-repeat; padding:53px 0 0 150px; height:"85px"; font:bold 14px Tahoma; color:#000; text-transform: uppercase}
#contentBg h1 span {color:#fff; padding-right:14px}

#contentInner {background: url(../img/contentBg.gif) left 83px repeat-x; position:relative}
#contentInnerBg {background: url(../img/contentBgBg.jpg) right top no-repeat; min-height:600px; height:"600px"}
#contentInnerBg h1 {height:32px; background: url(../img/h1Bg.gif) left top no-repeat; padding:53px 0 0 90px; height:"85px"; font:bold 14px Tahoma; color:#000; text-transform: uppercase}
#contentInnerBg h1 span {color:#fff; display:block; float:left; width:130px; text-align:right; margin-right:20px}

#path {padding-top:14px; padding-bottom:30px}
#path li {float:left; padding-right:11px; padding-left:22px; background: url(../img/path.gif) left 2px no-repeat; color:#797979}
#path #firstPath {background:none; padding-left:0}
#path li a {color:#ADADAD}

#bookmark {position:absolute; top:13px; right:28px; width:59px; height:477px; background: url(../img/bookmark.jpg) left top no-repeat}

#leftContent {width:61%; float:left;}
#leftContent #padder {padding:5px 20px 30px 35px}
#leftContent #padder p {padding-top:20px}

#contentInnerBg #leftContent #padder {padding:5px 20px 160px 35px}

#portfolioRight {width:130px; width:"383px"; float:right; padding-right:253px; background: url(../img/portfolio.jpg) 142px 50% no-repeat; height:"310px"; min-height:310px; text-align:center}
#portfolioRight #firstItem {margin-top:40px; display:block;}
#portfolioRight .pict {margin-top:10px; margin-bottom:6px; display:block;}
#portfolioRight #allClients {margin:30px 0 50px 0; display:block}

#search {float:right; width:370px; height:116px; background: url(../img/search.jpg) 87px top no-repeat; clear:right}
#search form {padding-top:90px;}
#search .txt {border:1px solid #AEAEAE; width:145px; height:21px; padding:4px 5px 1px 5px; margin-bottom:4px; margin-right:25px}
html>body #search .txt {margin-bottom:2px}
body:not([dummy]) #search .txt {width:135px; height:14px; margin-bottom:5px}

#searchInner {float:right; width:370px; height:116px; background: url(../img/search.jpg) 87px top no-repeat; clear:right; padding-bottom:130px}
#searchInner form {padding-top:90px;}
#searchInner .txt {border:1px solid #AEAEAE; width:145px; height:21px; padding:4px 5px 1px 5px; margin-bottom:4px; margin-right:25px}
html>body #searchInner .txt {margin-bottom:2px}
body:not([dummy]) #searchInner .txt {width:135px; height:14px; margin-bottom:5px}

#news {width:expression((document.body.clientWidth<1002)?'1002px':'100%');}
#news h2 {height:30px; width:228px; background: url(../img/newsH2Bg.gif) left top no-repeat; padding:11px 0 0 156px; height:"41px"; font:bold 12px Tahoma; color:#fff; margin-bottom:1px; text-transform: uppercase !important}
#news #newsArea {background: #E0DDD6 url(../img/newsBg02.gif) left top repeat-y; height:"10px";}
#news #newsAreaBg {background: url(../img/newsBg03.gif) right top repeat-y; height:"10px"}
#news #newsAreaBgBg {background: url(../img/newsBg01.gif) right top no-repeat; padding-right:39%; min-height:120px; height:"120px"}
#news .item {float:left; padding-left:38px; width:43%; width:"49%"}
#news .item p.newDate {float:left; background: #fff; padding:2px 5px; font:9px Tahoma; color:#BCBCBC; margin-top:20px;}
#news .item p.newTitle {clear:both; font-size:12px; padding:3px 0 2px 0}
#news .item p.newBody {padding-bottom:10px}
#news #archive {float:right; display:block; margin:20px 0 30px 0}

#medal {position:absolute; width:72px; height:186px; background: url(../img/medal.jpg) left top no-repeat; right:0; bottom:130px}
#seoweb {position:absolute; width:193px; height:56px; background: url(../img/seoweb.jpg) left top no-repeat; right:130px; bottom:160px}

#seowebInner {position:absolute; width:193px; height:56px; background: url(../img/seowebInner.jpg) left top no-repeat; right:130px; bottom:160px}

#textPage img {float:left; border:1px solid #999; margin-right:14px; margin-bottom:7px}
#textPage p {padding:0 0 14px 0 !Important;}
#textPage h2 {font-weight:bold; font-size:14px; padding-bottom:10px}
#textPage h3 {font-weight:bold; font-size:12px; padding-bottom:10px}
#textPage ul {padding-bottom:14px}
#textPage ul li {list-style-type: square}
#textPage form {padding-bottom:14px;}
#textPage form label {display:block; padding-bottom:1px}
#textPage form .txt {width:200px; height:20px; border:1px solid; padding:2px 5px; margin-right:10px; margin-bottom:6px}
html>body #textPage form .txt {width:188px; height:14px;}
#textPage form textarea {width:200px; height:160px; border:1px solid; padding:2px 5px; margin-right:10px; margin-bottom:6px}
html>body #textPage form textarea {width:188px; height:154px;}
#textPage form .btn {margin-top:10px}

#textPage #searchRes li {list-style-type: decimal-leading-zero; list-style-type: "decimal"}
#textPage #pager {padding-bottom:14pt;}
#textPage #pager a, #textPage #pager span {padding:0 10px}

#textPage #siteMap li {padding:0px; padding-bottom:16px}
#textPage #siteMap li a {font-weight:bold}
#textPage #siteMap ul {padding:14px 0 10px 30px}
#textPage #siteMap ul li {padding-bottom:10px}
#textPage #siteMap ul li a {font-weight:normal}

#textPage .newItem {padding-bottom:20px;}
#textPage .newItem p.newDate {float:left; background: #fff; padding:2px 5px !important; font:9px Tahoma; color:#BCBCBC; margin-top:20px; margin-bottom:10px}
#textPage .newItem p.newTitle {clear:both; font-size:12px; padding:3px 0 2px 0}
#textPage .newItem p.newBody {padding-bottom:10px}
#textPage .newItem img {border:none}

#textPage .clientItem {padding-bottom:10px;}
#textPage .clientItem p.newTitle {clear:both; padding:3px 0 2px 0; font-weight:bold}
#textPage .clientItem p.newBody {padding-bottom:10px}
#textPage .clientItem img {border:none}

#textPage #only {padding-bottom:22px; font-size:12px !important; padding-top:8px}


#footerPad {height:115px;}
#footer {height:115px; width:expression((document.body.clientWidth<1002)?'1002px':'100%'); min-width:1000px; position:relative; background: url(../img/footerBg.gif) left top repeat-x}
#footer #copyLeft {height:140px; background: url(../img/copyLeftBg.gif) left bottom no-repeat; float:left; width:34%;}
#footer #copyLeft ul {background: url(../img/may.gif) 38px 24px no-repeat; padding:47px 0 0 38px;}
#footer #copyLeft ul li {background: url(../img/li.gif) 0px 6px no-repeat; padding:4px 0 8px 28px;}
#footer #copyLeft ul li a {color:#fff;}
#footer #phones {background: url(../img/phones.gif) 0 17px no-repeat; height:115px; float:left; width:270px;}
#footer #developed {padding:54px 0 0 0; text-transform:uppercase; font-size:10px;}
#footer #developed a {color:#fff; text-decoration:none; margin-left:90px}
#footer #footerBg {height:115px; background: url(../img/corner.jpg) right top no-repeat;}
#footer #footerBgInner {height:115px; background: url(../img/cornerInner.jpg) right top no-repeat;}