/* CSS Document */
body, div, table, td, img, a, h1, h2, h3, h4, p {padding:0; margin:0; border:0; outline:0}
h1, h2, h3, h4, p, a {font-family:Arial, Helvetica, sans-serif}
h1{ font-size:20px; font-weight:normal; line-height: 130%; color:#f2f2f2;}
p {font: 13px Arial, Helvetica, sans-serif; padding: 10px; color:#63686b}
span {font-weight:bold; color:#74797c}
.white{ color:white}
.small {font-size:10px;}

body {background:#63686b url('../img/body_bg.jpg') repeat-x top center;}

#container {position:relative; background-color:#171717; width:900px; margin: auto; overflow:auto}

#header {width:900px; height:88px; background: url('../img/header.jpg'); position:relative}
#header #homeHotspot { width:330px; height:60px; position:absolute; top:20px; left:12px; cursor:pointer}
#header #en { width:30px; height:20px; position:absolute; top:10px; right:10px;  cursor:pointer;}
#header #pl { width:30px; height:20px; position:absolute; top:10px; right:50px; cursor:pointer;}

#menu {width:900px; height:44px; background: url('../img/menu_bg.jpg'); position:relative; border-bottom: 8px solid black}
#menu #home, #menu #homeActive {width: 84px; height:44px; position: absolute; left:129px; background: url('../img/btn_home.jpg'); background-position: bottom; cursor:pointer}
#menu #home:hover, #menu #homeActive {background-position: top}
#menu #services, #menu #servicesActive {width: 187px; height:44px; position: absolute; left:284px; background: url('../img/btn_services.jpg'); background-position: bottom; cursor:pointer}
#menu #services:hover, #menu #servicesActive {background-position: top}
#menu #about, #menu #aboutActive {width: 66px; height:44px; position: absolute; left:550px; background: url('../img/btn_about.jpg'); background-position: bottom; cursor:pointer}
#menu #about:hover, #menu #aboutActive {background-position: top}
#menu #contact, #menu #contactActive {width: 87px; height:44px; position: absolute; left:697px; background: url('../img/btn_contact.jpg'); background-position: bottom; cursor:pointer}
#menu #contact:hover, #menu #contactActive {background-position: top}

#content {width: 880px; padding:0 10px; overflow:auto}
 
#ad{width: 100%; text-align:center; padding-top:20px; clear:both }

.box {width:280px; background: url('../img/box_bottom.jpg') no-repeat bottom; padding-bottom:10px; float:left; }
.space {width: 20px; height:20px; float:left}


.box h1, .box a { font-size:13px; font-weight:normal; line-height: 130%; color:#f2f2f2; text-decoration:none; text-align:center}
.box a.big, .box h1{font-size:20px;}
.box p{text-align:center}
.box .btn {width:153px; height:35px; background-image: url('../img/box_btn.jpg'); margin: auto; cursor:pointer}
.box .btn h4 {font:bold 13px Arial, Helvetica, sans-serif; text-align: center; padding: 10px 0 0; color:#9b9fa1}

.aboutPic {width:540px; padding:285px 10px 0 40px; background: url('../img/pic_artur.jpg') no-repeat top; float:right} 
.contactPic {width:590px; height:285px; background: url('../img/pic_contact.jpg') no-repeat top; float:right}
.extraPic {border: 5px solid black; margin: 10px 10px 10px;}

.colorBox{ width: 14px; height:14px; float:left}
p.clear, td.clear {padding:0; float: left}

table{ background-color:#2f333b; float: right; padding-right:10px; width:590px; border-collapse:collapse; border:none}
table a{ font-size:13px; font-weight:normal; line-height: 130%; color:#f2f2f2; text-decoration:none; text-align:center}
th { background: url('../img/th_bg.jpg') repeat-x center; text-align:center}
td { border: 1px solid #25282e; border-collapse:collapse; padding:5px; text-align:center;}
td h2 {color:#8e9599; font-weight: normal; font-size: 14px;}
table.left td{text-align:left; vertical-align:top}
td.left {text-align:left}

#footer{ width:880px; height:36px; padding: 60px 10px 0; background-image:url('../img/footer_bg.jpg'); background-position: bottom; overflow:hidden} 
#footer p, #footer a {font-size: 10px; color:#2f333b; text-decoration:none}