body {
margin:0;
padding:0;
background: url(img/bg.gif) left 95px repeat-x #3f3f3f;
text-align:left;
font:normal 11px "Tahoma";
color:#c4c4c4;
height:100%;
}

div, table, p, ul, li, h1, h2, h3, h4, form {
margin:0;
padding:0;
}

img {
border:none;
}

h1 {
margin-bottom:10px;
}

h1 span {
display:none;
}

p {
font:normal 11px "Tahoma";
color:#c4c4c4;
margin-bottom:15px;
text-align:left;
}

a {
font:normal 11px "Tahoma";
color:#f2b938;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.cyelow {
color:#f6bc38;
}

.liste {
padding-top:0px;
margin:0 10px 15px 25px;
}

.container {
width:995px;
text-align:left;
background:url('img/left_bg.gif') repeat-y left;
}

.clearer {
clear:both;
font-size:1px;
line-height:1px;
}

.header {
height:108px;
background:#3f3f3f;
position:relative;
}

.header .logo {
display:block;
width: 168px;
height: 57px;
left:50px;
top:30px;
position:absolute;
}

.header .menu {
background: url(img/menu_right.gif) right no-repeat;
height: 38px;
position:absolute;
top:35px;
left:430px;
}

.header .menu ul {
list-style:none;
background: url(img/menu_left.gif) left no-repeat;
height: 20px;
padding:9px 10px;
}

.header .menu li {
float:left;
height: 20px;
}

.header .menu li.active {
background: url(img/menu_active_right.gif) right no-repeat;
height: 20px;
}

.header .menu a {
float:left;
display:block;
height:20px;
line-height:20px;
padding:0 15px;
color:#fff;
}

.header .menu a:hover {
color:#56b2ff;
text-decoration:none;
}

.header .menu li.active a {
background: url(img/menu_active_left.gif) left no-repeat;
}

.header .menu li.active a:hover {
color:#fff;
}

.header .lang {
background: url(img/lang_bg.gif) left no-repeat #323232;
height: 27px;
width:500px;
position:absolute;
left:490px;
padding-left:5px;
top:95px;
}

.header .lang li {
list-style-type:none;
float:left;
padding:0 10px;
}

.header .lang a {
line-height:27px;
}

.header .lang li.active a {
color:#5c6d7c;
}



.main {
padding:10px 10px 30px 10px;
}

.main .left_side {
float:left;
width:270px;
}

.main .framed {
background: url(img/left_background.gif) top no-repeat #393939;
padding:15px 20px;
}

.main .framed p {
margin-bottom:25px;
}

.main .clients p img {
float:left;
margin-right:10px;
}

.main .clients p {
height:75px;
}

p.more {
text-align:right;
padding:10px 10px 0 0;
}

p.more a {
display:block;
background: url(img/more_bg.gif) no-repeat;
width: 74px;
height: 19px;
text-align:center;
line-height:19px;
margin:0 0 0 auto;
}

p.more a:hover {
background: url(img/more_bg_active.gif) no-repeat;
color:#fff;
text-decoration:none;
}

p.more2 {
text-align:center;
}

p.more2 a {
display:block;
background: url(img/more_bg2.gif) no-repeat;
width: 61px;
height: 19px;
text-align:center;
margin:0 auto;
line-height:19px;
}

.main .right_side {
width:705px;
float:left;
}

.introtext {
padding:0 30px 10px 30px;
background: url(img/dotted_border.gif) bottom repeat-x;
}

.main .leftborder {
background: url(img/dotted_border4.gif) left repeat-y;
}

.services {
padding:20px 30px 10px 30px;
}

.services ul {
list-style:none;
}

.services li {
float:left;
width:210px;
background: url(img/dotted_border2.gif) right top no-repeat;
}

.services .cont {
width:178px;
padding:78px 10px 1px 10px;
}

.services .cont h1 {
height:26px;
margin-bottom:0;
}

.services li.webdevelopment .cont {
background: url(img/webdesign_bg.jpg) top no-repeat #353535;
}

.services li.hosting .cont {
background: url(img/hostings_bg.jpg) top no-repeat #353535;
}

.services li.sms .cont {
background: url(img/sms_bg.jpg) top no-repeat #353535;
}

.services li.hosting {
margin:0 0 0 12px;
}

.services .webdevelopment .more {
padding-right:23px;
}

.services .hosting .more {
padding-right:23px;
}

.services li.sms {
background:none;
width:198px;
margin-left:12px;
}



.bottom {
background: url(img/bottom_bg.gif) repeat-x;
height: 51px;
}

.bottom .container {
width:995px;
position:relative;
background:none;
}

.bottom a {
color:#56b2ff;
}

.bottom p {
color:#6c6b6b;
}

.bottom p.first {
position:absolute;
top:15px;
left:20px;
}

.bottom p.second {
position:absolute;
width:200px;
right:0px;
top:15px;
}

.tabula {
background:#353535;
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}

.tabula tr.coloredd td {
background:#434d55;
cursor:pointer;
}

.tabula td {
padding:5px 3px;
}

.tabula .head td {
background: url(img/dotted_border3.gif) bottom repeat-x;
font-weight:bold;
color:#f6bc38;
}

.tabula td span {
font-weight:bold;
color:#f1b937;
}

.tabula td.center {
text-align:center;
}

/* form */
.cssform {
clear:both;
padding-top:10px;
}

.cssform p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform p.normal {
width: auto;
clear: none;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label {
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform .text {
background:#5b5b5b;
border:1px solid #353535;
color:#fff;
font:normal 11px "Tahoma";
}

.cssform textarea {
width: 450px;
height: 150px;
background:#5b5b5b;
border:1px solid #353535;
color:#fff;
font:normal 11px "Tahoma";
overflow:hidden;
}

.cssform .imaged {
margin-right:5px;
}

.cssform .submit {
background: url(img/form/submit_bg.gif) repeat-x;
height: 19px;
line-height:19px;
color:#fcc137;
border:none;
cursor:pointer;
padding:0 15px;
font-size:11px;
}


.cssform img {
margin-right:5px;
cursor:pointer;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html input.threepxfix {
margin-left: 3px;
}


.hidden {
    display: none;
}

#infoBox {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: none;
    padding: 10px;
    border: 1px solid #fcc137;
    background: #3f3f3f;
    z-index: 9999;
}


body > div#infoBox {
    position: fixed;
}

.poppedup {
position:absolute;
width:400px;
left:300px;
top:250px;
border:1px solid #fcc137;
background:#3f3f3f;
padding:0 10px;
}