body { background: #fff url(/i/bg.png) repeat-x; padding-top: 15px; text-align: center; font: 14px Helvetica Neue, Helvetica, Arial, sans-serif; color: #2c2c2c; line-height: 26px; }

#wrap { text-align: left; width: 990px; margin: 0 auto; overflow: auto; position: relative; }
#footer { clear: both; text-align: left; margin-top: 50px; color: #fff; background: #201f20 url(/i/footerBg.png) repeat-x top; overflow: auto; }
  #footer ul { width: 990px; margin: 0 auto; }
  #footer li { float: left; margin: 20px 25px; width: 279px; position: relative; padding-top: 60px; }
    #footer .lang { position: absolute; top:0; }
    #footer span { background: url(/i/langBg.png); color: #2c2c2c; display: block; float: left; padding:0 10px; margin-right: 10px; }
    #footerLogo { position: absolute; top: 15px; }
.content { margin: 0 15px; }

#navi { overflow: hidden; position: absolute; top: 82px; right:0; }
  #navi .current { -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset -2px -2px 2px #222; box-shadow: inset -2px -2px 2px #222; }
    #navi .current a { -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset 2px 2px 2px #181818; box-shadow: inset 2px 2px 2px #181818; color: #00aeef; }
  #navi li { float: left; }
  #navi li a { font-size: 27px; color: #fff; float: left; text-decoration: none; padding: 5px 10px; }
  #navi li a:hover { color: #00aeef; }

h1 { height: 118px; width: 615px; background: url(/i/logo.png); text-indent: -9999px; margin: 20px 0 60px; }
h1 a { display: block; width: 684px; height: 130px; }
h2 { margin-bottom: 40px; line-height: 50px; font-size: 50px; }
  #wedowebdesign { background-position: 0 -14px; }
  #webdesign { background-position: 0 -100px; }
  #aboutus { background-position: 0 -180px; }
h3 { font-size: 32px; line-height: 40px; }
h3 small { font-size: 15px; display: block; }
em { font-style: normal; font-weight: bold; font-size: 1.1em; }
p a { color: #00aeef; text-decoration: none; }
p a:hover { text-decoration: underline; }
p a:visited { color: #ec008c; }
.mainText { width: 633px; }
a.quoteButton { color: #2c2c2c; font-weight: bold; }

#theDeal { margin: 30px -15px 50px; overflow: hidden; }
#theDeal li { padding-top: 80px; width: 279px; margin: 0 25px; float: left; }

#miksiTilata { margin: 60px 0; }
  #miksiTilata em { display: block; }
  #miksiTilata li { margin: 20px 0; }

#services { margin: 70px -15px 50px; overflow: hidden; }
#services li { width: 279px; margin: 0 25px; float: left; }
#services h3 { margin-top: 210px; font-size: 30px; }

.button, button { padding: 0 15px; background: #2c2c2c url(/i/buttonBg.png); height: 46px; line-height: 46px; text-align: center; color: #fff; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; }
.button:hover, button:hover { background-position: 0 -46px; }
.button:active, button:active { background-position: 0 -92px; }
.button:visited { color: #fff; }
.button img, button img { vertical-align: middle; }

#team { margin-top: 50px; }
#team li { overflow: hidden; margin-bottom: 40px; width: 633px; }
.picture { width: 200px; height: 300px; background: #ddd; float: left; margin-right: 20px; }
#team h3 { line-height: 35px; }

#language { position: absolute; top:100px; right:0; }
#language li { float: right; clear: right; margin-bottom: 4px; }
#language a { display: block; background: url(/i/langBg.png); width: 100px; text-align: left; padding-left: 10px; text-decoration: none; color: #2c2c2c; }
#language .current { width: 120px; }
#language .swe, #footer .swe { background-position: 0 -26px; }
#language .eng, #footer .eng { background-position: 0 -52px; }

#quoteBox { position: absolute; top: 0px; right:15px; background: #00aeef; width: 279px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; }
#quoteLink { display: block; text-decoration: none; color: #2c2c2c; padding: 15px; font-size: 18px; text-align: center; }

input, textarea { border: 2px solid #fff; font: 14px Helvetica, Arial, sans-serif; width: 92%; padding: 5px; }
input:focus, textarea:focus { border: 2px solid #2c2c2c; }
textarea { height: 200px; }
label { display: block; margin-bottom: 15px; }
form small { font-size: 11px; }

#referencesList img { float: left; margin-right: 30px; }
#referencesList li { overflow: auto; margin-bottom: 70px; }

.infoerror, .infook { font-size: 18px; text-align: center; }

#orderModal { display: none; }
.modalWrap { position: absolute; height: 100%; width: 100%; top:0;left:0; }
#modalBg { height: 100%; width: 100%; position: absolute; top:0;left:0; position: fixed; background: #333; 	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#modalContent { position: absolute; top: 100px; left: 50%; margin-left: -200px; width: 360px; min-height: 200px; background-color: #00aaef; text-align: left; color: #000; -moz-border-radius: 20px; border-radius: 20px; padding: 20px; }
.modalWrap p a { color: #2c2c2c; font-weight: bold; }

.reference { font-size: 11px; }
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 15px; font-size: 12px; }
blockquote img { border: 1px solid #ccc; margin-right: 20px; }

#prices { clear: both; margin: 40px 0; width: 530px; background: #00aeef; padding: 20px; border-radius: 20px; -moz-border-radius: 20px; }
#prices button { float: right; margin-top: -45px; }

#downloadPDF { float: right; }
#downloadPDF a { padding: 10px 10px 10px 45px; background: url(/i/pdfIcon.png) center left no-repeat; }