@charset "utf-8";
/* CSS Document */

body{margin:0px;padding:0px;  font-family: 'Lustria', serif; font-size:13px; font-weight:normal; color:#373c3d; background:url(../images/pat.jpg) center top repeat; }


a{ text-decoration:underline; color:#da1d21;}
a:hover{ text-decoration:none; color:#da1d21;}


#main{ width:990px; height:auto; margin-top:30px; margin-left:auto; margin-right:auto; }
#wrapper{ width:990px; height:auto; margin-left:auto; margin-right:auto;  }
#topheader{ width:990px; height:15px; background:url(../images/headerdvd.jpg) no-repeat  left top;  }

#abtheader{ width:990px; height:348px; float:left; margin:0px; padding:0px; }

#proheader{ width:990px; height:348px; float:left; margin:0px; padding:0px; background:url(../images/ban_projects.jpg) no-repeat left top;}

#sraheader{ width:990px; height:348px; float:left; margin:0px; padding:0px; background:url(../images/ban_sra.jpg) no-repeat left top;}

#conheader{ width:990px; height:348px; float:left; margin:0px; padding:0px; background:url(../images/ban_contact.jpg) no-repeat left top;}

#usability{ width:175px; height:230px; float:left; margin:50px 0px 0px 70px; position:absolute; top:50px;}
#logo{ width:173px; height:110px; float:left; margin-bottom:15px;}
.nav{ width:175px; height:20px; margin-bottom:5px; text-align:center; float:left;}

#titlebox{ width:990px; height:124px; float:left;}
#protitlebox{ width:670px; height:105px; float:left; background:url(../images/title_projects.jpg) no-repeat left top; padding:30px 65px 20px 255px; text-align:justify; line-height:20px;}

#content{ width:900px; height:auto; float:left; padding:60px 45px 100px 45px; background:url(../images/contentbg.jpg) bottom left no-repeat #fff; margin-bottom:15px; }

#procontent{ width:990px; height:auto; float:left; padding:0px; background:url(../images/contentbg.jpg) bottom left no-repeat #fff; margin-bottom:15px; #3f3e40; padding-bottom:20px; line-height:22px; }

#leftpan{ width:175px; float:left; height:auto;}
#rightpan{ width:695px; float:right; height:auto; line-height:22px; color:#3f3e40; text-align:justify;}

#office{ width:350px; float:left; }
#form{ width:280px; height:auto; float:right;}

#footer{ width:990px; height:20px; float:left; padding:15px 0px 35px 0px; background:url(../images/footerdvd.jpg) no-repeat left top;}

.bn{ width:340px; height:20px; font-size:11px;  color:#494949; float:left; font-family:"Times New Roman", Times, serif;}
.bn a{ color:#494949; text-decoration:none;}
.bn a:hover{ color:#da1d21; text-decoration:none;}

.copy{ width:650px; height:20px; font-size:10px; color:#494949; float:right; font-family:"Verdana" ; text-align:right;}
.copy a{ color:#494949; text-decoration:none;}
.copy a:hover{ color:#da1d21; text-decoration:none;}

.bluebox{ width:940px; float:left; font-size:16px; color:#0076a3; padding:20px 0px; text-align:center;}