* {margin:0;padding:0}

html, body {
  width       : 100%;   
  height      : 100%;
  text-align  : left;
  font-family : arial, verdana, sans-serif;
  font-size   : 12px;  
  line-height : 19px; 
  color       : black;    
  background  : #525252 url("../../img/site/page_bg_top.jpg") 0 0 repeat-x;
} 

/* --------------- MAIN CONTAINERS --------------- */ 

#page_container {
  width      : 998px;    
  margin     : 0 auto;    
}   

#header_container {
  height     : 225px;
  background : url("../../img/site/header.jpg") 0 0 no-repeat;
  margin-left: 24px;
  width      : 953px;
  position   : relative;
}

#main_container {
  position : relative;
}

#top_container {
  background  : url("../../img/site/content_top_vertical.gif") 50% 0 repeat-y;
  margin-left : 24px;
  width       : 953px;
}  
    
#top_container_content {
  min-height : 150px;
  background : url("../../img/site/content_top.jpg") 0 0 no-repeat;
}

#content_container {
  width   : 550px;
  padding : 30px 0 20px 30px;	
}

#middle_container {
  background : url("../../img/site/content_middle.png") 0 0 no-repeat;
}

#middle_container_content {
  background : url("../../img/site/content_bottom.jpg") 25px 100% no-repeat;
  height     : 980px;
}

#right_container {
  width      : 341px;
  position   : absolute;	
  top        : 25px;
  right      : 30px;
}

#footer_container {  
  height     : 160px;  
  background : black url("../../img/site/dots_1.gif") 0 0 repeat-x;
  color      : white;
  position   : relative;
} 

/* --------------- EXTRA CONTAINERS ------- */    

#copyright_container {  
  text-align  : center; 
  font-size   : 10px;  
  padding-top : 5px;   
  color       : #CDCDCD;
}

a#logo_link:link, a#logo_link:visited, a#logo_link:hover {
  width    : 160px;
  height   : 65px;
  display  : block;
  position : absolute;
  top      : 90px;
  left     : 80px;
  text-decoration : none;    
  background      : none;
}   

#decoration {
  position   : absolute;
  top        : 182px;
  left       : -24px;
  width      : 24px;
  height     : 102px;
  background : url(../../img/site/decoration.png) 0 0 no-repeat;   
} 

.line {
  text-align  : right;
  background  : url(../../img/site/dots_2.gif) 0 0 repeat-x;    
}

/* --------------- MENU --------------- */ 

#menu_top {
  background : url("../../img/site/menu_top.gif") 0 0 no-repeat;
  line-height : 9px;
}      
#menu_bottom {
  background : url("../../img/site/menu_bottom.gif") 0 0 no-repeat;
  line-height : 7px;
}      

#menu_container {
  text-align   : left;  
  background   : url(../../img/site/menu_bg.gif) 0 0 repeat-y;    
  padding-left : 4px;
} 
#menu_container ul {
  list-style   : none;
} 
#menu_container ul li {  
  list-style  : none;
  line-height : 33px;
  background  : url(../../img/site/menu_item.gif) 0 0 no-repeat;  
  padding     : 0 0 0 30px;
  width       : 333px;
  padding-bottom : 2px;
}
#menu_container ul li a, #top_menu_container ul li a:hover {     
  color           : white;  
  font-size       : 11px;   
  text-decoration : none;  
  font-family     : verdana;
  background      : none;
}  
#menu_container ul li a:hover {
  text-decoration : underline;   
}

#menu_container #menu_selected {
  width       : 315px;
  line-height : 33px;
  background  : url(../../img/site/menu_selected.gif) 0 0 no-repeat;  
  color       : black;	
  margin-left : 18px;
}

#menu_container #menu_selected a {
  color       : black;	
  font-weight : bold;
}

/* --------------- JOBS --------------- */ 

#jobs_container {
  padding : 30px 0 0 135px;	
  width   : 392px;
}

#jobs_container img {
  border : 0;	
}

.jobs_item {
  font-size  : 11px;
  font-style : arial;
  padding    : 3px 10px 5px 10px;
}

.jobs_item a:link, .jobs_item a:visited, .jobs_item a:hover  {
  color       : #CE750B;
  font-weight : bold;
  font-size   : 12px;
  text-decoration : none;
}

.jobs_link {
  display  : block;
  width    : 392px;
  height   : 163px;	
  position : relative;
  margin-top : 3px;
}


#jobs_button { 
  font-size   : 11px;
  font-weight : bold;
  background  : url(../../img/site/button.gif) 0 0 no-repeat;  
  width       : 105px;
  line-height : 35px;   
  text-align  : center;
  display     : block;
  text-decoration : none;
  color       : black;
}

a#jobs_button:hover {
  color       : #525252;
}

#jobs_container span {
  color       : white;
  background  : black;	
  padding     : 2px 7px;
  font-weight : bold;
}

/* --------------- CONTACTS --------------- */ 

#contacts_top {
  background  : url("../../img/site/contacts_top.gif") 0 0 no-repeat;
  line-height : 5px;
  margin-top  : 5px;
}      

#contacts_bottom {
  background  : url("../../img/site/contacts_bottom.gif") 0 0 no-repeat;
  line-height : 5px;
}      

#contacts_container {
  background : #F8C022 url("../../img/site/contacts.jpg") 0 0 no-repeat;
  height     : 243px;
  position   : relative;
}

#contacts_container h2 {
  padding : 7px 0 0 90px; 	
}

#contacts_form {
  padding : 10px 0 0 20px;	
}

.contacts_input, .contacts_textarea {
  color     : black;
  font-size : 10px;	
  width     : 235px;
  margin-bottom : 15px;
  background    : none;
  border        : 0;
}

.contacts_textarea {
  width     : 295px;
  height    : 75px;
}

.contacts_button {
  background : url(../../img/site/button_contacts.gif) 0 0 no-repeat;  
  width      : 105px;
  height     : 34px;
  color      : white;
  font-weight: bold;
  border     : 0;
  position   : absolute;
  top        : 208px;
  right      : 115px;
  font-family : arial;
}

#contacts_text {
  padding-top : 50px;
}

#contacts_form select, input, textarea {
  border     : solid 1px silver;
  color      : black;
  background : white;
  font-size  : 11px;
  font-family: arial;   
  padding    : 2px;
}

#contacts_alerts {
  position   : absolute;
  top        : 10px;
  left       : 80px;
  background : #DD0202;
  border     : solid 1px #7E0303;
  color      : white;
  padding    : 1px 5px;
  font-size  : 11px;
  
}

#contacts_alerts a {
  color           : #FF9595;
  font-weight     : bold;
  text-decoration : none;
  margin-right    : 5px;
  vertical-align  : middle;
}

/* ------------------- PAGES -------------------------------- */

#pages_container {
  text-align   : center;  
  line-height  : 20px;   
}
#pages_container a:link, #pages_container a:visited, #pages_container a:hover {
  padding    : 0 4px;  
  margin     : 0 1px;
  color      : black;
}
.pages_container a:hover {
  background      : #8F3165;   
  text-decoration : none;
}

/* --------------- EXTRA --------------------- */ 

h1 {                   
  font-size   : 12px;   
  color       : white;   
  line-height : 38px;
  padding     : 0 0 0 50px;
  background  : url(../../img/site/header_bullet.gif) 0 0 no-repeat;  
  text-transform : uppercase;
}  

h2 {
  line-height  : 30px;
  padding-left : 10px;
  color        : white;
  font-size    : 12px;
}
 
.error_message{
  color      : red;
  font-size  : 10px;
  padding    : 5px 0;   
}

#content_container ul {
  list-style-position : inside;
  padding-left        : 10px;
}

#content_container blockquote {
  padding-left: 20px;
}

#content_container p {
  padding: 6px 0;
}
  
.clear {
  clear       : both; 
  line-height : 0px;
  font-size   : 0px;
}

a:link, a:visited, a:hover {
  text-decoration : underline;
}

pre {
  color      : white;
  background : black;
  border     : solid 1px white;
  text-align : left;
  padding    : 10px;
}