@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

body {font-size: 62.5%;line-height:1.5;font-family: Arial, Helvetica, sans-serif;background:#7892CF url(../images/background.jpg) top center no-repeat;color:#333;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:9px 0 9px 0;}
.imgfloatleft {float:left;margin:0 15px 15px 0;}

#wrapper {font-size:1.3em;width:870px;height:auto;position:relative;clear:both;margin:60px auto 10px auto;}
#footer {font-size:1.3em;width:870px;height:auto;position:relative;clear:both;margin:20px auto 40px auto;}
#footer a {color:#333;}
#header {clear:both;width:870px;height:180px;background:url(../images/head_grad.png) repeat-x;}
#header a {color:#333;}
#main {padding:0 55px 55px 55px;background:#FFF;clear:both;}

#logo {width:450px;height:180px;float:left;background:url(../images/pro4ma-logo.png) no-repeat;}
.rightfloat {float:right;}
.telephone {width:360px;padding:48px 55px 0 0;float:right;text-align:right;}
span.email {font-size:16px;}
span.tel {font-size:30px;}
.divider1 {width:870px;height:5px;background:url(../images/grad1.png);clear:both;}
.divider2 {width:870px;height:5px;background:url(../images/grad2.png);clear:both;}
.leftcol {width:430px;float:left;padding-bottom:15px;}

h1 {font-size:28px;background:#FFF;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;color:#003FBF;padding:30px 55px 30px 55px;}
h2 {font-size:22px;margin:35px 0 15px 0;color:#067AFE;}
h3  {font-size:150%;margin:15px 0 15px 0;color:#000;}
a.emailbtn {margin:20px 0 20px 0;float:right;width:307px;height:83px;background:url(../images/email_btn.png) no-repeat;color:#FFF;}
a.emailbtn span.pad {padding:10px 25px 10px 25px;display:block;}
a.emailbtn span.mail {font-size:13px;display:inline;}
a.emailbtn span.title {font-size:20px;display:inline;}
.clear {clear:both;height:0;display:block;width:100%;}
img .base {width:768px;display:block;height:192px;clear:both;}