/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0; line-height: 18px; }
.clear{clear:both;}

body { background-color: #fff; font-family: verdana, helvetica, sans-serif; font-size: 70%; color: #0054A8; }

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

#topline { width: 100%; height: 4px; margin: 0 auto; font-size: 1px; background: url(images/topline.gif) repeat-x; }

area:hover{opacity: 0.7;}

#headerbox { width: 913px; height: 267px; margin: 0 auto; background-position: top right; background-repeat: no-repeat; }
  #header { width: 100%; height: 217px; }
    #logo { width: 215px; height: 180px; padding: 19px 0 0 0; float: left; }
    #phone-number { padding: 0px 0 0 140px; float: left; }
    #slogan { padding: 80px 235px 0 0; font-size: 12px; float: right; }
  #mainmenu { width: 678px; height: 50px; background: url(images/mainmenubg.gif) no-repeat; }
    #mainmenu ul { margin: 0; padding: 12px 0 0 14px; }
    #mainmenu li { margin: 0; list-style: none none; font-size: 100%; float: left; }
    #mainmenu li a { color: #fff; font-weight: bold; text-decoration: none; }
    #mainmenu li a:hover { color: #c2d71b; }

#infobox { width: 913px; height: 176px; margin: 0 auto; background: url(images/infoboxbg.gif) no-repeat; color: #fff; }
  #infobox h3 { padding: 15px 0 20px 15px; color: #A5C6EB; font-size: 11px; background: url(images/infoboxbullet.gif) no-repeat; }
  #vacancies { width: 320px; height: 170px; padding: 0 0 0 35px; float: left; }
    #vacamenu { width: 310px; margin: 7px 0 0 0; padding: 0; font-size: 10px; }
    #vacamenu ul li { width: 150px; list-style: none none; display: block; height: 18px; float: left; }
    #vacamenu ul li a { color: #fff; font-weight: bold; text-decoration: none; }
    #vacamenu ul li a:hover { text-decoration: underline; }
  #hotjobs { width: 520px; height: 170px; padding: 0 0 0 35px; float: left; }
   #hotjobs h3{ padding: 15px 0 27px 15px; }
    .hjbox { width: 255px; padding: 0; margin: 0 0 6px 0; font-size: 9px; float: left; }
      .hjbox p { padding: 0 5px 0 0; line-height: 12px; }
      .hjbox a { color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; }
      .hjbox a:hover { text-decoration: underline; }

#mainwrap { width: 850px; margin: 0 auto; padding: 20px 0 0 0; }     
  #content { width: 560px; float: left; }
    #content h1 { font-weight: bold; font-size: 155%; color: #0054A8; }
    #content h2 { font-weight: bold; font-size: 135%; color: #578AC9; }
    #content ul { padding: 0 0 15px 20px; }
    #content ul li { margin: 0 0 3px 0; }
    #content ul li a { color: #001E3C; text-decoration: none; }
    #content ul li a:hover { text-decoration: underline; }
    #content a { color: #001E3C; text-decoration: none; }
    #content a:hover { text-decoration: underline; }
  #contentright { width: 270px; float: right; position: relative; left: 30px;} 
    #sidemenu { width: 220px; padding: 40px 0 40px 5px; }
      #sidemenu h3 { font-weight: bold; font-size: 100%; color: #C51717; margin: 0 0 20px 0; }
      #sidemenu ul { padding: 0; list-style: none; }
      #sidemenu li { font-size: 10px; color: #001E3C; display: block; background: url(images/sidemenubg.gif) no-repeat center left; border-bottom: 1px solid #5C8ACC;  padding: 8px 0;}
      #sidemenu li a {padding: 0 0 0 18px; text-decoration: none; display: block; text-align: left;}
      #sidemenu li a:link, #sidemenu li a:visited {}
      #sidemenu li a:hover, #sidemenu li #current { text-decoration: underline; }
    #quotesbox { padding: 0; }
      #quotes1 { width: 20px; float: left; }
      #qbtext { width: 200px; padding: 10px 0 0 0; font-size: 13px; float: left; }
        #qbtext p, #qbtext p a, #qbtext p a:hover { line-height: 23px; color: #0054A8; text-decoration: none;  }
    #findoutbox { width: 270px; margin: 40px 0 30px 0; background: url(images/findoutbg.gif) no-repeat top right; color: #578AC9; font-size: 11px; font-weight: bold; float: left;}
      #findoutbox h3, #findoutbox h3 a, #findoutbox h3 a:hover { padding: 10px 0 5px 0; font-weight: bold; font-size: 16px; color: #0054A8; text-decoration: none;}
      #findoutbox p, #findoutbox p a, #findoutbox p a:hover  { line-height: 22px; color: #0054A8; text-decoration: none; }
  
#footer { width: 887px; height: 56px; margin: 0 auto; margin-top: 20px; background: url(images/footer.gif) no-repeat; color: #fff; font-size: 10px; }
  #footer a { color: #fff; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }
  #footer1 { padding: 13px 0 0 0; font-weight: bold; text-align: center; }
    #footer1 a { font-weight:bold; text-transform: uppercase; }
  #footer2 { padding: 5px 0 0 0; text-align: center; }

/************* contact form ***************************/
#contactwrap form{
	width: 500px;
	margin: 15px 0 40px 0;
	clear: left;
}

#contactwrap #form-left{
	width: 250px;
	float: left;
}

#contactwrap #form-right{
	width: 250px;
	float: right;
}

#contactwrap .formfield,#contactwrap #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
  color: #000;
	border: solid 1px #A5C6EB;
	background: #fff;
	width: 300px;
}

.check{width: auto;}

.titlebar{width: 50px;}

#contactwrap textarea{
	width: 430px;
}

.submitit{
	margin: 0 0 0 0;
	background: #A5C6EB;
	color: #001E3C;
	border: 1px solid #0859AB;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: #fff url(images/problem.gif) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}