/* Body Setup */
body {margin: 0; padding: 0; background: #DDD7CF; font-size: small; font-family: Verdana, Arial, sans-serif; color: #355C83;}
* html body {font-size: x-small; /* for IE5/Win */ f/ont-size: small; /* for other IE versions */}

/* Wrapper */
div#wrapper_container {margin: 0 auto; padding: 0; width: 760px;}
div#wrapper {float:left; background: url(images/bg-wrapper.gif) repeat-y #FFF; font-size: 105%; width: 760px;}


/* COLUMN - Content */
div.content-column {float: left; background: none; margin: 20px 0; padding: 0; width: 555px;}


/* Header/Image Band */
div.header {background: #355C83; text-align: right; width: 100%; height: 70px;}
div.header img {margin: 18px 18px 0 0; border: 0;}
div.image-band {width: 100%; height: 120 px;}


/* Image Replacement - Titles */
div.title-wrap {border-left: 20px solid #638BAD; background: url(images/dot-h.gif) bottom no-repeat #FFF; padding: 0; margin-bottom: 10px; height: 70px; width: 535px; \width: 555px; w\idth: 535px;}/*ESCAPE*/
h1.candidates-information {float: left; overflow: hidden; background: url(images/titles/candidates-information.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.client-information {float: left; overflow: hidden; background: url(images/titles/client-information.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.contact-us {float: left; overflow: hidden; background: url(images/titles/contact-us.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.information {float: left; overflow: hidden; background: url(images/titles/useful-guidance.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.jobs {float: left; overflow: hidden; background: url(images/titles/vacancies.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.legal-recruitment-specialists {float: left; overflow: hidden; background: url(images/titles/index.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.links {float: left; overflow: hidden; background: url(images/titles/useful-links.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.refer-a-friend {float: left; overflow: hidden; background: url(images/titles/refer-a-friend.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h1.sitemap {float: left; overflow: hidden; background: url(images/titles/sitemap.gif) repeat-y #FFF; margin: 20px 0 0 20px; padding-top: 36px; font-size: 1px; height: 0px; width: 480px; display: inline;}
h2 {font-size: 110%; color: #000;}

div.content {margin-left: 20px; padding: 0 20px; width: 495px; \width: 555px; w\idth: 495px;}/*ESCAPE*/
div.content-column p:first-child {color: #000;}
div.content-column ul {list-style: square outside; margin: 0 0 0 1em; padding: 0; border: none;}
div.content-column li {margin: 0 0 1em 0;}

div.content a {color: #355C83; margin-bottom: 0.5em; text-decoration: underline;}
div.content a:link {color: #355C83; text-decoration: underline;}
div.content a:visited {color: #355C83; text-decoration: underline;}
div.content a:hover {color: #355C83; text-decoration: none;}
div.content a:active {color: #355C83; text-decoration: underline;}

a.ext {background: url(images/ext-win.gif) 100% 1px no-repeat; padding: 0 14px 0 0; line-height: 180%;}
a.ext:hover {background: url(images/ext-win-hover.gif) 100% 1px no-repeat; padding: 0 14px 0 0; line-height: 180%;}


/* COLUMN - Menu Content */
div.menu-column {float: left; background: none; margin: 20px 0 20px 2px; padding: 0; width: auto;}

#menu {background: #FFF; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu ul {list-style: none; margin: 0; padding: 0; border: none;}

#menu li {border-bottom: 2px solid #FFF; margin: 0;}
#menu li a {display: block; padding: 5px; border-right: 20px solid #355C83; background-color: #4564A5; color: #B3BFDA; text-decoration: none; width: 173px; \width: 183px w\idth: 173px;}/*ESCAPE*/
html>body #menu li a {width: 173px;}
#menu li a.selected {display: block; padding: 5px; border-right: 20px solid #355C83; background-color: #4564A5; color: #FFF; text-decoration: none; width: 173px; \width: 183px w\idth: 173px;}/*ESCAPE*/
html>body #menu li a.selected {width: 173px;}
#menu li a:hover {border-right: 20px solid #1F3A5B; background-color: #294081; color: #B3BFDA;}
#menu li ul li {margin: 0; border-top: 1px solid #FFF; border-bottom: none;}
#menu li ul a {border-right: 20px solid #5574B5;}
#menu li ul a:link {background: #6584C5; color: #000;}
#menu li ul a:visited {background: #6584C5; color: #000;}
#menu li ul a:hover {background: #6584C5; color: #000;}
#menu li ul a:active {background: #6584C5; color: #000;}

img.main {border-bottom: 20px solid #355C83;}

/* Vacancies pages */
div.joblt {background: #E3E7F3 url(images/corner.gif) bottom right no-repeat; padding: 7px; color: #FFF; margin: 0 0 2px 0; color: #4F5173}
div.jobdk {background: #D7DFEB url(images/corner.gif) bottom right no-repeat; padding: 7px; color: #FFF; margin: 0 0 2px 0; color: #252743;}
p.jobdesc {color: #000; margin: 2px;}

form.cta {float:left; width:100%; padding:0 0 8px;}
div.form_item {float:left; width:100%; margin:2px 0;}
div.label {float:left; width:200px;}
input.text {float:left; width:200px;}
input.submit {margin:0; padding:0; float:left;}

div.quicklinks {float:left; background: #638BAD; margin: 0; position: relative; left:20px; padding: 5px 20px; color: #FFF; font-size: 95%; width: 680px;}
div.quicklinks h2 {font-size:1.3em; font-weight:normal; border-bottom: 1px dashed #FFFFFF; color:#FFFFFF; margin:0 0 3px; padding:0 0 5px;}
div.add {margin:8px auto 0; text-align:left;}
div.quicklinks ul {width: 340px; float:left; display:inline; padding:0; margin:0; font-size:0.9em;}
div.quicklinks ul li {list-style:none; list-style-position:outside; margin:3px 0; padding:0;}
div.quicklinks ul li a {color:#FFFFFF; text-decoration:none;}
div.quicklinks ul li a:hover {text-decoration:underline;}

/* Footer */
div.footer {clear: both; background: #355C83; margin-left: 20px; padding: 5px 20px; color: #FFF; font-size: 90%; width: 680px; text-align:left;}
span.divider {color: #9AAEC1;}
div.footer a {color: #FFF; text-decoration: underline;}
div.footer a:link {color: #FFF; text-decoration: underline;}
div.footer a:visited {color: #FFF; text-decoration: underline;}
div.footer a:hover {color: #FFF; text-decoration: none;}
div.footer a:active {color: #FFF; text-decoration: underline;}