/* CSS Document */

* { margin:0; padding:0;}

body { background:url(../images/bg.gif) top left repeat-x; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;

}

a  {text-decoration: none;  }
a:visited {text-decoration: none; }
a:hover {text-decoration: underline; }

#wrapper { width:900px; margin:0 auto; overflow:hidden; background: #fff; }

#utilities { width:100%; height:19px; }
#utilities ul { float: right; width:301px; height:16px; padding-top:3px; background:url(../images/utilities_bg.gif) top left repeat-x;
text-align:right;   }
#utilities li { display:inline; list-style:none; padding-left:30px; margin-right:20px; color:#FFFFFF;   }
#utilities li a { color:#FFFFFF; font-weight:bold; }

#header { width:100%; height:92px; }
#header img {float:left;}

/* main nav start */

ul#navlist { list-style-type: none; margin: 60px 10px 0 0; float:right; }
ul#navlist li { float: left; height: 16px; margin: 0 0 0 25px; }
*html ul#navlist li { float: left; height: 16px; margin: 0 0 0 21px; }


li#about_us a { display: block; width: 82px; background: url(../images/nav/about_us_up.gif) top left no-repeat;
line-height:40px; overflow:hidden; height:16px; }
li#about_us a:hover { background: url(../images/nav/about_us_over.gif) top left no-repeat; }

li#our_divisions a { display: block; width: 123px; background: url(../images/nav/our_divisions_up.gif) top left no-repeat;
line-height:40px; overflow:hidden; height:16px; }
li#our_divisions a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }

li#employers a { display: block; width: 98px; background: url(../images/nav/employers_up.gif) top left no-repeat;
line-height:40px; overflow:hidden; height:16px; }
li#employers a:hover { background: url(../images/nav/employers_over.gif) top left no-repeat; }

li#job_seekers a { display: block; width: 103px; background: url(../images/nav/job_seekers_up.gif) top left no-repeat;
line-height:40px; overflow:hidden; height:16px; }
li#job_seekers a:hover { background: url(../images/nav/job_seekers_over.gif) top left no-repeat; }

li#work_for_us a { display: block; width: 141px; background: url(../images/nav/working_for_us_up.gif) top left no-repeat;
line-height:40px; overflow:hidden; height:16px; }
li#work_for_us a:hover { background: url(../images/nav/working_for_us_over.gif) top left no-repeat; }


#welcome_area { height:312px; width:100%; background:url(../images/welcome_area_bg.gif) top left repeat-x; }
#welcome_area img { float:left; }

.welcome_text {float:left; margin: 35px 0 0 24px; width:260px; color:#FFFFFF; font-size:13px; }
.welcome_text h1 {display:block; width:194px; height:32px; background: url(../images/we_get_people.gif) top left no-repeat;
line-height:80px; overflow:hidden; font-size:12px; margin-bottom:16px; }
.welcome_text a { color:#fff; font-weight:bold; }
.welcome_text p { padding-bottom:20px; }
 
#sub_page_image { width:100%; height: 160px; background:url(../images/about_us.jpg); }
#sub_page_image p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

#sub_page_image_work { width:100%; height: 160px; background:url(../images/workingforus.jpg); }
#sub_page_image_work p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

#sub_page_image_jobseekers { width:100%; height: 160px; background:url(../images/JobSeekers.jpg); }
#sub_page_image_jobseekers p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

#sub_page_image_divisions { width:100%; height: 160px; background:url(../images/divisions.jpg); }
#sub_page_image_divisions p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

#sub_page_image_employers { width:100%; height: 160px; background:url(../images/employers.jpg); }
#sub_page_image_employers p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

#sub_page_image_news { width:100%; height: 160px; background:url(../images/News.jpg); }
#sub_page_image_news p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

/* new css for brand page */

#sub_page_image_brand { width:100%; height: 160px; background:url(../images/brand_image.jpg); }
#sub_page_image_brand p { padding-top: 90px; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF; font-weight:bold;}

/* end new code */

#content_wrapper { width:100%; background:url(../images/content_bg.jpg) top left no-repeat;  min-height:400px; /*height:auto !important; height:400px;*/ overflow:hidden;}

.left_nav { float:left; width:159px; padding-left:20px; padding-top:40px; color:#fff; margin:-10px 0 20px 0;}
.left_nav a { color:#fff; font-weight:bold; }
.left_nav img { margin-right:5px}
.left_nav li { list-style:none; background:url(../images/left_nav_arrow.gif) left no-repeat; padding: 0 0 0 10px; margin-top:20px; }

.content_text { float: right; width:631px; padding-right:20px; margin-top:20px; }
.content_text p { margin-bottom:20px;}
.content_text h1, h2 { height:30px; width:440px; overflow:hidden; margin-bottom:20px; color:#006699; font-size:20px;}
.content_text h3, h4 { color:#006699; font-size:18px; margin-bottom:20px;}
.content_text h5, h6, h7, h8, h9, h10 { color:#006699; font-size:14px; margin-bottom:20px;}
.content_text ol { margin: 0 0 15px 45px; }
.content_text ul { margin: 0 0 15px 45px; list-style:none; }
.content_text li { padding:0 0 5px 0; }
.content_text a { color:#006699;}

#divisons_wrapper { background:#D0D1D1; width:100%;  margin:10px 0 0 0; padding: 10px 0 0 10px; height:300px;}

/*#divisions { width:287px; height:140px; background:#ffffff; float:left; margin: 0 10px 10px 0; }*/

.wrapper_inner {float:left; width:225px; margin: 0 5px 5px 0; }

.premier { float:left; background:#fff; border-left: 20px solid #96C63C; width:237px; height:120px; margin: 0 10px 10px 0;
padding: 10px 10px 10px 20px;}
.premier img { float:right; margin: 0 0 10px 100px; }

.la_creme { float:left; background:#fff; border-left: 20px solid #FF0099; width:237px; height:120px; margin: 0 10px 10px 0;
padding: 10px 10px 10px 20px;}
.la_creme img { float:right; margin: 0 0 10px 120px; }

.nigel { float:left; background:#fff; border-left: 20px solid #AE1518; width:237px; height:120px; margin: 0 10px 10px 0;
padding: 10px 10px 10px 20px;}
.nigel img { float:right; margin: 0 0 10px 100px; }

.verkom { float:left; background:#fff; border-left: 20px solid #E33328; width:237px; height:120px; margin: 0 10px 10px 0;
padding: 10px 10px 10px 20px;}
.verkom img { float:right; margin: 0 0 10px 120px; }

.brunel { float:left; background:#fff; border-left: 20px solid #27B5E9; width:237px; height:120px; margin: 0 10px 10px 0;
padding: 10px 10px 10px 20px;}
.brunel img { float:right; margin: 0 0 10px 120px; }

.work { float:left; background:#fff; width:277px; height:140px; margin: 0 10px 0 0; padding-right:10px;}
.work img { float:left; }
.work h3 { display:block; width:145px; height:26px; background:url(../images/salary.gif) top no-repeat;
line-height:70px; overflow:hidden; margin:10px 0 15px 0; } 
.work_inner {float:right; width:130px;  margin: 13px 0 5px 0; }

.learn_more a { font-size:12px; font-weight:bold; color:#006699; vertical-align:bottom; background:url(../images/learn_more_arrow.gif) right no-repeat; 
padding: 0 10px 0 0; float:right; margin-top:2px;}

.learn_more1 a { font-size:12px; font-weight:bold; color:#006699; vertical-align:bottom; background:url(../images/learn_more_arrow.gif) right no-repeat; 
padding-right: 10px; float:left; margin-top:2px;}

.clearboth { clear: both; }

#footer { background:#EFF1F0; width:100%; padding:10px 10px 10px 10px; overflow:hidden; margin-top:10px; color:#006699;}
#footer a { color:#006699; }
.terms {float:left; }
.terms li {display:inline; list-style:none; padding-right: 10px; margin-right: 10px; border-right:1px solid #006699; }
.continuum {float:right; width:180px; }
.copyright {float:left; margin:20px 0 0 -253px; }


li#space_sub a { display: block; width: 133px; background: url(../images/nav/space_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#space_sub a:hover { background: url(../images/nav/space_up.gif) top left no-repeat; }
 
li#premier_sub a { display: block; width: 133px; background: url(../images/nav/premier_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#premier_sub a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }
 
li#lacreme_sub a { display: block; width: 133px; background: url(../images/nav/la_creme_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#lacreme_sub a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }
 
li#brunel_sub a { display: block; width: 133px; background: url(../images/nav/brunel_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#brunel_sub a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }
 
li#verkom_sub a { display: block; width: 133px; background: url(../images/nav/verkom_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#verkom_sub a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }
 
li#nigellynn_sub a { display: block; width: 133px; background: url(../images/nav/nigellynn_up.gif) top left no-repeat;
line-height:30px; overflow:hidden; height:20px; }
li#nigellynn_sub a:hover { background: url(../images/nav/our_divisions_over.gif) top left no-repeat; }
 

/* common styling */
.menu {}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;text-align:center; color:#fff;solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
 
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:15px; left:0; width:140px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}