/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html { height: 100%; } body { height: 100%; } #wrapper { position: relative; min-height: 100%; } *html #wrapper { height: 100%; } #container{ position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:980px; } #header { width:100%; height:350px; margin:0px; padding:0px;} #logo { width:153px; height:98px; margin:0px; padding:0px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:196px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px;} #two_column #content_main {width:100%; display:block; margin:0px 0px 15px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #two_column #content {width:730px; float:left; display:block;} #two_column #sidebar_right { width:231px; height:100%; float:right; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;} *html #two_column #sidebar_right { margin:0px -10px 0px 0px !important;} #three_column #content_main { width:767px; display:block; margin:0px 0px 15px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #three_column #content {width:517px; display:block; float:left;} #three_column #sidebar_right { width:231px; height:100%; float:right; display:block; margin:0px; padding:0px;} *html #three_column #sidebar_right { margin:0px -10px 0px 0px !important;} #footer {position:relative; width:980px; margin:20px auto 0px auto; padding:0px; } #footer p { font-size:12px; color:#FFFFFF; } .clear { clear:both; } .last {margin-right:0px !important; border:0px !important;} .bold {font-weight:bold;} #search {position:absolute; top:90px; right:0px;} #search form {} #search input {border:none; padding:2px 5px 4px 5px; font-size:12px; width:145px;} #search button {background:url(../images/search_button.jpg) top left repeat-x; border:none; color:#FFF; font-size:12px; padding:1px 8px 4px 8px; } /*------------------------------------ home page -----------------------------------------------------------*/ #home_header { width:100%; height:394px; display:block; margin:0px 0px 0px 0px; padding:0px; } *html #home_header { margin-bottom:12px; } #home_content_left {float:left; display:block; width:487px;} .information_block {width:484px; height:211px; position:relative; margin-bottom:15px; } .information_block .read_more {position:absolute; bottom:7px; right:30px; } .sales {background:url(../images/sales_recruitment_bg.jpg) top left no-repeat;} .sales .information_block_content {width:269px; position:absolute; top:55px; right:30px; color:#FFF;} #home_featured_jobs .single_job {display:block; width:486px; background:#CCC; padding:5px 0px 0px 0px; margin-bottom:12px; background:url(../images/single_job_top.jpg) top left no-repeat; position:relative; min-height:10px; height:auto !important; height:10px;} #home_featured_jobs .job_description {float:left; display:block; width:315px; padding:0px 0px 0px 15px; } #home_featured_jobs .job_description img {float:left; display:block; margin:3px 10px 0px 0px;} #home_featured_jobs .job_description a {float:left; display:block; font-size:15px; color:#333; margin:0px; font-weight:bold;} #home_featured_jobs .job_description p {margin:0px;} #home_featured_jobs .job_salary {float:right; display:block; width:131px; padding-right:15px; text-align:right;} #home_featured_jobs .job_salary p {margin:0px; line-height:14px;} #home_featured_jobs .job_salary img {margin-top:3px;} #home_featured_jobs .single_job_bottom { background:url(../images/single_job_bottom.jpg) bottom left no-repeat; height:5px; position:absolute; bottom:-5px; left:0px; display:block; width:486px;} #home_content_right {float:right; display:block; width:487px;} .recruitment {background:url(../images/marketing_recruitment_bg.jpg) top left no-repeat;} .recruitment .information_block_content {width:188px; position:absolute; top:55px; right:20px; color:#FFF;} .block_link {background:url(../images/block_link_bg.jpg) top left no-repeat; width:231px; float:left; margin-bottom:3px; } .block_link a {font-size:21px; color:#FFF; padding:10px 0px 17px 16px; display:block;} .block_link a:hover {color:#FFF;} #job_search {float:left; display:block; width:230px; background:url(../images/job_search_top.jpg) top left no-repeat; margin-bottom:15px; padding-right:1px; } #job_search h3 {font-size:17px; color:#FFF; padding-left:15px;} #job_search form {float:left; display:block; margin:0px 0px 0px 0px; padding-left:15px;} #job_search select {width:196px; margin:0px 0px 5px 0px;} #job_search button {background:none; border:none; float:right; width:72px; margin-right:15px;} #job_search_bottom {background:url(../images/job_search_bottom.jpg) bottom left no-repeat; height:16px; width:231px; float:left; margin:0px 0px 0px 0px;} *html #job_search_bottom {margin:0px 0px 0px 0px;} #request_callback {float:right; display:block; width:195px; padding:0px 15px 0px 20px; background:url(../images/callback_top.jpg) top left no-repeat;} #request_callback h3 {font-size:17px; color:#333; margin-top:20px;} #request_callback p {} #request_callback input {float:left; display:block; margin:0px 0px 18px 0px; width:180px; border:1px solid #e5e5e5; border-top:1px solid #999; border-left:1px solid #999; padding:2px 0px 2px 5px; color:#333;} #request_callback button {background:none; border:none; float:right; margin-right:6px;} #request_callback_bottom {background:url(../images/callback_bottom.jpg) bottom left no-repeat; height:3px; width:230px; float:left; margin:0px 0px 0px -20px; padding-bottom:15px;} *html #request_callback {padding:0px 15px 0px 20px;} *html #request_callback_bottom {margin:0px 0px 0px -10px; padding-bottom:15px;} #featured_jobs .single_job {float:left; display:block; width:231px; background:#CCC; padding:5px 0px 0px 0px; margin-bottom:8px; background:url(../images/single_job_top_thin.jpg) top left no-repeat;} #featured_jobs .single_job .tick {float:left; display:block; padding:3px 0px 0px 8px;} #featured_jobs .job_description {float:right; display:block; width:205px; padding:0px; } #featured_jobs .job_description a {float:left; display:block; width:100%; font-size:12px; color:#333; margin:0px; font-weight:bold;} #featured_jobs .job_description p {float:left; display:block; margin:0px; font-size:11px;} #featured_jobs .job_salary {float:right; display:block; width:146px;} #featured_jobs .single_job_bottom { background:url(../images/single_job_bottom_thin.jpg) bottom left no-repeat; height:5px; float:left; display:block; width:231px;} #search_results .single_job {float:left; display:block; width:730px; background:#CCC; padding:8px 0px 0px 0px; margin-bottom:8px; background:url(../images/search_result_top.jpg) top left no-repeat;} #search_results .job_description {float:left; display:block; width:315px; padding:0px 0px 0px 15px; } #search_results .job_description img {float:left; display:block; margin:3px 10px 0px 0px;} #search_results .job_description h3 {float:left; display:block; font-size:15px; color:#333; margin:0px;} #search_results .job_description p {margin:0px;} #search_results .job_salary {float:right; display:block; width:131px; text-align:right; padding-right:15px;} #search_results .job_salary p {margin:0px;} #search_results .job_salary a {color:#333;} #search_results .single_job_bottom { background:url(../images/search_result_bottom.jpg) bottom left no-repeat; height:11px; float:left; display:block; width:730px;} #news_section .paging {float:right; dispaly:block; margin:0px; font-weight:bold;} #search_results .paging {float:right; dispaly:block; margin:5px 0px 10px 0px; font-weight:bold;} .paging a { font-weight:normal; padding:0px 6px 0px 0px; display:inline-block; margin:0px; color:#000;} .paging a:hover {background:url(../images/paging_right.jpg) top right no-repeat; text-decoration:none; color:#FFF;} .paging a span {float:left; height:18px; width:3px; margin:0px 3px 0px 0px;} .paging a:hover span {background:url(../images/paging_left.jpg) top left no-repeat; } #job_table {} #job_table th { padding:5px; font-size:14px; border-right:3px solid #fff;} #job_table td { padding:5px; border-right:3px solid #fff; background:#F8C023; color:#3e3e3e; font-weight:bold;} /*------------------------------------ breadcrumb -----------------------------------------------------------*/ #breadcrumb {display:block; padding:0px 0px 0px 15px; margin:0px; border-bottom:1px solid #E5E5E5; } #breadcrumb p { font-size:11px; color:#F6A019; } #breadcrumb p a { color:#000;} #breadcrumb p span { color:#000; } #mission_statement {margin:20px 0px 0px 0px;} #mission_statement p {color:#F7B122; font-size:16px; text-align:center; font-weight:bold;} #quote p {font-style:italic;} #quote h3 {font-size:18px; color:#F7B122; font-style:italic;} .job_detail_title {float:left; display:block; width:730px; background:#CCC; padding:8px 0px 0px 0px; margin-bottom:8px; background:url(../images/job_detail_title_top.jpg) top left no-repeat;} .job_detail_title .job_description {float:left; display:block; width:275px; padding:0px 0px 0px 15px; } .job_detail_title .job_description img {float:left; display:block; margin:3px 10px 0px 0px;} .job_detail_title .job_description h3 {float:left; display:block; font-size:15px; color:#333; margin:0px;} .job_detail_title .job_description p {margin:0px;} .job_detail_title .job_salary {float:right; display:block; width:186px;} .job_detail_title_bottom { background:url(../images/job_detail_title_bottom.jpg) bottom left no-repeat; height:11px; float:left; display:block; width:730px;} #job_detail {} #job_detail h4 {font-size:13px; color:#F2A419;} #job_detail ul {margin:0px; padding-left:18px; } #job_detail ul li {list-style:none; background:url(../images/list_arrow.jpg) 0px 5px no-repeat; padding-left:20px;} .back_button {float:left; display:block; margin:20px 0px 0px 0px; width:100px;} .apply_button {float:right; display:block; background:url(../images/applybutton_bg.jpg) top left no-repeat; padding:6px 22px; color:#000; font-size:14px;font-weight:bold; margin:20px 0px 0px 0px;} .apply_button:hover {color:#000;} .hidden {display:none;} /*------------------------------------ news -----------------------------------------------------------*/ #news_section {float:left; display:block;} #news_section p {margin:0px;} .news_segment {float:left; display:block; width:100%; border-bottom:1px solid #DDD; padding:15px 0px;} .date { width:100%; margin-bottom:8px;} .date p {font-size:13px; } .news_segment a {float:none !important;} .title {display:block; width:100%;} .title p {color:#F6A619;} .content {float:left; display:block; width:100%;} .content p {} .content p a {color:#F6A619;} /*------------------------------------ footer -----------------------------------------------------------*/ #footer_wrap {background:#333; display:block; width:100%; height:291px; position:relative; margin:-291px 0px 0px 0px 0px;} .footer_block {width:229px; float:left; display:block; margin-right:20px; background:url('../images/footer_block_bg.jpg') top left no-repeat;} *+html .footer_block {margin-top:-20px;} *+html #footer_wrap {height:301px; position:relative; margin:-281px 0px 0px 0px 0px;} *html .footer_block {margin-top:-10px;} *html #footer_wrap {height:301px; position:relative; margin:-291px 0px 0px 0px 0px;} .footer_block h2 {font-size:19px; color:#FFF; font-weight:normal; margin-top:20px;} .footer_block .content {float:left; display:block; width:229px; border-top:1px solid #666; padding-top:8px;} .footer_block ul {margin:0px; padding:0px;} .footer_block ul li {list-style:none; margin:0px 0px 10px 0px;} .footer_block ul li a {color:#FFF; background:url(../images/footer_list_arrow.jpg) left center no-repeat; padding-left:15px;} #clients_slide {position:relative;} #clients_slide ul {margin:0px !important; padding:0px !important;} #clients_slide ul li {margin:0px !important; padding:0px !important; list-style:none !important; position:absolute; top:0px; left:0px;} #clients_slide ul li a {margin:0px; padding:0px; background:none;} #footer .news_segment {padding:5px 0px 5px 0px !important;} #footer .news_segment {border-bottom:1px solid #666; margin-bottom:10px;} #footer .news_segment .date {color:#F9AE20; margin:0px 0px 3px 0px;} #footer .news_segment p {margin-top:3px; font-size:11px !important; line-height:14px !important;} #footer .news_segment p a {color:#F9AE20;} #footer .news_segment p a:hover {text-decoration:none;} .content p span {color:#F9AE20; font-size:14px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; margin:1px 0px 0px 0px; padding:0px 0px 0px 0px; height:29px;} #nav ul { padding:0px; margin: 0px 0px; list-style: none; float: right;} #nav li {display:block; float:left; text-decoration: none; color: #FFF; padding:0px; margin:0px 5px 0px 15px;} #nav a { margin:0px; padding:32px 10px 18px 0px; color:#FFF; display:block; font-weight:normal; font-size:12px; } #nav li a span { float: left; padding:0px; height:61px; display: block; margin-top: -32px; width:10px; } #nav a:hover { text-decoration:none; color:#FFF;} #nav ul li a:hover, #nav ul li a.active { background: url(../images/menu_hover.jpg) no-repeat top right;} #nav ul li a:hover span, #nav ul li a.active span { background: url(../images/menu_hover_left.jpg) no-repeat top left;} #sub_nav {position:relative; display:block; width:100%;} #sub_nav a {float:left; display:block; padding:12px 0px 0px 40px; height:26px; width:156px; background:url(../images/sub_nav_arrow.jpg) 20px center no-repeat #e3e3e3; border:1px solid #FFF; color:#333; clear:both;} #sub_nav #top_left {background:url(../images/sub_nav_top_left.jpg) top left no-repeat; width:23px; height:23px; position:absolute; top:1px; left:1px;} #sub_nav #top_right {background:url(../images/sub_nav_top_right.jpg) top right no-repeat; width:23px; height:23px; position:absolute; top:1px; right:-1px;} #sub_nav #bottom_left {background:url(../images/sub_nav_bottom_left.jpg) bottom left no-repeat; width:23px; height:23px; position:absolute; bottom:0px; left:1px;} #sub_nav #bottom_right {background:url(../images/sub_nav_bottom_right.jpg) bottom right no-repeat; width:23px; height:23px; position:absolute; bottom:0px; right:-1px;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url('../images/body_background.jpg') top left repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#333333; font-size:24px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#333333; font-size:17px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#f7b122; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#333333; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#f7b122; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#333333; font-size:12px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { list-style:disc; font-size:12px; color:#333; } ol {} ol li {list-style:decimal; font-size:12px; color:#333;} address {font-size:11px; color:#333;} a { color:#f7b122; text-decoration:none; } a:hover { color:#f7b122; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; color:#333; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */