/* CSS Document */

/* Main Body Elelments */

body      
{ background-image: url(../img/bg.gif); background-color: #333333; margin: 0px; padding-top: 0px; padding-bottom: 0px; 
font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: small; line-height: 1.4em; color: #888;}

img {border:0px;}

/* The Date */

#date 
{ position: relative; width:780px; text-align:right; background: #fff url(../img/footerbg.gif) repeat-x left top; color:#fff; font-size:9px; padding-top:5px; padding-bottom:5px;}

#date span
{ margin-right:25px;}

/* Little Elements */

.ImageRight { float: left; margin-right: 5px; }


/* Structure Elements */

.Holder 
{ position: relative; margin: 0px auto; width: 780px; background: #fff url(../img/wrap_bg.gif) repeat-y left top; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2;}

.TopImage   
{ position: relative; width: 780px; height: 295px; }

.TopLeftImage   
{ position: relative; width: 480px; height: 295px; float:left; background-image: url(../img/front.gif);}

.TopRightImage   
{ position: relative; width: 300px; height: 295px; float:right;}

.AboutFlash   
{ position: relative; width: 780px; height: 295px; float:right;}

.Bottom
{ position: relative; margin: 0px auto; width: 782px; height:29px; background: #fff url(../img/nav/off_bg.gif) repeat-x left top;
border-bottom: 1px solid #D2D2D2; border-top: 1px solid #D2D2D2;}

.PageContent { padding-left:25px; padding-right:25px; position: relative; min-height:350px;}

.Left { position: relative; text-align: left; float:left; 
width:535px; padding-top:25px; }


.Spacer { position: relative; text-align: left; float:left; 
width:465px; height:80px;
}

.Footer { position: relative; text-align: left; float:left; 
width:465px;  border:0px; 
}

.Footer p { margin-top: 0px; margin-bottom: 5px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #888888 }

.Right { position: relative; text-align: left; float:right;
width:155px; padding-top:25px; line-height: 1.4em; font-size: 10px;}

.Right a {color:#888; }

p         { margin-top: 0px; margin-bottom: 5px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }

p.contact { margin-top: 0px; margin-bottom: 5px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #888; font-weight: bold;}

/* Header Elements */

h1        { position: relative; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #bb0000; }

h2        { position: relative; margin-top: 0px; margin-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #666666; }

h3       { position: relative; margin-top: 5px; margin-bottom: -1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #666666;}

h4     { position: relative; margin-top: 0px; margin-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #666666;}

/* Links */

a         { text-decoration: none; color: #bb0000; }
a:visited { text-decoration: none; color: #bb0000; }
a:hover   { text-decoration: none; color: #333; }

/* Navigation */

#nav,#navul
{ position: relative; width: 780px; height:29px; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #D2D2D2; background: #E8E8E8 url(../img/nav/off_bg.gif) repeat-x top left; }
	
#nav li 
{float: left; margin: 0; padding: 0; background: url(../img/nav/li_bg.gif) no-repeat top right; }
	
#nav a 
{float: left; margin: 0 2px 0 0; padding: 6px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #bb0000; text-decoration: none; background: #E8E8E8 url(../img/nav/off_bg.gif) repeat-x top left; border: none; }

li#n-home a 
{ margin-left: 20px; background: url(../img/nav/li_bg.gif) no-repeat top left; }
	
#nav a:hover 
{ background: #F7F7F7 url(../img/nav/on_bg.gif) repeat-x top left; }

body.home #n-home a, body.about #n-about a, body.candidates #n-candidates a, body.clients #n-clients a, body.contact #n-contact a, body.vacancies #n-vacancies a, body.news #n-news a { background: #F7F7F7 url(../img/nav/on_bg.gif) repeat-x top left; color:#000000 ;}


/* Content Page */

.TopImageContent   
{ position: relative; width: 780px; height: 110px; background:#fff url(../img/content_top_bg.jpg) no-repeat; }

.logo 
{ float:left; padding-left:25px; padding-top:9px;}

/* Candidates Page */

ul#candidates {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; list-style:square;}

/* Forms */

#form {padding-left:0px;}

.regforms {font-size:11px;}

.vacmul {width:213px; }

input, select, textarea, list {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #333;
  border:#888 solid 1px;
  background-color:#fff;
}

textarea {
  overflow: auto;
}

fieldset
{
border: #888 solid 1px;
padding:10px;
}

legend
{
background: #fff;
border: #333;
font-size:11px;
color:#333;
padding:5px;
}

span.error{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#990000;}

.regdivs {text-align:left;}

#sectors {float:left; width:225px; height:145px; 
font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #888888; margin:0px; margin-top:5px;}

#sectorsb {float:right; width:225px; height:145px; 
font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #888888; margin:0px; margin-top:5px;}