﻿body {
    background: url(images/background.jpg) repeat-x #a2acbe;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #556f94;
}
#container {
    width: 800px;
    margin: 0px auto 0px auto;
    background-color: #bdc3d1;
}

h1 {
    font-size: 18px;
}
p {
line-height: 16px;
}
.pdflink {
    color: #1552a4;
    text-decoration: none;
    padding: 5px 0px 10px 25px;
    margin: 0px 0px 0px 0px;
    background: url(images/pdfimage.jpg) no-repeat;
    display: block;
    height: 10px;
}
.pdflink:hover {
    color: #1552a4;
    text-decoration: underline;
}

/* Top Part */
#logobar {
    width: 800px;
    background: url(images/topbarbg.jpg) repeat-x bottom;
    height: 30px;
    text-align: center;
}
#header {
    width: 510px;
    height: 181px;
    float: left;
}

/* Top Right Box */
#toprightbox {
    width: 290px;
    height: 181px;
    float: left;
    text-align: center;
    background: url(images/toprightbg.jpg) no-repeat top;
}
.toprighttext {
    width: 260px;
    margin: 0px 15px 0px 15px;
    color: #ffffff;
    text-align: left;
    font-size: 12px;
}
.toprighttext p {
    text-align: center;
}
.moreaboutlink {
    color: #4a4a4a;
    font-size: 14px;
    text-decoration: none;
    padding-right: 20px;
}
#topboxbut {
    width: 83px;
    height: 19px;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    color: #ffffff;
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
    background: url(images/topbutton.gif) no-repeat;
    display: block;
    float: left;
}
#topboxbut:hover {
    background: url(images/topbuttonon.gif) no-repeat;
}
#topboxbut2 {
    width: 83px;
    height: 19px;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    color: #ffffff;
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
    background: url(images/topbutton.gif) no-repeat;
    display: block;
    float: left;
}
#topboxbut2:hover {
    background: url(images/topbuttonon.gif) no-repeat;
}

/* Top right Contact */
.formtextbox {
    border: 1px solid #ffffff;
    background-color: Transparent;
    color: #ffffff;
    font-size: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0px 5px 0px 5px;
}
.sendnowbutton {
    background: url(images/callmebutton.gif) no-repeat;
    height: 26px;
    width: 125px;
    border: none;
    color: #ffffff;
    margin: 10px 0px 0px 70px;
}
.sendnowbutton:hover {
    background: url(images/callmebuttonon.gif) no-repeat;
    color: #ffffff;
}


/* Navigation */
#navigation {
    width: 799px;
    background: url(images/navbg.jpg) no-repeat;
    height: 35px;
    padding: 0px 0px 0px 2px;
}
#navigation a {
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	text-align: center;
	float: left;
}
#navigation a:hover {
	background: url(images/navon.jpg) repeat-x bottom;
}
.navon {
	background: url(images/navon.jpg) repeat-x bottom;
	height: 35px;
}

/* Main Content Area */
#mainareabg {
    width: 800px;
}
#lefttext {
    float: left;
    width: 345px;
}
#lefttextgrad {
    width: 305px;
    background: url(images/leftgradbg.jpg) no-repeat top;
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
}
#righttextgrad {
    width: 415px;
    float:left;
    padding: 10px 20px 10px 20px;
    background: url(images/righttextbg.jpg) no-repeat top;
}
#righttextgrad p {
    margin: 10px 0px 10px 0px;
}
.topjobsbutton {
    margin-left: 170px;
}

/* Home Page Job List */
.column1 
{
    width: 190px;
    float: left;
}
.column2 {
    width: 130px;
    float: left;
    text-align: center;
}
.column3 {
    width: 70px;
    float: left;
    text-align: right;
}
.column3 a {
    text-decoration: none;
    color: #1552a4;
}
.column3 a:hover {
    text-decoration: underline;
    color: #1552a4;
}

/* Job List */
.searchbox 
{
    width: 130px;
    border: 1px solid #cfdff0;
    background-color: #d0d8e1;
    color: #000000;
    font-size: 11px;
}
.jobtitle {
    width: 130px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    float: left;
}
.jobcountry {
    width: 130px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    text-align: center;
    float: left;
}
.jobsalary {
    width: 130px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    text-align: right;
    float: left;
}
.jobdescription {
    width: 395px;
    color: #5d5d5d;
}
.jobmorebutton {
    width: 390px;
    color: #000000;
    text-align: right;
}
.jobmorebutton a {
    color: #1552a4;
    text-decoration: none;
}
.jobmorebutton a:hover {
    color: #1552a4;
    text-decoration: underline;
}
.titles {
    margin: 20px 0px 0px 10px;
}

/* Job Details */
.dettitle {
    width: 250px;
    font-weight: bold;
    font-Size: 12px;
}
.detcountry {
    width: 200px;
}
.detpackage {
    width: 200px;
}
.detsalary {
    width: 200px;
}
.detcontact {
    width: 290px;
    float: left;
    margin: 0px 0px 0px 0px;
    text-align: right;
}
.detaddress {
    width: 190px;
    float: right;
    text-align: right;
}
.detdescription {
    width: 390px;
    color: #5d5d5d;
    clear: both;
}
.emaillink {
    color: #1552a4;
    text-decoration: none;
}
.emaillink:hover {
    color: #1552a4;
    text-decoration: underline;
}
#contactimage {
    width: 100px;
    margin: 0px 0px 0px 0px;
    float: left;
}

/* Photo Text */
#photoarea {
    width: 345px;
}
.phototext {
    width: 305px;
    height: 57px;
    border-top: 1px solid #000000;
    color: #000000;
    line-height: 18px;
    padding: 3px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/photobottom.jpg) no-repeat;
}
.phototextvac {
    width: 304px;
    height: 37px;
    border-top: 1px solid #000000;
    color: #000000;
    line-height: 18px;
    padding: 3px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/photobottomvac.jpg) no-repeat;
}
.phototextcase {
    width: 304px;
    height: 37px;
    border-top: 1px solid #000000;
    color: #000000;
    line-height: 18px;
    padding: 3px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/photobottomcase.jpg) no-repeat;
}
.phototextjoin {
    width: 304px;
    height: 57px;
    border-top: 1px solid #000000;
    color: #000000;
    line-height: 18px;
    padding: 3px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/photobottomjoin.jpg) no-repeat;
}
.phototextcontact {
    width: 304px;
    height: 37px;
    border-top: 1px solid #000000;
    color: #000000;
    line-height: 18px;
    padding: 3px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/photobottomcontact.jpg) no-repeat;
}

/* Partners */
#partners {
    width: 760px;
    padding: 10px 20px 0px 20px;
}

/* Case Studies */
.speechleft {
    background: url(images/speechleft.gif) no-repeat top left;
    width: 305px;
    margin: 5px 0px 0px 0px;
}
.speechright {
    background: url(images/speechright.gif) no-repeat right bottom;
    padding: 6px 15px 6px 25px;
}
.casequote {
    width: 305px;
    text-align: right;
    color: #777777;
}
.casequote a {
    color: #1552a4;
    text-decoration: none;
}
.casequote a:hover {
    color: #1552a4;
    text-decoration: underline;
}

.speechleftwide {
    background: url(images/speechleft.gif) no-repeat top left;
    width: 405px;
    margin: 5px 0px 0px 0px;
}
.speechrightwide {
    background: url(images/speechright.gif) no-repeat right bottom;
    padding: 6px 15px 6px 25px;
}
.casequotewide {
    width: 405px;
    text-align: right;
    color: #777777;
}
.casequotewide a {
    color: #1552a4;
    text-decoration: none;
}
.casequotewide a:hover {
    color: #1552a4;
    text-decoration: underline;
}

.speechleftmain {
    background: url(images/speechleft.gif) no-repeat top left;
    width: 405px;
    margin: 5px 0px 0px 0px;
}
.speechlefthighlight {
    background: url(images/speechlefton.gif) no-repeat top left;
}
.speechrightmain {
    background: url(images/speechright.gif) no-repeat right bottom;
    padding: 6px 15px 6px 25px;
}
.speechrighthighlight {
    background: url(images/speechrighton.gif) no-repeat right bottom;
}
.casequotemain {
    width: 405px;
    text-align: right;
    color: #777777;
}

/* Footer */
#footer {
    width: 600px;
    height: 32px;
    background: url(images/footerbg.jpg) repeat-x;
    color: #556f94;
    float: left;
    text-align: center;
    padding: 25px 0px 0px 0px;
}
.greenduck {
    float: left;
    width: 200px;
    height: 32px;
    background: url(images/footerbg.jpg) repeat-x;
    color: #556f94;
    padding: 25px 0px 0px 0px;
}
.footerlink {
    color: #1552a4;
    text-decoration: none;
}
.footerlink:hover {
    color: #1552a4;
    text-decoration: underline;
}

.latestbutton 
{
    background: url(images/latestjobs.gif) no-repeat;
    height: 25px;
    width: 120px;
    display: block;
    float: left;
}
.latestbutton:hover
{
    background: url(images/latestjobson.gif) no-repeat;
}
.latestbuttonon
{
    background: url(images/latestjobson.gif) no-repeat;
    height: 25px;
    width: 120px;
    display: block;
    float: left;
}
.topbutton 
{
    background: url(images/topjobs.gif) no-repeat;
    height: 25px;
    width: 120px;
    display: block;
    margin-left: 140px;
    float: left;
}
.topbutton:hover
{
    background: url(images/topjobson.gif) no-repeat;
}
.topbuttonon
{
    background: url(images/topjobson.gif) no-repeat;
    height: 25px;
    width: 120px;
    display: block;
    margin-left: 170px;
    float: left;
}
.searchError 
{
    width: 390px;
    color: #ff0000;
}