body {
background: #fff url(../images/bg.jpg) repeat-x 0 0;
font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#666;
margin:0;
padding:0;
text-align:center;
}

#nav_access {
position:absolute;
display:none;
}

h1 {
font-size:1.8em;
line-height:1em;
}

h2 {
font-size:1.4em;
line-height:1.286em;
margin-top:1.9em;
margin-bottom:0.643em;
}

p{
font-size:1em;
line-height:1.5em;
margin: 0 0 1.5em 0;
}

#outer_wrapper {
background-color:#fff;
margin:0 auto 0 auto;
text-align:left;
width:782px;
}

/*------header-------------------------------------------------*/

#outer_wrapper #header {
position:relative;
background-color:#fff;
height:150px;
margin:0;
padding:0;
}

#outer_wrapper #header h1{
position:absolute;
z-index:100;
left:9px;
top:23px;
margin:0;
padding:0;
}

#outer_wrapper #header h1 a{
display:block;
background: #fff url(../images/logo.gif) no-repeat 0 0;
width:130px;
height:121px;
text-indent:-9999px;
outline:none;
}

#outer_wrapper #header #contact_details {
background-color:#fff;
font-family: Calibri, Arial, Helvetica, sans-serif;
color: #0079C2;
float:right;
font-weight:bold;
text-align:right;
height:120px;
}

#outer_wrapper #header #contact_details h3 {
font-size: 1.45em;
line-height:1em;
letter-spacing:-1px;
padding-top:47px;
padding-bottom:7px;
}

#outer_wrapper #header #contact_details p {
font-size: 2em;
line-height:1em;
margin:0;
padding-bottom:20px;
}

#outer_wrapper #header #contact_details address {
font-style:normal;
font-size: 1.2em;
}

/*----navigation--------------------------------------------------------*/

#outer_wrapper #top_navigation{
background: #fff url(../images/top_navigation_bg.jpg) no-repeat 0 0;
background-color:#ccc;
font-weight:bold;
color:#FFFFFF;
font-size:1.2em;
height:232px;
margin:0;
padding:0;
}

#outer_wrapper #top_navigation ul {
padding:11px 0 10px 30px;
}

#outer_wrapper #top_navigation ul li {
display:inline;
padding-left:15px;
}

#outer_wrapper #top_navigation ul li a, a:link, a:visited{
text-decoration:none;
color:#FFFFFF;
}

#outer_wrapper #top_navigation ul li a:hover, a:active {
text-decoration:underline;
color:#FFFFFF;
}

/*----left column---------------------------------------------------------*/

#outer_wrapper #content_wrapper #left_column {
position:relative;
background: #fff url(../images/left_column_body.gif) no-repeat bottom;
width:121px;
height:310px;
padding:0;
float:left;
margin:0;
margin-top:10px;
margin-bottom:65px;
}

#outer_wrapper #content_wrapper #left_column h3 {
background: #fff url(../images/left_column_header.gif) no-repeat top;
background-color:#ccc;
width:111px;
padding:10px 0 7px 10px;
font-size:1.4em;
font-weight:bold;
color:#FFFFFF;
}

#outer_wrapper #content_wrapper #left_column ul {
font-size:0.9em;
padding: 10px 5px 0 15px;
margin:0;
}

#outer_wrapper #content_wrapper #left_column ul li{
padding-bottom:6px;
}

#outer_wrapper #content_wrapper #left_column ul li a, a:link, a:visited, a:active {
color:#0079C2;
text-decoration:none;
}

#outer_wrapper #content_wrapper #left_column ul li a:hover {
color:#0079C2;
text-decoration:underline;
}

#outer_wrapper #content_wrapper #left_column ul#buttons{
position:absolute;
display:block;
width: 121px;
border-top:2px solid #CED986;
margin:0;
padding:0;
bottom:0;
left:0;
}

#outer_wrapper #content_wrapper #left_column ul#buttons{
/*padding: 7px 6px 0 8px;*/
padding-top:7px;
text-align:center;
}

/*------right column--------------------------------------------------------------*/

#outer_wrapper #content_wrapper #right_column {
float:right;
width:214px;
}

/*--right column box1--*/

#outer_wrapper #content_wrapper #right_column #box1{
background: #fff url(../images/right_column_body.gif) no-repeat bottom;
width:214px;
margin:0;
margin-top:10px;
padding: 0;
overflow:auto;
}

#outer_wrapper #content_wrapper #right_column #box1 h3 {
background: #fff url(../images/right_column_header.gif) no-repeat top;
background-color:#ccc;
width:204px;
padding:10px 0 7px 10px;
font-size:1.4em;
font-weight:bold;
color:#FFFFFF;
}

#outer_wrapper #content_wrapper #right_column #box1 dl {
font-size:0.90em;
color:#0079C2;
line-height:1.5em;
margin: 0px 10px;
padding-bottom:5px;
}

#outer_wrapper #content_wrapper #right_column #box1 dl dt {
width:189px;
margin:0;
padding-top:10px;
}

#outer_wrapper #content_wrapper #right_column #box1 dl dd {
padding-bottom:5px;
}

.search_field {
padding:2px;
border: 1px solid #ccc;
color:#666;
width:179px;
font-size:1em;
}

.jump_menu {
border: 1px solid #ccc;
width:135px;
font-size:1em;
color:#666;
}

/*--right column box2--*/

#outer_wrapper #content_wrapper #right_column #box2{
background: #fff url(../images/right_column_body.gif) no-repeat bottom;
width:214px;
margin:0;
margin-top:10px;
padding: 0;
overflow:auto;
}

#outer_wrapper #content_wrapper #right_column #box2 h3 {
background: #fff url(../images/right_column_header.gif) no-repeat top;
background-color:#ccc;
width:204px;
padding:10px 0 7px 10px;
font-size:1.4em;
font-weight:bold;
color:#FFFFFF;
}

#outer_wrapper #content_wrapper #right_column #box2 dl {
font-size:0.90em;
color:#0079C2;
line-height:1.5em;
margin: 10px 5px;
padding:0;
}

#outer_wrapper #content_wrapper #right_column #box2 dl dt {
float:right;
width:155px;
margin:0;
padding:0;
}

#outer_wrapper #content_wrapper #right_column #box2 dl dt a, a:link, a:visited, a:active{
text-decoration:none;
font-weight:bold;
color:#0079C2;
}

#outer_wrapper #content_wrapper #right_column #box2 dl dt a:hover{
text-decoration:underline;
font-weight:bold;
color:#0079C2;
}

/*-------Contents in order: 1st index.php, 2nd vacancies.php, 3rd details.php, 4th send-your-cv.php-----------------------------------------------------------*/

/*--------content on index.php-------------------------------------------------------------------*/

#outer_wrapper #content_wrapper #content{
background-color:#fff;
margin:0 214px 0 121px;
padding:10px 15px 10px 15px;
text-align:justify;
}

#outer_wrapper #content_wrapper #content h2 {
margin-top:6px;
font-size:1.6em;
font-weight:bold;
color:#0079C2;
margin-bottom:8px;
}

#outer_wrapper #content_wrapper #content blockquote p{
font-size:1.2em;
font-weight:bold;
color:#0079C2;
line-height:1.2em;
margin: 0 0 0.8em 0;
text-align:justify;
}

#outer_wrapper #content_wrapper #content p {
font-size:1em;
line-height:1.5em;
margin: 0 0 1.5em 0;
}

#outer_wrapper #content_wrapper #content p.blue_text {
color:#0079C2;
font-size:1.1em;
line-height:1.2em;
font-style:italic;
}

/*-related with an about section o page why to choose us?-*/

#outer_wrapper #content_wrapper #content dl dt {
width:111px;
float:left;
text-align:center;
color:#0079C2;
font-weight:bold;
padding:0 10px 0 0;
line-height:1.5em;
}

#outer_wrapper #content_wrapper #content dl dd p{
font-size:1em;
line-height:1.5em;
}

/*-end of related with an about section o page why to choose us?-*/

#outer_wrapper #content_wrapper #content p a, a:link, a:hover, a:visited, a:active{
text-decoration:underline;
color:#0079C2;
}

/*-client section-*/

#outer_wrapper #content_wrapper #content #client_section {
background: #fff url(../images/client_section_body.gif) no-repeat bottom;
float:left;
width:200px;
padding: 0;
margin:0 5px 10px 0;
}

#outer_wrapper #content_wrapper #content #client_section h3{
background: #fff url(../images/client_section_header.gif) no-repeat top;
background-color:#ccc;
font-size:1.2em;
font-weight:bold;
color:#FFFFFF;
width:190px;
padding:10px 0 7px 10px;
}

/*-client section - body-*/

#outer_wrapper #content_wrapper #content #client_section dl {
font-size:0.90em;
line-height:1.5em;
margin: 0px 3px;
padding:0;
}

#outer_wrapper #content_wrapper #content #client_section dl dt {
float:right;
width:95px;
margin:0;
padding:5px 0 5px 0;
text-align:left;
color:#666;
}

#outer_wrapper #content_wrapper #content #client_section dl dt p {
padding:0;
margin:0;
font-size:1em;
}

#outer_wrapper #content_wrapper #content #client_section dl dt a, a:link, a:hover, a:visited, a:active{
text-decoration:underline;
font-weight:bold;
color:#666;
}

/*-candidate section-*/

#outer_wrapper #content_wrapper #content #candidate_section {
background: #fff url(../images/candidate_section_body.gif) no-repeat bottom;
float:right;
width:200px;
padding: 0;
margin:0 0 10px 5px;
}

#outer_wrapper #content_wrapper #content #candidate_section h3{
background: #fff url(../images/candidate_section_header.gif) no-repeat top;
background-color:#ccc;
width:190px;
padding:10px 0 7px 10px;
font-size:1.2em;
font-weight:bold;
color:#FFFFFF;
}

/*-candidate section - body-*/

#outer_wrapper #content_wrapper #content #candidate_section dl {
font-size:0.90em;
line-height:1.5em;
margin: 0px 3px 0px 2px;
padding:0;
}

#outer_wrapper #content_wrapper #content #candidate_section dl dt {
float:left;
width:95px;
margin:0;
padding:5px 0 5px 5px;
text-align:left;
color:#666;
}

#outer_wrapper #content_wrapper #content #candidate_section dl dt p {
padding:0;
margin:0;
font-size:1em;
}

#outer_wrapper #content_wrapper #content #candidate_section dl dt a, a:link, a:hover, a:visited, a:active{
text-decoration:underline;
font-weight:bold;
color:#666;
}

#outer_wrapper #content_wrapper #content #candidate_section dl dd {
text-align:right;
}

/*--------end of content on index.php--------------------------------------------------------------*/

/*--------content on vacancies.php.php-------------------------------------------------------------------*/

#outer_wrapper #content_wrapper #content_listing{
background-color:#fff;
margin:0 0 0 121px;
padding:10px 15px 10px 15px
}

/*--vacancies.php.php - searchbox--*/

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box {
position:relative;
background: #fff url(../images/listing_vacancy_body.gif) no-repeat bottom left;
margin:0;
padding:0px;
width:616px;
height:96px;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box h3 {
background: #fff url(../images/listing_vacancy_header.gif) no-repeat top left;
color:#B4CA1A;
font-size:1.4em;
font-weight:bold;
padding:10px 0 10px 10px;
width:606px;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box ul#horizontal  {
width:210px;
margin-left:10px;
display:inline;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box ul#horizontal li {
padding-right:5px;
color:#B4CA1A;
font-weight:bold;
display:inline;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box dl#vertical {
position:absolute;
top:2px;
left:415px;
font-size:0.9em;
font-weight:bold;
color:#B4CA1A;
line-height:1.5em;
margin: 0px 10px;
padding-bottom:5px;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box dl#vertical dt {
width:189px;
margin:0;
padding-top:10px;
padding-bottom:9px;
}

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box dl#vertical dd{
padding-bottom:10px;
}
 

#outer_wrapper #content_wrapper #content_listing #vacancy_search_box ul#button li{
position:absolute;
top:33px;
left:260px;
}

/*--vacancies.php.php - end of searchbox--*/

/*--vacancies.php.php - job offer box--*/

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box {
background: #fff url(../images/listing_body.gif) no-repeat bottom left;
background-color:#E0E0E0;
width:616px;
margin:0;
margin-top:10px;
padding:0;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box h3 {
background: #fff url(../images/listing_header.gif) no-repeat top left;
background-color: #ccc;
width:606px;
font-size:1.4em;
font-weight:bold;
color:#0079C2;
padding:10px 0 0 10px;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box h4 {
font-size:1.2em;
color:#B4CA1A;
font-weight:bold;
padding:5px 10px;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box p{
padding-left:10px;
padding-right: 10px;
padding-bottom: 10px;
margin:0;
font-size:1em;
color:#0079C2;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box ul{
margin:0;
padding:10px 0 10px 10px;
width:595px;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box ul li {
color:#0079C2;
list-style-type: circle;
margin-left:15px;
line-height:1.5em;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav {
position:relative;
height:30px;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav ul {
padding:0;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav ul li{
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#fff;
display:inline;
padding-top:5px; 
padding-right:30px; 
padding-bottom:0;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav ul li a, a:link, a:visited, a:active {
color:#fff;
text-decoration:none;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav ul li a:hover {
color:#fff;
text-decoration:underline;
}

#outer_wrapper #content_wrapper #content_listing div.vacancy_listing_box div.bottom_nav ul li.top_page a{
position:absolute;
right:10px;
bottom:11px;
font-size:1em!Important;
}

/*--------end of content on vacancies.php--------------------------------------------------------*/

/*--------content on details.php---------------------------------------------------------------*/

#outer_wrapper #content_wrapper #content_details {
background-color:#fff;
margin:0 0 0 121px;
padding:10px 0 10px 15px
}

/*-content details box on details.php-*/

#outer_wrapper #content_wrapper #content_details #content_details_box {
background: #fff url(../images/job_details_body.gif) no-repeat bottom left;
margin:0;
padding:0px;
width:643px;
overflow:auto;
}

#outer_wrapper #content_wrapper #content_details #content_details_box h3 {
background: #fff url(../images/job_details_header.gif) no-repeat top left;
background-color:#ccc;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:10px 0 7px 10px;
width:633px;
}

#outer_wrapper #content_wrapper #content_details #content_details_box dl {
line-height:1.8em;
padding:10px;
}

#outer_wrapper #content_wrapper #content_details #content_details_box dt {
font-weight:bold;
color:#0079C2;
width:130px;
text-align:right;
float:left;
}

#outer_wrapper #content_wrapper #content_details #content_details_box dd {
margin-left:150px;
color:#0079C2;
width:469px;
}


/*--------end of content on details.php---------------------------------------------------------------*/

/*--------content on send-your-cv.php---------------------------------------------------------------*/

#outer_wrapper #content_wrapper #content_send_cv {
background-color:#fff;
margin:0 214px 0 121px;
padding:10px 10px 10px 20px
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box {
position:relative;
background: #fff url(../images/send_cv_body.gif) no-repeat bottom left;
background-color:#fff;
width:407px;
margin:0;
padding:0;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box h3{
background: #fff url(../images/send_cv_header.gif) no-repeat top left;
background-color:#ccc;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:10px 0 7px 10px;
width:397px;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box p {
padding:10px;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box dl {
line-height:2em;
padding-top:10px;
padding-left:10px;
padding-bottom:55px;
margin:0;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box dt {
font-weight:bold;
/*background-color:#666666;*/
color:#0079C2;
width:100px;
float:left;
text-align:right;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box dd {
/*background-color:#CCCCCC;*/
margin-left:105px;
color:#0079C2;
text-align:left;
}

#outer_wrapper #content_wrapper #content_send_cv #send_cv_box ul#button_send_cv li{
position:absolute;
bottom:10px;
left:295px;
}

.text_field_send{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border: 1px solid #ccc;
width:240px;
color:#666;
padding:2px;
margin:0;
}


/*-----all content clear floats-------*/

#outer_wrapper #content_wrapper .clear_float {
clear: both;
display: block;
}

/*----footer-----------------------------------------------------------------------------------*/

#outer_wrapper #footer {
position:relative;
background: #ccc url(../images/footer_bg.jpg) no-repeat 0 0 ;
margin:0;
margin-top:10px;
padding:0;
height:36px;
}

#outer_wrapper #footer p{
position:absolute;
top:-45px;
left:40px;
margin:0;
padding:0;
}

#outer_wrapper #footer p a{
display:block;
width:40px;
height:31px;
background:#fff url(../images/rec_member.jpg) no-repeat 0 0;
text-indent:-9999px;
outline:none;
}

#outer_wrapper #footer ul li {
font-size:0.9em;
color:#fff;
padding: 12px;
display:inline;
}

#outer_wrapper #footer ul li a, a:link, a:visited, a:active {
color:#fff;
text-decoration:none;
}

#outer_wrapper #footer ul li a:hover {
color:#fff;
text-decoration:underline;
}

.float_left {
float:left;
clear:left;
}

.float_right { 
float:right;

}