@import url(reset.css);
body {font-size: 62.5%; font-family: Arial, sans-serif; color: #000; }
a {outline: 0;}
h1, h2, h3, h4 {font-family: Georgia;}
/* Layout */
.wrapper {width: 100%; background: url(../images/wrapper_bg.gif) repeat-x; float: left;}
#wrapper {width: 950px; margin: 0 auto;}
#header, #footer  {float: left; width: 100%;}
/**************************************/
/*              HEADER                */
/**************************************/
#header {position: relative; background: #fff; top: 35px; height:165px;}
h1#brand  {left:35px; position:absolute; top:30px;}
#brand a.logo {background: url(../images/semanit_logo.png) no-repeat; display:block; height:61px; width:308px;}
#header p {color: #ffbb00;font-family:Verdana; font-size:1.8em; left:130px; position:absolute; top:95px;}
#header ul.nav {border-bottom: 1px solid #dedede; float:left; padding-left: 720px; padding-right: 36px; position:absolute; top:104px;}
#header ul.nav li {float: left; position:relative; top:1px;}
#header ul.nav li.active {border: 1px solid #dedede; border-bottom: 1px solid #fff;}
#header ul.nav li  a, #header ul.nav li span {padding: 0 15px; font-weight: bold; color: #bdbdbd; text-decoration: none;}
#header ul.nav li  a:hover {color: #000;}
#header ul.nav li.active span {color: #000;}
.rounded {position: absolute; background: url(../images/rounded.gif) no-repeat; display: block; width: 16px; height: 16px;}
.rounded.tl {background-position: 0 0; top: 0; left: 0;}
.rounded.tr {background-position: 100% 0; top: 0; right: 0;}
/**************************************/
/*              CONTENT               */
/**************************************/
#content {background: #fff; padding: 35px 35px 20px; position: relative; width: 880px; float:left;}
#content h1 {font-size: 1.8em;  color: #777; padding-bottom:30px; padding-top:7px; font-family: Arial;}
#content h2 {color: #777; font-family:Arial; font-size:1.4em; line-height:190%;}
#content h3 {font-size: 3.2em; color: #bbb; border-bottom: 1px dashed; margin-bottom: 15px;}
#content h4 {text-align: left; padding-bottom: 15px; font-family:Arial; font-size:1.8em;}
.shadow {position: absolute; background: url(../images/shadow.png) no-repeat; display: block; width: 17px; height: 227px; top: 0;}
.shadow.l {left: -17px; background-position: 0 0;}
.shadow.r {left: 100%; background-position: 100% 0;}
.blue {color: #008ce9}
.float-r {float: right;}
.float-l {float: left;}
strong {font-weight: bold;}
div.who {background: url(../images/icons/arrow.gif) 0 5px no-repeat; padding-left: 35px; padding-bottom:20px;}
#content p {font-size: 1.2em;}
#content a.link {background: #fbf0c2; padding: 0 5px; text-decoration: none; color: #000;}
#content a.link:hover {background: none; text-decoration: underline;}
ul li {line-height: 190%; font-size: 1.2em;}
ul.check  li{background: url(../images/icons/check.png) no-repeat; padding-left: 20px;}
ul.arrow, ul.check  {padding: 10px 0;}
ul.arrow li {background: url(../images/icons/arrow_left.png) 0 3px no-repeat; padding-left: 28px;}
div.bg {float: left; width: 433px; margin-top: 25px; background: url(../images/bg.gif) 0 25px repeat-x; text-align: center;}
div.bg.last-child {margin-left: 14px;}
div.bg p{padding: 0 40px 20px 40px;}
/* Contact */
#content.contact p {line-height: 190%;}
#content.contact p.phone {background: url(../images/icons/phone.png) no-repeat; margin-top:20px; padding-left: 23px;}
#content.contact .bg {margin: 0; float: right; text-align: left;}
#content.contact .bg p {font-size: 1.4em; padding-left: 0;}
#content.contact label {width: 105px; display:inline-block; font-weight: bold; vertical-align:top; text-indent: 10px;}
#content.contact form ul li {padding-bottom: 10px;}
#content.contact form li.action p {margin-left: 108px; margin-top: 10px; font-size: 1.1em; float: left;}
#content.contact .text {width: 305px; border: 1px solid #bbb; padding: 5px 0 5px 3px; background: #fff url(../images/input_bg.gif) bottom repeat-x;}
#content.contact .text:focus {background: #fff;}
#recaptcha_widget_div {float: right; padding-right:10px;}
.submit, .reset {background: #316f98; color: #fff; border: 0; padding: 5px 10px; cursor: pointer;}
.submit:hover, .reset:hover {background: #6da9d1;}
.successli {font-weight: normal; color: #579f4f; background: url(../images/icons/success.png) no-repeat; margin-left: 10px; padding-left: 20px;}
.successli strong {font-weight: normal;}
/**************************************/
/*              FOOTER                */
/**************************************/
#footer {float:left; background: #777; border-bottom: 3px solid #018be8; text-align: center; color: #fff; font-size: 1.2em; padding:12px 0;}
#footer p  a {color: #7fc5f4; padding:0 0 0 15px;}