/* general styles */
* {	padding: 0; margin: 0 }
html, body { width: 100%; height: 100% }
body { background: url(../images/bluebar-bg.png) 0 136px repeat-x }
body,td,p,input,select,textarea,label { font: 14px/20px Arial, Helvetica, sans-serif; color: #000 }
p,ul,table { margin: 0 0 15px 0 }
ul { list-style: none }
ol { list-style-position: outside; padding: 0 0 0 26px; margin: 0 0 15px 0 }
ol li { padding: 0; margin: 0 }
img { border: 0 }
a { color: #069; text-decoration: none }
a:hover { text-decoration: underline }
.end { clear: both; width: 100%; height: 0px; overflow: hidden }
div.line { height: 0px; margin-bottom: 30px; border-top: 1px #6ac solid; overflow: hidden }

.content { width: 910px; margin: 0 auto; padding-left: 30px; position: relative; overflow: visible }
#header { width: 100%; height: 316px; position: relative; background: url(../images/bluebar-bg.jpg) center 136px no-repeat; overflow: hidden }
#header .content { height: 316px }
#header .img { position: absolute; left: 100px; top: 0 }
#header p { float: right; display: inline; margin: 40px 0 0 20px; padding-left: 20px; font-size: 12px }
#header p strong { font-weight: bold; color: #069; text-transform: uppercase }
#header p.contact { border-left: 1px #6ac solid }
#header .bottom { position: absolute; left: -30px; bottom: -10px; width: 1000px; height: 60px; border-top-left-radius: 16px; border-top-right-radius: 16px; background: #fff }
h1 { font: bold 28px/34px Arial, Helvetica, sans-serif; color: #fff; position: absolute; left: 30px; top: 170px }
#main .intro { width: 475px; padding: 0 435px 0 30px; margin: 0 auto 30px; overflow: visible; position: relative }
#main .intro img { position: absolute; right: -55px; top: 0 }
h2 { font: bold 18px/22px Arial, Helvetica, sans-serif; color: #07a; margin-bottom: 15px }
#about { float: right; display: inline; width: 360px; background: #0078ae url(../images/about-bg.jpg) left bottom no-repeat; border-radius: 16px; margin: 0 0 20px 80px; padding: 25px 0 }
#about h2, #about p { color: #fff; margin-left: 30px; margin-right: 20px }
#about p { color: #f2fbff }
.content ul { margin-left: 10px }
.content ul li { padding: 0 0 5px 25px; background: url(../images/bullet.png) 0 5px no-repeat }
p.button { display: block; height: 45px; overflow: visible; position: relative; margin-top: 30px }
p.button a { float: left; display: inline; height: 45px; background: #07a url(../images/button-bg.png) repeat-x; border-radius: 10px; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5); box-shadow: 2px 2px 10px rgba(0,0,0,0.5); font: 17px/25px Arial, Helvetica, sans-serif; color: #fff }
p.button a strong { display: block; padding: 10px 15px }
p.button a:hover { background-position: 0 -45px; text-decoration: none }
#footer { margin-top: 100px; height: 180px; background: url(../images/footer-bg.png) left bottom repeat-x }
h3 { font: 15px/15px Arial, Helvetica, sans-serif; color: #07a; text-transform: uppercase; letter-spacing: 12px; margin-bottom: 58px }
#footer p { float: left; display: inline; width: 260px; margin-right: 30px; border-right: 1px #6ac solid; color: #fff }
#footer a { color: #fff }
#footer p.overig { border-right: none }