@charset "UTF-8";
/* Aarca Sales Recruitment CSS Document */
/* Author: James King, Little Tree Software */

body {background:#000;}

.header {background:#000; padding:3.5em 0 1em 0;}
.header .logo {padding:0; float:left; margin:3px 0; background:none;}
.header .submit-buttons {float:right; width:145px;}
.header .submit-buttons li {display:inline; float:left; margin:3px 0; line-height:1.5em;}
.header .submit-buttons li a {width:110px;}

.navigation {background:#000 url(../img/nav-bg-black.gif) top repeat-x;}
.navigation .wrap {}
.navigation ul li {font-size:1.4em;}
.navigation ul li a {color:#fff; border:0; position:relative; padding:0; height:43px; margin-top:-5px; margin-bottom:-1px;}
.navigation ul li a span.text {padding:14px 9px 0 9px; margin:0 14px 0 14px; height:29px; float:left;}
.navigation ul li a span.crnr {width:14px; height:43px; display:block; position:absolute; top:0;}
.navigation ul li a span.left {left:0;}
.navigation ul li a span.right {right:0;}
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus, .navigation ul li.over a {background:none; color:#88af45;}
.navigation ul li.current a {color:#454545;}
.navigation ul li.current a span.text {background:url(../img/nav-tab-bg.png) top repeat-x;}
.navigation ul li.current a span.left {background:url(../img/nav-crnr-left.png) top left no-repeat;}
.navigation ul li.current a span.right {background:url(../img/nav-crnr-right.png) top right no-repeat;}

.navigation ul li ul {width:200px; display:none;}
.navigation ul li ul li {font-size:.9em;}
.navigation ul li ul li a {width:180px; color:#a4bcc5;}
.navigation ul li ul li a:hover, .navigation ul li ul li a:focus, .navigation ul li ul li a:active {background:#00283d; color:#fff;}

.wrap {width:961px;}
.col {margin:0 15px 0 0; padding:0;}
.one {width:145px;}
.two {width:305px;}
.three {width:465px;}
.four {width:625px;}
.five {width:785px;}
.six {width:945px;}

.banner {background:#e6e6e6; min-height:20px;}

.content {background:#e6e6e6; padding:2em 0;}
.content .wrap {background:#fff; border:1px solid #ddd; padding:25px 10px 25px 25px;}
.content a {color:#555; border-bottom:1px dotted #ccc;}
.content a:hover, .content a:focus, .content a:active {text-decoration:none; border-color:#333; color:#333;}
h1 {color:#18a5de; font-size:3.6em; padding-top:0; letter-spacing:-0.05em;}
h2, h2 a, .content h2, .content h2 a {color:#679518; text-decoration:none; border:0;}

.paging {display:none;}

.content ul.button-links {list-style:none; margin:0;}
.content ul.button-links li {margin:0 0 10px 0; padding:0;}
.content ul.button-links li.video a, .content ul.button-links li.blog a {display:block; height:60px; width:145px; text-indent:-9999px; border:none;}
.content ul.button-links li.video {background:url(../img/button-video.gif) top left no-repeat;}
.content ul.button-links li.blog {background:url(../img/button-blog.gif);}
.content ul.button-links li.skype {background:url(../img/button-skype.gif); padding:20px 0 0 100px; height:40px;}
.content ul.button-links li.skype img {padding:0; border:0; }

.one table td {border:0; padding:0;}
.one table td img {padding:0; border:0; float:none;}

/* Blog */
.blog-post {border-bottom:1px solid #eee; padding:1.5em 0;}
.blog-post .blog-date {width:90px; float:left;}
.blog-post .blog-date .date {float:left; padding:0; margin:0; background:url(../img/date-icon.gif) top left no-repeat;}
.blog-post .blog-date .date .month {display:block; width:70px; color:#fff; text-align:center; text-transform:uppercase; padding:.3em 0;}
.blog-post .blog-date .date .day {display:block; width:70px; color:#333; text-align:center; font-size:1.8em; padding:.7em 0;}
.blog-post .blog-summary {width:430px; float:left;}
.blog-post .blog-summary h2 {font-size:1.4em; padding-top:0;}
.blog-post .retweet-button {width:80px; float:right;}
.blog-header-image img {margin-bottom:1em;}

.crnr-cont {position:relative;}

.panel {margin-bottom:2em;}
.panel h2, .one .panel h3 {color:#fff; font-size:1.4em; padding:.6em 1.2em .7em 1.2em; background:#679518 url(../img/panel-header-bg.gif) top repeat-x;}
.panel .crnr {width:8px; height:8px; background-image:url(../img/crnr-white-lines.png);}
.panel .panel-content .br, .one .panel .br {bottom:-1px; right:-1px;}
.panel .panel-content .bl, .one .panel .bl {bottom:-1px; left:-1px;}
.panel .panel-content, .panel-services ul {border:1px solid #e9e9e9; padding:1em;}
.panel a {color:#679518; border:0;}
.panel-services h2 {background:#689716 url(../img/panel-header-bg.gif) top repeat-x;}
.panel-clients h2 {background:#ee0266 url(../img/panel-client-bg.gif) top repeat-x;}
.panel-clients a {color:#ee0266;}
.panel-clients .panel-content {padding:2em;}
.panel-clients .panel-content .post-image img {width:250px;}
.panel-enquiry h2 {background:#000 url(../img/nav-bg-black.gif) top repeat-x;}
.panel-enquiry .panel-content {background:#e6e6e6;}

ul.list, .content ul.list, .panel-services ul {list-style:none; margin:.5em;}
ul.list li, .panel-services ul li {background:url("../img/bullet.gif") no-repeat scroll left center transparent; padding:.2em .2em .2em 1.5em;}
.panel-clients ul li {background-image:url(../img/bullet-pink.gif);}
.panel-services ul {margin:0;}


.content .clients .two h2 {color:#679518; padding-bottom:0;}
.content .clients .two a {color:#679518;}
.content .clients .two p {padding-bottom:.5em;}
.content .clients .two ul.list {margin:0 0 2em 0;}

.secondary-navigation h3 {color:#fff; font-size:1.4em; padding:.6em 1.2em .7em 1.2em; background:#679518 url(../img/panel-header-bg.gif) top repeat-x;}
.secondary-navigation ul {background:#679518 url(../img/panel-header-bg.gif) bottom repeat-x; padding-bottom:2em;}
.secondary-navigation ul li {display:inline; padding:0; margin:0;}
.secondary-navigation ul li a {background:#f5f5f5; border-color:#ccc; padding:.4em .9em; color:#666;}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:focus, .secondary-navigation ul li a:active {background:#eee; color:#333; border-color:#ccc;}
.secondary-navigation ul li.current a {font-weight:bold; color:#333;}
.secondary-navigation ul li.current ul li a {font-weight:normal; color:#666;}
.secondary-navigation ul li ul {margin:0; padding:0; position:static; list-style:none; background:none; padding:0;}
.secondary-navigation ul li ul li a {padding:.3em .7em .3em 1.7em; background:#fefefe;}
.secondary-navigation ul li ul li ul li a {padding:.3em .7em .3em 2.7em;}
.secondary-navigation .crnr {width:8px; height:8px; background-image:url(../img/crnr-white.png);}


.content .form legend {display:none;}
.content .form .error {margin-left:108px;}
.content .form .button {color:#fff; border:0; font-size:1.2em; padding:.5em 1.2em .6em 1.2em; background:#679518 url(../img/panel-header-bg.gif) center repeat-x;  -moz-border-radius:10px; -webkit-border-radius:10px;}

.content .two .form {background:#e6e6e6; padding:1em;}
.content .two .form form {margin:0;}
.content .two .form form fieldset {margin:0;}
.content .two .form h3 {color:#fff; background:#333; font-size:1.4em; padding:.3em .7em; }
.content .two .form .row {padding:0; margin:0;}
.content .two .form label {width:260px; text-align:left; clear:both; margin:0; display:block;}
.content .two .form .row input.text, .content .two .form .row textarea {width:245px;}
.content .two .form .row textarea {height:4em;}
.content .two .form .buttons {padding:1em 0 .3em 0;}
.content .two .form .button {background:#000 url(../img/nav-bg-black.gif) top repeat-x;}
.content .two .form .error {margin:0;}

.footer {border:0; padding:2em 0;}
.footer h2, .footer h3 {font-size:1.2em; color:#777; border-bottom:1px solid #222; padding-bottom:.6em; margin-bottom:.6em;}
.footer ul li {border:0; margin:0; float:none; line-height:1.5em;}
.footer ul li ul li {font-size:1em;}
.footer ul li a {display:block; color:#666;}
.footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {color:#ccc;}
.footer dl {float:right;}
.footer dl dt {margin-bottom:.5em; color:#666;}
.footer dl dd {float:left; margin-right:5px; background-image:url(../img/icons.png);}
.js .footer a {padding:0;}
.js .footer a span {background:none;}
.footer dl dd a {display:block; height:24px; width:24px; text-indent:-9999px; background-image:url(../img/icons.png);}
.footer dl dd.rss, .footer dl dd.rss a {background-position:0 -176px;}
.footer dl dd.rss a:hover, .footer dl dd.rss a:focus, .footer dl dd.rss a:active {background-position:24px -176px;}
.footer dl dd.facebook, .footer dl dd.facebook a {background-position:0 -128px;}
.footer dl dd.facebook a:hover, .footer dl dd.facebook a:focus, .footer dl dd.facebook a:active {background-position:24px -128px;}
.footer dl dd.linkedin, .footer dl dd.linkedin a {background-position:0 -104px;}
.footer dl dd.linkedin a:hover, .footer dl dd.linkedin a:focus, .footer dl dd.linkedin a:active {background-position:24px -104px;}
.footer dl dd.twitter, .footer dl dd.twitter a {background-position:0 -152px;}
.footer dl dd.twitter a:hover, .footer dl dd.twitter a:focus, .footer dl dd.twitter a:active {background-position:24px -152px;}
.footer dl dd.stumbleupon, .footer dl dd.stumbleupon a {background-position:0 -200px;}
.footer dl dd.stumbleupon a:hover, .footer dl dd.stumbleupon a:focus, .footer dl dd.stumbleupon a:active {background-position:24px -200px;}
.footer .six {padding:1em 0 2em 0;}
.footer p {font-size:1.1em; color:#666; float:left; clear:none; padding:.8em 0; line-height:1.4em;}
.footer ul.footer-links {float:left;}
.footer ul.footer-links li {float:left; margin-right:1em; border-right:1px solid #666;}
.footer ul.footer-links li.last {border:none;}
.footer ul.footer-links li a {color:#666;}
.footer ul.footer-links li a:hover, .footer ul.footer-links li a:active, .footer ul.footer-links li a:focus {color:#fff;}
.footer ul.footer-links li.little-tree a {width:130px; margin-top:5px; margin-right:1.6em; display:block; height:20px; text-indent:-9999px; background:url(../img/logo-little-tree.gif) top no-repeat;}
.footer ul.footer-links li.little-tree a:hover, .footer ul.footer-links li.little-tree a:focus, .footer ul.footer-links li.little-tree a:active {background-position:0 -20px;}