html, body {
padding: 0;
margin: 0;
font: 12px;
background: rgb(84,98,84);
font-family: "trebuchet MS",geneva;
}
a {
color: #000;
}
p:first-line {text-indent: 25px;}
ul {
padding-left: 30px;
}
h2 {
color: #000;
font: 18px Verdana;
}
h3 {
color: #000;
font: 17px Verdana;
}
img {
border: 0px;
}
td {
vertical-align: top;
font-family: "trebuchet MS",geneva;
font: 12px ;
}
p {
font-family: "trebuchet MS",geneva;
font: 12px;
}
font {
font-family: "trebuchet MS",geneva;
font: 12px ;
}
#top {
background: url(/images/head.jpg) no-repeat center top;
height: 120px;
width: 954px;
vertical-align: middle;
}
#top_line {
background: url(/images/top_line.png) repeat-x center top;
height: 10px;
line-height: 10px;
width: 954px;
}
#logo {
display: block;
background: url('/images/logo.png') no-repeat left top;
width: 185px;
height: 54px;
text-decoration: none;
}
#mail {
display: block;
background: url('/images/phones.png') no-repeat left top;
width: 220px;
height: 57px;
text-decoration: none;
}
#about_link {
margin: 0 auto;
margin-top: 20px;
display: block;
background: url('/images/about.png') no-repeat left top;
width: 120px;
height: 18px;
text-decoration: none;
}
#services_link {
margin: 0 auto;
margin-top: 20px;
display: block;
background: url('/images/services.png') no-repeat left top;
width: 89px;
height: 25px;
text-decoration: none;
}
#contacts_link {
margin: 0 auto;
margin-top: 20px;
display: block;
background: url('/images/contacts.png') no-repeat left top;
width: 138px;
height: 18px;
text-decoration: none;
}
#order {
margin-top: 10px;
margin-left: 20px;
display: block;
background: url('/images/order.png') no-repeat left top;
width: 251px;
height: 78px;
text-decoration: none;
}
#last_works {
margin-left: -20px;
display: block;
background: url('/images/last_works.png') no-repeat left top;
width: 230px;
height: 21px;
text-decoration: none;
}
#see_all_portfolio {
margin-left: 110px;
display: block;
background: url('/images/see_all_portfolilo.png') no-repeat left top;
width: 278px;
height: 30px;
text-decoration: none;
}
#lozung {
margin: 0 auto;
display: block;
background: url('/images/lozung.png') no-repeat left top;
width: 579px;
height: 72px;
text-decoration: none;
}
#under_line {
background: #fff url(/images/under_line.jpg) repeat-x center top;
min-height: 209px;
width: 954px;
font: 16px url(/css/zrnic_cyr.ttf);
font-family: zrnic url('/css/zrnic_cyr.ttf');
}
#under_line #top_content {
font: 14px arial;
padding: 20px;
width: 570px;
}
#under_line #top_content table td {
/* border: 1px #000 solid;*/
}
#services_topline {
background: rgb(221,247,235);
width: 10px;
line-height: 10px;
}
#services a {
width: 100%;
heigth: 100%;
text-decoration: none;
}
#services_bottomline {
background: rgb(188,210,200);
width: 10px;
line-height: 10px;
}
#site_dev {
background: rgb(186,186,129) url("/images/site_dev.png") no-repeat right top;
width: 318px;
height: 209px;
}
#site_dev div {
font: 11px Verdana;
padding: 110px 60px 10px 43px;
}
#hosting {
background: url("/images/hosting.png") no-repeat left top;
width: 317px;
height: 209px;
}
#hosting div {
font: 11px Verdana;
padding: 110px 60px 10px 43px;
}
#soft_dev {
background: rgb(160,181,171) url("/images/soft_dev.png") no-repeat left top;
width: 318px;
height: 209px;
}
#soft_dev div {
font: 11px Verdana;
padding: 110px 60px 10px 43px;
}
#menu td {
vertical-align: top;
text-align: center;
}
#rightMenu {
text-align: left;
}
#rightMenu a {
background: url('/images/right_menu_selected.png') no-repeat left 200px;
text-align: left;
display: block;
width: 100%;
width: 163px;
height: 20px;
padding: 6px;
padding-left:9px;
padding-right:9px;
text-decoration: none;
font-size:14px;
font-family: "trebuchet MS",geneva;
}
#rightMenu a:hover {
background: url('/images/right_menu_selected.png') no-repeat left top;
color: rgb(248,253,187);
}
#search {
}
#search #search_wrapper {
margin-left: 40px;
background-attachment: fixed;
background: url("/images/search.png") no-repeat left top;
width: 247px;
padding-top: 28px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 25px;
}
#search #input {
margin-top: -3px;
margin-left: -5px;
width: 266px;
border-width: 0;
background-color: rgb(121,212,171);
}
#search #submit {
margin-top: -23px;
margin-left: 40px;
background: url('/images/search_button.png') no-repeat left top;
width: 65px;
height: 20px;
padding-top: 25px;
border-width: 0;
cursor: hand;
cursor: pointer;
}
#portfolio {
background: #fff url('/images/portfolio_bg.png') repeat-x left bottom;
padding-top: 20px;
}
#portfolio .portfolio_site {
float: left;
width: 50%;
}
#portfolio .portfolio_site b {
color: rgb(10,180,167);
}
#portfolio .portfolio_site #site_img {
background: url('/images/portfolio_image.png') no-repeat left top;
width: 236px;
height: 180px;
padding: 17px;
margin-left: 20px;
}
#portfolio .portfolio_site #site_img img {
width: 222px;
height: 146px;
overflow: hidden;
position: absolute;
border-width: 0;
padding: 0;
margin: 0;
}
#callback {
background: rgb(123,195,157) url('/images/callback_bg.png') repeat-x left bottom;
padding-top: 20px;
padding-left: 20px;
}
#callback #callback_form {
padding-top: 80px;
background: url('/images/callback_header.png') no-repeat left top;
padding-left: 25px;
padding-right: 20px;
}
#callback #news {
width: 598px;
height: 100px;
}
#callback #news table tr td a {
color: #fff;
}
#callback #info {
background: url('/images/info_block.png') no-repeat left top;
width: 598px;
height: 157px;
padding: 10px;
text-align: left;
margin-right: -10px;
font: 12px arial;
}
#footer {
background: url('/images/footer_bg.png') repeat-x left top;
height: 167px;
}
#footer #copy {
color: rgb(169,246,209);
vertical-align: middle;
text-align: center;
width: 240px;
padding-top: 20px;
}
#footer .bottom_menu {
padding-top: 30px;
}
#footer .bottom_menu a {
background: url('/images/bottom_a.png') no-repeat left 100px;
display: block;
width: 163px;
height: 29px;
color: #fff;
padding: 7px;
padding-left: 15px;
padding-bottom: 5px;
margin-top: -10px;
font: 10px verdana;
text-decoration: none;
}
#footer .bottom_menu a:hover {
color: #000;
background: url('/images/bottom_a.png') no-repeat left top;
}
#callback_bottomline {
background: rgb(188,225,206);
line-height: 10px;
}
#footer_bottomline {
background: rgb(121,180,151);
line-height: 10px;
}
#callback_submit {
background: url('/images/send.png') no-repeat left top;
width: 102px;
height: 18px;
padding-top: 30px;
border-width: 0px;
cursor: hand;
cursor: pointer;
}
#arrow {
background: url('/images/footer_arrow.png') no-repeat left top;
width: 171px;
height: 153px;
}
.png { behavior: url(png.htc); }