@charset "utf-8";
/* Amber Associates */
/* Main Stylesheet 	*/
/* ---------------- */

body {
margin: 0px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(images/backgrounds/main.jpg) repeat-x top left;
color: #6b6c6f;
width: 100%;
}

body a {
color: #f89a00;
text-decoration: underline;
}

img {
border: 0px;
padding: 0px;
margin: 0px;
}

/* --- MAIN CONTAINER --- */
#container {
width: 847px;
float: left;
}

/* HEADER */
#header {
background: url(images/backgrounds/header.jpg);
width: 847px;
height: 160px;
float: left;
text-align: right;
}

#cityimage {
background: url(images/backgrounds/city.jpg) no-repeat;
width: 282px;
height: 116px;
}
/* -- LEFT CONTENT -- */
#leftside {
width: auto;
float: left;
}

/* NAVIGATION MENU */
#leftside ul {
padding: 0px;
margin: 0px;
padding-left: 20px;
list-style: none;
background: url(images/backgrounds/menushadow.jpg) repeat-y top left;
text-indent: -10000px;
}

#leftside li a {
width: 241px;
height: 26px;
display: block;
}

#leftside .home {
background: url(images/buttons/home_off.gif) no-repeat;
width: 241px;
height: 26px;
}

#leftside .vacancies {
background: url(images/buttons/vacancies_off.gif) no-repeat;
width: 241px;
height: 26px;
}

#leftside .clients {
background: url(images/buttons/clients_off.gif) no-repeat;
width: 241px;
height: 26px;
}

#leftside .about {
background: url(images/buttons/about_off.gif) no-repeat;
width: 241px;
height: 26px;
}

#leftside .contact {
background: url(images/buttons/contact_off.gif) no-repeat;
width: 241px;
height: 26px;
}

#leftside .candidates {
background: url(images/buttons/candidates_off.gif) no-repeat;
width: 241px;
height: 26px;
}
/* MENU ROLLOVERS */
#leftside .contact a:hover {
background: url(images/buttons/contact_on.gif) no-repeat;
}
#leftside .about a:hover {
background: url(images/buttons/about_on.gif) no-repeat;
}
#leftside .clients a:hover {
background: url(images/buttons/clients_on.gif) no-repeat;
}
#leftside .vacancies a:hover {
background: url(images/buttons/vacancies_on.gif) no-repeat;
}
#leftside .home a:hover {
background: url(images/buttons/home_on.gif) no-repeat;
}
#leftside .candidates a:hover {
background: url(images/buttons/candidates_on.gif) no-repeat;
}

#leftside .bottom {
background: url(images/backgrounds/menu_bottom.jpg) no-repeat;
width: 241px;
height: 16px;
}

/* LATEST VACANCIES */
#latestvacancies {
width: auto;
float: left;
height: auto;
background: url(images/backgrounds/menu.jpg) repeat-y bottom left;
padding-left: 20px;
}

#latestvacancies .heading {
width: 282px;
height: 25px;
padding: 0px;
margin: 0px;
margin-bottom: 10px !important;
}

#latestvacancies strong {
margin: 0px;
}

#latestvacancies p {
margin: 0px;
}


/* --- RIGHT CONTENT --- */

#content {
width: 545px;
float: right;
position: relative;
left: -17px;
top: -12px;
display: inline;
line-height: 18px;
}

* html #content {
top: 12px !important;
}

#content h3 {
width: 294px;
height: 24px;
margin-bottom: 0px;
}

#content ul {
padding: 0px;
margin: 0px;
float: left;
width: 250px;
}

#content li {
list-style: none;
padding-top: 5px;
}

#content p {
float: left;
width: 540px;
}

#content .services {
float: left;
}

#content .headerblock {
margin-bottom: 10px;
}

.aboutblock {
padding-left: 20px;
}

ul span {
margin-right: 10px;
margin-left: 10px;
}

ol span {
margin-right: 10px;
}

input {
width: 50%;
border: 1px solid #808285;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #97999c;
padding: 2px;
text-indent: 2px;
}

textarea {
width: 95%;
border: 1px solid #808285;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #97999c;
}

/* --- FOOTER --- */
#footer {
width: 100%;
background: url(images/backgrounds/footer_continue.jpg) repeat-x bottom left;
float: left;
height: 69px;
}
#footercontent {
width: 941px;
float: left;
background: url(images/backgrounds/footer.jpg) no-repeat;
margin-top: 4px;
padding-top: 44px;
height: 21px;
}

#footercontent a {
color: #FFF;
text-decoration: none;
}

#footercontent a:hover {
color: #FFF;
text-decoration: underline;
}

#footercontent .leftspan {
float: left;
width: 252px;
color: #FFF;
margin-left: 33px;
}

#footercontent ul {
padding: 0px;
margin: 0px;
display: inline;
}

#footercontent li {
display: inline;
margin-right: 10px;
color: #FFF;
}

#footercontent .activelink {
text-decoration: underline;
}

#footercontent .rightspan {
width: 250px;
margin-left: 50px;
color: #FFF;