/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 

/** Base Body Styles **/



a{ text-decoration:none; }

/** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.  mp/bestclearfix **/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/
.clearfix { zoom: 1; }


/*layout*/
body {text-align:center;margin:0 auto;background:#231f20;width:100%;color:#5c6f7c;}

#outerwrapper {width:986px; text-align:center;height:100%;margin:0 auto;position:relative;background:#fff;}

#wrapper {width:892px;margin:0 auto;}

#header {height:107px;width:100%;}

#logo {float:left; width:220px;height:107px; position:relative;top:0;left:0;}

#subHeader {width:100%;clear:both;position:relative;}

#MainMenu {height:44px;width:100%;text-align:left;background:url("../images/nav-bg.png") no-repeat;position:relative;z-index:999}
.banner {width:100%;height:243px;display:block;}
#container {position:relative;}

#PanContent {width:658px;height:319px;text-align:left;padding-top:10px;}


#PanLeft {display:none;}

#PanRight {width:217px;position:absolute;top:0px;right:0px;overflow:hidden;text-align:left;}

#footer {clear:both;height:54px;width:984px;background:url("../images/alr-footer.png") no-repeat;}

#footer .copyright {text-align:left;float:right;margin-top:15px;padding-right:40px;margin-left:10px;padding-top:6px;height:20px;line-height:20px;background:url("../images/copy.gif") no-repeat;padding-left:16px;background-position: 0px 7px;}
.copyright p {padding:0;padding-top:2px;}
/*search*/
#searchBox {position:absolute;right:10px;top:15px;height:25px;line-height:25px;z-index:1002;}
#searchBox h3 {font-size:70%;color:#fff;padding:0;margin:0;height:18px;line-height:18px;}
#searchBox .searchInput {border:none;background:none;background:url("../images/search-bg.png") no-repeat;width:130px;height:18px;padding-left:17px;color:#fff}
#searchBox .searchButton {width:27px;height:18px;background:none;background:url("../images/serach-go.png") no-repeat;border:none;display:block;position:relative;z-index:1005;position:relative;left:160px;top:-22px;z-index:1004}
#PanRight h1 {padding-top:20px;}
/*columns*/

.column {height:100%;height:300px;}
.col228 {width:220px;float:left;}
.col202 {width:200px;float:left;}
.col247 {width:230px;float:left;}
.col456 {width:456px;float:left;}
.col656 {width:656px;float:left;}
.firstcolumn p {padding-left:none;}
.backgroundRight {background:url("../images/vert-divider.png") no-repeat top right;}
.column ul {padding:4px 10px;}
/******************nav*/



#MainMenu ul {list-style-type:none;height:26px;line-height:26px;width:640px;font-size:12px;position:absolute;left:67px;top:14px;z-index:1001}
#MainMenu ul li {display:inline;padding:0px 10px;position:relative;padding-top:18px;}
#MainMenu ul li a,#MainMenu ul li a:visited {color:#fff;text-transform:uppercase;}
#MainMenu ul li a:hover {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#MainMenu ul li.first {}


#MainMenu ul #firstmenu {padding:0px 18px;}
#MainMenu ul #secondmenu {padding:0px 20px;}
#MainMenu ul #thirdmenu {padding:0px 18px;}
#MainMenu ul #fourthmenu {padding:0px 20px;}
#MainMenu ul #fifthmenu {padding:0px 20px;}
#MainMenu div.menuTitle {display:none;}

/*sub*/
#MainMenu ul li ul {color:#008752;width:160px;position:absolute;display:none;left:-50px;top:15px;
                    list-style-type:none;text-align:center;text-transform:capitalize;display:none;}
                    
#MainMenu ul #thirdmenu ul {left:-30px} 
#MainMenu ul #fourthmenu ul {left:-40px}         
#MainMenu ul li:hover ul {display:block}

#MainMenu ul li ul li {border:none;width:180px;padding:0px 15px; height:20px;line-height:20px;display:block;display:none;}
#MainMenu ul li ul li a, #MainMenu ul li ul li a:visited {color:#008752;text-transform:capitalize;font-size:11px;padding-bottom:4px;}
#MainMenu ul li ul li a:hover {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}

#PanRight ul.menuList li ul li {display:none;}

#PanRight ul.menuList li:hover ul li {display:block;}
/******************typography*/
body {font-family:helvetica,arial,sans-serif;}
 p {padding:10px 10px;font-size:11px;color:#58595b;line-height:1.3em;}
h1 {color:#58595b;font-size:18px;font-weight:500;padding:4px 10px;padding-top:10px;}
h2 {color:#58595b;font-size:18px;font-weight:600;padding:4px 10px;}
h3 {font-size:21px;padding:10px 30px;font-weight:300;width:440px;}
h4 {font-size:11px;font-weight:bold;padding:8px 10px;}
#footer {text-align:left;font-size:11px;}
#PanContent h1.grn {padding-left:0;}
.red, .red h1, .red p, #PanContent .red  a {color:#b25538;}
.grey, .grey h1, .grey p,  #PanContent .grey  a,#PanRight  .grey  a, #PanRight ul.dropsdown a {color:#58595b}
.grn, .grn h1, .grn p,  #PanContent .grn  a, #PanRight .grn a, #PanContent h1.grn {color:#9c8f57}
.orng, orng h3, .orng h2,#PanRight .orng a {color:#b25538}
.big {font-size:130%;}
h2 .strong,  h1 .strong {font-weight:700}
#PanContent ul li a, #PanRight ul li a, #PanRight ul.dropsdown a {text-transform:uppercase;}
/*lists in colours*/
#PanRight ul.dropsdown a,#PanRight .grey a,#PanContent .grey a, #PanContent .red  a, #PanContent .grey a, #PanContent .grn a, #PanRight .grn a,#PanRight .orng a {font-size:11px;font-weight:600;}
#PanContent .red ul a,#PanContent .grey ul  a,#PanRight .grey ul a, #PanContent .grn  ul a, #PanRight .grn ul a,#PanRight .orng ul a {font-size:11px;font-weight:normal;}
#PanRight  ul.dropsdown li a {font-weight:normal;}
#PanRight  ul.dropsdown {margin-top:20px;}
#PanRight ul li a.active,#PanRight ul.dropsdown li a.active {font-weight:600;}
#PanRight .orng h2 {}
#PanRight h2.firstH {padding-top:20px;}
/*vacancies list panel*/

.vacancyPanel {background:url("../images/vacancies-bg.png") no-repeat -10px 0px;width:227px;height:302px;text-align:left;overflow:hidden;padding-bottom:10px;}
.vacancyList {height:302px;overflow:hidden;}
.vacancyInner {}
.vacancyPanel h3 {color:#b25538;font-size:10px;padding-left:0;width:auto;font-weight:600;}
.vacancyPanel h1 {padding:8px 16px;padding-top:20px;}
.vacancyPanel p.intro {padding:0px 16px;}
.vacancyPanel p {padding:3px 10px;}
.vacancyPanel ul  {padding:0;margin:0;width:190px;margin-left:10px;}
.vacancyPanel ul li {margin:4px 5px;border-bottom:1px dotted #58595b;}
.vacancyPanel ul li a {color:#b25538;font-weight:600;font-family:helvetica, Arial, Sans-Serif;font-size:9px;padding:6px 0px;margin-bottom:5px;display:block;padding-bottom:6px;font-weight:normal;}
.vacancyListBox {height:190px; width:212px;overflow:hidden;}
.vacancyListBox p {padding:0;}

.vacancyList h3, .vacancyList p {padding-left:0;}
.vacancyList ul li {padding:8px 0px; border-bottom:1px dotted;}





/*****Cpmtact page*************/

.Contact #PanContent p.address {padding:0;padding-left:10px;}
.Contact #PanContent p.strong {padding-bottom:0;}
.Contact #PanContent a {font-weight:700;}
.Contact  #PanLeft {background:none;}
/*******CUFON FIXES****************/
/*
#MainMenu .cufon-canvas {margin:0;padding:0;}
.cufon-ready #MainMenu ul {padding-top:7px;}
.cufon-ready #MainMenu ul li {}

.cufon-ready #footer ul {margin-top:9px;font-size:11px;}

*/

/**********png fix**************/
img, div, a, input { behavior: url("../login/r/iepngfix.htc.html") }



/**********fix for bug with menu cufon being moved too far up
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
#MainMenu .cufon-canvas {margin:0;padding:0;}
.cufon-ready #MainMenu ul {padding-top:7px;}
.cufon-ready #MainMenu ul li {}

.cufon-ready #footer ul {margin-top:9px;font-size:11px;}
*******/





/*lists*/

#PanContent ul.dotty {
    list-style-type:none;
    font-size:11px;
    padding:30px;
    }
    
#PanContent ul.dotty li 
{
    width:80%;
    border-bottom:1px dotted;
    padding:10px 0px;
    }
    
    #PanContent a {font-size:12px;color:#5c6f7c;padding-left:0;}
    
    
    
    
    #PanContent p canvas {padding-bottom:5px;}
    
          
          
          .slideshow {display:none;}
          
          /*stylimg the scroll bar*/
  .jspVerticalBar {right:0;}
  
  #bgimage {width:346px;height:339px;display:block;position:absolute;z-index:2;top:5px;right:105px;}
  #PanContent {z-index:1003;position:relative;}
  #PanRight {z-index:1004;}
  #PanRight ul {text-align:right;}
  #PanRight h2 {font-weight:normal;}
  #PanRight .column ul,  #PanRight .vacancyListBox ul {text-align:left;}
#PanRight .vacancyListBox {font-size: 11px;
color: #58595B;
line-height: 1.3em;}
  .About #bgimage, .Candidates #bgimage, .Contact  #bgimage, .HRConsultancy #bgimage, .Services #bgimage, .vacancy-search  #bgimage {background:url("../images/alr-icon.png") no-repeat;}
form.Andrew #bgimage {background:url("../images/directors-andrew.png") no-repeat;}
form.Ian #bgimage {background:url("../images/directors-ian.png") no-repeat;}

/*vacancyDetails*/
.vacancyWrap {font-size:11px;color:#58595b;line-height:1.3em;overflow:hidden;height:310px;}
#PanContent .vacancyWrap ul {list-style-type:disc;margin-left:20px;}
#PanContent .vacancyWrap ul li {padding:8px 0px;}
.vacancyWrap span {font-size:11px;}
.vacancyWrap span strong {font-weight:600;}
.vacancyWrap  .jobTitle {font-size:12px;font-weight:bold;display:block;margin-bottom:8px;}
.additionalInfo {padding:0px 8px 0px 0px;}
.contractDuration {}
.candidates a {display:block;margin:5px 10px;}
.jobDesc {display:block;margin-top:15px;}
.closingDate {display:block;margin-top:15px;}
.jobSalary, .salaryFrom,.additionalInfo,.contractDuration {padding-left:10px;}
.contactName {}
p.vacTitle {font-weight:600;margin:4px 0px 12px 0px;font-size:13px;}
p.vacTitle span {padding:0px 15px;}
.jobDesc p {padding-left:0px;padding-right:0px;font-size:12px;}
/*banner slider*/
.banner {position:relative;z-index:999;/*background:url("../images/banner_7.png") no-repeat*/}
#pager {position:absolute;top:195px;right:10px;z-index:1200;width:150px;height:30px;}
#slideshow {position:relative}
#pager a {border:1px solid #fff;display:block;float:left;width:20px;height:20px;color:#fff;background:#666;margin:0px 10px 0px 0px;font-size:9px;line-height:20px;-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }
#pager a.activeSlide {background:#aa5336}
#slideshow li {width:892px;height:243px;display:block;position:relative}
li.banner1 {background:url("../images/banner_1.png") no-repeat;}
li.banner2 {background:url("../images/banner_2.png") no-repeat;}
li.banner3 {background:url("../images/banner_3.png") no-repeat;}
li.banner4 {background:url("../images/banner_4.png") no-repeat;}
li.banner5 {background:url("../images/banner_5.png") no-repeat;}
li.banner6 {background:url("../images/banner_6.png") no-repeat;}
li.banner7 {background:url("../images/banner_7.png") no-repeat;}
li.banner8 {background:url("../images/banner_8.png") no-repeat;}

li.banner #aboutb {display:none;}
#aboutb {position:absolute;left:437px;top:30px;width:455px;height:158px;background:url("../images/banner_about.png") no-repeat;-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }
#clientsb {position:absolute;left:437px;top:30px;width:455px;height:158px;background:url("../images/banner_clients.png") no-repeat;-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }
#familyb {position:absolute;left:437px;top:30px;width:455px;height:158px;background:url("../images/banner_family.png") no-repeat;-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }
#candidatesb {position:absolute;left:437px;top:30px;width:455px;height:158px;background:url("../images/banner_candidates.png") no-repeat;-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }
#PanRight .grn h3 {padding:0;padding:4px 10px;margin-top:12px;font-size:13px;}

/*admin pages*/
.Pages  #container,form.Mangement #container,.Page #container,.Mangement #container, .admin-vacancy-edit #container, .Emails #container {height:900px;}
.Pages  #PanContent,form.Mangement #PanContent,.Mangement #PanContent,.Page #PanContent, .admin-vacancy-edit #PanContent, .Emails #PanContent {height:900px;}
.Pages #PanContent , form.Mangement #PanContent {height:100%;}
.Pages #PanContent table {color:#000;}
.Pages  #container table tr,form.Mangement #container table tr {border:1px solid #000;padding:10px 0px;cell-padding:10px;}
.AdminHome #PanLeft {display:block}
.AdminHome .banner,.admin-vacancy-edit .banner,.Mangement .banner,.Page .banner,.Page #MainMenu,.Page #subHeader, .Mangement #MainMenu,.Mangement #subHeader, .admin-vacancy-edit #subHeader,.Emails .banner, .Emails #MainMenu,.Emails #subHeader, .admin-vacancy-edit #MainMenu, .AdminHome #subHeader, .Pages .banner, .Pages #subHeader, .Page #subHeaer, .Page .banner,.Page #MainMenu, .Pages #MainMenu, .AdminHome #MainMenu, .admin-vacancies #MainMenu, .admin-vacancies .banner, .admin-home #subHeader {display:none;}
.AdminHome #PanLeft {position:absolute;top:0px;right:0px;text-align:left;z-index:9999}
.AdminHome #PanLeft ul li {color:#666;padding:6px 5px;border:1px dotted;}
.AdminHome #PanLeft ul li a {color:#666;padding:10px;z-index:9999}
#PanContent .adminHome a {margin-bottom:10px;text-align:center;font-weight:600;display:block;width:200px;height:25px;line-height:25px;color:#fff;background-color:#666;border:1px dotted;}
#PanContent a.newVacancy {margin:8px 0px;padding:15px;background:#666;color:#fff;display:block;height:25px;line-height:25px;width:100px;text-align:center}
ul.formlist li {margin:6px 0px;border-bottom:1px dotted;padding-bottom:8px;}
ul.formlist label {float:left;display:block;width:200px;}
.admin-vacancy-edit #container {height:1500px;}
p strong {font-weight:600;}
#PanRight .column {padding-left:20px;}

#PanContent a.backtotop {font-weight:600;display:block;margin:10px 5px 5px 0px;font-size:10px;font-style:italic;border-bottom:1px dotted; }

#PanContent ul.realList {list-style-type:disc;margin-left:20px;font-size:11px;font-weight:600;}
#PanContent ul.realList li {margin:5px 0px;}
.jumpLinks p {display:inline;font-weight:600;}
.jumpLinks ul li {display:inline;padding-right:8px;}



/*ff specific*/
@-moz-document url-prefix() {
                       #searchBox .searchButton {
                       top:-21px;
                    }
                    }