/*
Theme Name: Office Zebra
Theme URI: http://www.elevatelocal.co.uk
Author: Ian Flynn
Author URI: http://www.elevatelocal.co.uk
Description: Office Zebra Website Theme

*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Timed Gravity Forms and Fixes
*/


/* #Base 960 Grid
================================================== */

@font-face {
    font-family: 'MuseoSlab500';
    src: url('/fonts/Museo_Slab_500-webfont.eot');
    src: url('/fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Museo_Slab_500-webfont.woff') format('woff'),
        url('/fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
        url('/fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

.snippet-wrap {
    width:228px;
    float:left;	
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.snippetnav {
    margin-top:5px;
    float:left;
    width:228px;
}

.badge {
    float:right;
    padding-left:5px;
    padding-top:10px;

}

.snippetnav a {
    display: block;
    background-color: 
        #80B142;
    z-index: 9;
    cursor: pointer;
    z-index: 9999;
    position: relative;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 5px;
    text-indent: -9999px;
    float:right;
}

a.activeSlide {
    background-color: 
        #000;

}

.dotted-box li {
    list-style-type:none;
    background-color:white;
    width:100% !important;
}

.dotted-box {
    border: 1px dashed #999;
    background-color: white;
    width:228px;
    float:left;

}


.dotted-box h3 {
    display:block !important;
    margin-bottom:0 !important;}

.dotted-box h3 {
    margin:15px;	
}

.dotted-box p {
    margin: 10px 15px!important;	
}

.dotted-box a {
    margin-top:0 !important;
    padding-top:10px;
}

.entry iframe {
    width:413px;
    height:300px;
}

.feat img {
    width:413px;
    height:213px;
}


@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('/fonts/Chunkfive-webfont.eot');
    src: url('/fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Chunkfive-webfont.woff') format('woff'),
        url('/fonts/Chunkfive-webfont.ttf') format('truetype'),
        url('/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.add-pad {
    margin-bottom:5px;	
}

.job h3, .job-side h3, .dotted-box h3 {
    display:inline;
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    text-transform:uppercase;
    color:#000;
}

.job, .job-side {
    font-weight:normal !important;	
    margin-left: 0 !important;
}

.job {
    padding-bottom:10px;

}

.no-post {
    color:#999;
    font-style:italic;
    font-size:12px;
    text-align:center;}

.job-side li {
    list-style-type:none !important;
}

.job span { font-size:12px; }

.job-side p {display:block;padding:0;margin:0;}

.job-side p {font-size:11px;}

.side-jobs a:hover { background:#000;
}

ul.downloads li, .job-wrap{
    list-style-type:none;
    display:block;
    width:100%;
    background:url(images/grid_noise.png) 0 0 repeat;
    border:1px solid #CCC;	
    margin-left:0 !important;
    margin-bottom:10px;
}

ul.job-nav {
    margin:0 auto;	
    width:265px;
}

ul.job-nav li {
    display:block;float:left;	margin-left:5px;}


ul.job-nav li a {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    text-transform:uppercase;
    font-size:14px;
    color:#FFF;
    background-color:#000;
    padding:5px;
    text-decoration:none;
    font-weight:normal;
}

ul.job-nav {margin-bottom:10px;text-align:center;padding:10px 0 4px 0;}

.job-active, ul.job-nav li a:hover {background-color:#80B142 !important;}

ul.downloads li:hover {
    border:1px solid #000;	
}


ul.downloads li a {
    display:block;
    width:100%;
    margin:0 auto;
    width:100%;	
    padding:10px 0;
}

ul.downloads li a:hover {
    text-decoration:none;
}

p#breadcrumbs {
    border-top:#999 dashed 1px;	
    border-bottom:#999 dashed 1px;
    padding:10px 0;	
    font-family: 'MuseoSlab500', Arial, sans-serif;
    color:#000;
    font-size:14px;
}

#ui-datepicker-div, #gform_wrapper_7 {
    display:none;	
}

#gform_wrapper_8 {
    display:none;	
}

p#breadcrumbs a, p#breadcrumbs span {
    color:#000;
    text-decoration:none;
    font-family: 'MuseoSlab500', Arial, sans-serif;	
}

.buttonactive {
    background:#87B82C !important;
}

.buttonactive span {
    color:#FFF !important;	
}

#gform_wrapper_7  {
    margin-top: 10px !important;	
}

.dropdown-style select {
    padding:5px;	
}

p#breadcrumbs a:hover {
    text-decoration:underline;
}

ul.downloads li a span {
    width:55%;
    display:block;
    margin: 0 auto;
    background:url(images/pdf-icon.png)0 0 no-repeat;
    height:63px;
    padding:10px 0 0 85px;
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    font-size:15px;
    line-height:18px;
    font-weight:normal;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;}

ul.forms li a span {
    background:url(images/arrow-postit-small.png)0 0 no-repeat !important;
    padding:10px 0 10px 95px !important;
    font-size:22px;
    line-height:22px;
}


.form .gform_body input, .form .gform_body textarea{
    width:91%;
    padding:5px;
}

.form .gform_body input.width-5 {
    width:5%;	
}

.form .gform_body input.width-10 {
    width:10%;	
}

.form .gform_body select.width-25 {
    width:25%;	
    padding:5px 0;
}

.form .gform_body li {
    list-style-type:none;
}

.gform_validation_container {
    display:none;
}

#gforms_confirmation_message {
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-size:14px;
    color: #E88D20 ;
}

.gform_wrapper {
    background:url(images/grid_noise.png) 0 0 repeat;
    border:1px solid #CCC;
    max-width:100% ;
    padding:5px 5px 30px 5px;
    position:relative ;

}

input.gform_button {
    position:absolute ;
    right:10px ;
    bottom:10px ;
    padding:5px;
    background:#000;
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    text-transform:uppercase;
    border:1px solid #000;
    cursor:pointer;

}

.gform_wrapper {
    margin-top:20px;	
}

.form {
    margin-top:15px;
}

.gform_footer {margin-top:25px ;}

li.gfield_error {
    margin-left: 12px !important ;
    width:90%;
    border:1px solid #E88D20 ;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color:#fff9d2 ;
    padding:10px 7px;
}

.gform_wrapper li.gfield.gfield_error .gfield_label, .gform_wrapper li.gfield.gfield_error .ginput_container, .gform_wrapper li.gfield.gfield_error .gfield_description {
    margin-left:12px ;	
    padding:10px 0;
}

input.gform_button:hover {
    background:#FFF;	
    color:#000;
}

.gform_wrapper .validation_error {
    color: #E88D20 ;
    font-size:12px;
    padding:10px;
    font-weight:bold;
}

.gform_wrapper .gfield_required, .gfield_label {
    color: #E88D20 ;
}

.ginput_counter {
    color:#CCC;
}

.gfield_description {
    font-size:11px;
    font-weight:normal;
    padding-bottom:10px;
}

.validation_message {
    color: #E88D20 ;
    padding:0 !important;	
}

* {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;	
}

a img {
    border:none;	
}

body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:url(images/grid_noise.png) 0 0 repeat;
}

.twocol h1, h2, h3 {
    font-family: 'MuseoSlab500', Arial, sans-serif;
    color: #E98B21;
    text-transform:uppercase;
    font-weight:bold;
    font-size:26px;
    line-height:24px;
    padding-bottom:10px;

}

h2 span {
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-weight:normal;
}

h2 a{
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-weight:normal !important;

}

#nav-wrap {
    background:url(images/big-bg.gif) 0 0 no-repeat;
    min-height:75px;	
    margin:10px;
    position:relative;
    z-index:999px;
}

#nav-wrap li{
    list-style-type:none;
    float:left;
    display:block;
    text-align:center;
}

#nav-wrap li a{
    padding:8px;
    margin:3px;
    text-decoration:none;
    color:#FFF;
    display:block;
    background-color:#000;
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-size:13px;
    position:relative;
    z-index:9999;
    zoom: 1;
}


.clients-button a {
    width:168px !important;
}

.candidates-button a{
    width:130px !important;
}

#nav-wrap li a:hover{
    background:#FFF;
    color:#000;
}

#nav-wrap li ul li a{
    margin:0 3px 0 3px;
    text-decoration:none;
    color:#FFF;
    background:#000;
    border-bottom:#FFF 1px solid;
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-size:12px;
    position:relative;
    z-index:9999;
    zoom: 1;
}

#nav-wrap li ul li a:hover{
    background:#FFF;
    color:#000;

}

#nav-wrap li ul li{
    display:block;
    position:relative;
    float:none;
    z-index:9999;
    zoom: 1;
}

.block {
    display:block !important
}

#nav-wrap li ul {
    position:relative;
    top:-5px;	
}

.right-menu {
    float:right;
    margin-right:-5px;
    position:relative;
    z-index:9999;
    zoom:1;
}

.sub-menu {
    position:relative;
    z-index:9999;
    zoom:1;
}


.white-trans {
    background:url(images/white-65.png) 0 0 repeat;	
    position:relative;
    z-index:9999;
    zoom:1;
}

p, .entry ul li, .entry ol li {
    margin:10px 0;
    font-size:12px;	
    color:#000;
    line-height:18px;
}

.wp-pagenavi { position:relative; left:-20px !important;}

.entry ul li, .entry ol li {
    margin-left:20px;
    font-weight:bold;

}

.entry a {
    color:#E98B21;
    font-weight:bold;
    text-decoration:none;
}

.entry a:hover {

    text-decoration:underline;
}

#container {
    width:100%;
    min-height:600px;
    background:url(images/zebra.png) 0 0 repeat-x;
}

.wrap, #footer {
    width:960px;
    margin:0 auto;
}

#logo {
    width:245px;
    float:left;	
    padding-top:40px;
}

#logo img{
    display:block;
    margin:0 auto;
}

#header {
    width:960px;
}

#banner {
    width:713px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    border:1px solid #e2e2e2;	
    float:left;
    background-color:#FFF;
}

#social {
    width:175px;
    float:right;	
}

#social a {
    width:30px;
    height:24px;
    background:url(images/social-buttons.gif);
    background-repeat:no-repeat;
	background-color: black;
    text-indent:-99999px;
    display:block;
    float:left;	
    margin:10px 0 10px 5px;
}

#social a.smartview {
	background-image: url("images/smartviewbw.png");
}

a.twitter {
    background-position:0 0;	
}

a.linkedin {
    background-position:-31px 0 !important;	
}


a.facebook {
    background-position:-62px 0 !important;	
}

a.twitter:hover {
    background-position:0 -24px !important;	
}

a.linkedin:hover {
    background-position:-31px -24px !important;	
} 


a.facebook:hover {
    background-position:-62px -24px !important;	
}

a.google-plus {
    background-position:-93px 0 !important;
}

a.google-plus:hover {
    background-position:-93px -24px !important;
}


a#boss {
    display:block;
    float:right;
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    color:#FFF;
    background:#000;
    padding:5px;
    font-size:14px;
    margin:10px 2px 0 10px;
}

.white {
    background: #FFF !important;
}

a#boss:hover {
    background:#87B82C;	
}

h5#phone {
    display:block;
    float:right;
    font-family:'MuseoSlab500', Arial, sans-serif;
    font-size:28px;
    color:#E88D20;
    font-weight:normal;
    padding:7px 7px 7px 17px;
    background:url(images/phone.png) 0 10px no-repeat;
    z-index:9999;
    position:relative;

}

h5#phone a {
    color:#E88D20;
    text-decoration:none;
    font-family:'MuseoSlab500', Arial, sans-serif;	
}

.clear-temp, .clear-phone {
    display:none;
}

#sidebar {
    width: 240px;
    float:right;
    margin-top:20px;
}

#sectors {
    border-top:1px dashed #999;
    border-bottom:none;
    background-color:#FFF;
    margin-bottom:10px;
}

#sectors a {
    padding:10px;
    display:block;
    border-bottom:1px dashed #999;
    border-left:1px dashed #999;
    border-right:1px dashed #999;
    background-position:215px 40px;
    background-repeat: no-repeat;
}

#sectors a:hover {
    padding-left:12px;}

#sectors a img {
    height:43px;
    vertical-align:bottom;
}

#sectors a.commercial, #sectors a.direct{
    background-image:url(images/orange-tri.gif);
}

#sectors a.executive{
    background-image:url(images/black-tri.gif);
}

#sectors a.it{
    background-image:url(images/green-tr.gif);
}

#sectors a.commercial img{
    width:190px; 
}

#sectors a.executive img{
    width:159px; 
}

#sectors a.it img{
    width:119px; 
}

#sectors a.direct img{
    width:165px; 
}

a#client-link, a#candidates-link, a#smartview-link {
    width:238px;
    height:150px;
    padding-top:87px;
    display:block;
    text-transform:uppercase;
    color:#FFF;
    text-decoration:none;
    text-align:center;	
    line-height:21px;
}

a#client-link:hover, a#candidates-link:hover, a#smartview-link:hover {

    background-color:#FFF;
    color:#000;
    border: 1px #000 solid;
}

a#client-link img, a#candidates-link img, a#smartview-link img {
    margin:10px -35px 0 0;	
}

a#client-link, a#smartview-link { background-color:#E88D20;border: 1px #E88D20 solid;

}

a#candidates-link { background-color:#000;border: 1px #000 solid;
}

.content {
    width:680px;	
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    background-color:#FFF;
    float:left;
    margin:20px 0 0 20px;
    border:1px solid #e2e2e2;
}

#left-sidebar {
    float:right;
    width:200px;
    margin:20px 20px 0 0;
    border:1px dashed #999;	
    background-color:#FFF;
}

.big-wrap {
    float:right;
}

#left-sidebar h2{
    border-bottom:1px dashed #999;	
    padding:10px;}

.content-page {
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    background-color:#FFF;
    border:1px solid #e2e2e2;
    margin:20px 20px 20px 0 ;
    padding:20px;
    min-height:191px;
}

.main-head h2  {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    /*font-size:55px;*/
    display:block;
    text-transform:uppercase;
    /*line-height:50px;*/
    font-weight:normal;
    float:left;
    padding-bottom:10px;
    color:#000;
    font-size:38px;
    line-height:38px;


}


.main-head h3 {
    font-size: 26px;
    line-height: 24px;
    text-transform:uppercase;	
}

h3 span {
    font-family: 'MuseoSlab500', Arial, sans-serif;
    font-weight: normal;
}

.main-head {
    border:1px dashed #999;	
    margin:10px 10px 0 10px;
    padding:10px 10px 5px 10px;
}

.main-head p, .main-head p span, .main-head p span strong, .main-head p span a {
    font-family: 'ChunkFiveRegular', Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    text-transform: uppercase;
}


.main-head a {
    color:#000;
}

.main-head a:hover {
    color:#87B82C;
}

.content-page h1 {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    font-size:38px;
    text-transform:uppercase;
    line-height:38px;
    font-weight:normal;
    color:#87B82C;
    margin-bottom:7px;	
}

.content-page h1 span {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
}

.content-page h3 {
    padding:5px 0;	

}

.twocol img {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.main-head h2 span {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
}

.twocol {
    width:303px;
    border:1px dashed #999;
    float:left;
    margin:10px 0 10px 10px;
    padding:10px;
}

.side-postit {
    float:right;
}	

.quick-links {
    margin:0 0 10px 10px;
    padding:0 0 10px 10px;	
    width:313px;
    border:1px dashed #999;
    float:left;
    background:url(images/zeb-bg.gif) 0 0 no-repeat;
}

.links-page {
    margin:0;
    width:441px;
    border:1px dashed #999;
    float:left;
    background:url(images/zeb-bg.gif) 0 0 no-repeat;
    padding:0 0 10px 10px;	

}


.links-page a{
    width:98px;
    height:62px;
    padding-top:36px;
    line-height:12px;
}

.links-page a, .quick-links a {
    float:left;
    display:block;
    background-color:#000;
    border: 1px solid #000;
    margin:10px 10px 0 0;
    text-transform:uppercase;
    color:#FFF;
    text-decoration:none;
    text-align:center;
    background-image:url(images/white-diag.png);
    background-repeat:no-repeat;
    background-position:112px 112px;
}

.links-page a:hover, .links-page a#recommend-a-friend:hover, .links-page a#submit-cv:hover {
    background-color:#FFF;
    border:#000 1px solid;
    color:#000;
    background-image:url(images/black-diag.png);
    width:98px;
    height:62px;

}

.minus {
    position:relative;
    left:-20px;	
}

.quick-links a {
    width:144px;
    height:95px;
    padding-top:49px;
    line-height:20px;
}

a#submit-cv:hover  {
    width:145px;
    height:95px; 
}

.quick-links a:hover, a#recommend-a-friend:hover, a#submit-cv:hover {
    background-color:#FFF;
    border:#000 1px solid;
    color:#000;
    background-image:url(images/black-diag.png);
}

.links-page a span, .quick-links a span, a#client-link span, a#candidates-link span, a#smartview-link span {
    font-family:'ChunkFiveRegular', Arial, sans-serif;
}

.none {
    display:none;	
}

.show {
    display:block !important;
}

.backtosite {
    display:none;
    text-align:center;
    font-size:10px;
    color:#E1E1E1;	
}

.backtosite:hover {
    color:#CCC;	
}


.size-12 {
    font-size:12px;
}
.page-12 {
    font-size:12px;
}
.size-14 {
    font-size:14px;
}
.page-14 {
    font-size:14px;
}
.page-16 {
    font-size:16px;
}
.size-17 {
    font-size:17px;
}
.page-17 {
    font-size:17px;
}
.size-19 {
    font-size:19px;
}
.size-20 {
    font-size:20px;
}
.size-21 {
    font-size:21px;line-height:21px;
}
.page-21 {
    font-size:21px;line-height:21px;
}
.size-22 {
    font-size:22px;
}
.size-23 {
    font-size:23px;
}
.size-24 {
    font-size:24px;
}
.size-28 {
    font-size:28px;
}
.size-33 {
    font-size:33px;
}

#submit-cv {
    background-color:#E88D20;
    border:1px solid #E88D20;
}

#recommend-a-friend {
    background-color:#87B82C;
    border:1px solid #87B82C;	
}

#footer {
    text-align:center;
    padding:15px 0;	
}

#footer p {
    font-size:11px;	color:#999999;display:inline;position:relative;top:-15px;
}

#footer a {
    color:#999999;
}

#footer a:hover {
    text-decoration:underline;
}

.rec-logo:hover {
    text-decoration:none !important;
}

.postit-left {
    float:left;	
    display:block;
    margin-left:-70px;
    margin-top:-5px;
}

.alt, .side-jobs div{
    list-style-type:none;
    padding:10px 10px 30px 10px;
    background-color:#F1F1F2;
    position:relative;
}

.hot-jobs div {
    width:303px;
}

.side-jobs div {
    width:180px;
}

.alt:nth-child(even), .side-jobs div:nth-child(even) {
    background-color:#FFF;
}
.hot-jobs div a, .side-jobs div a{
    display:inline;
    font-family:'ChunkFiveRegular', Arial, sans-serif;
    text-transform:uppercase;
    font-size:14px;
    color:#FFF;
    background-color:#80B142;
    padding:5px;
    text-decoration:none;
    font-weight:normal;
    position:absolute;
    bottom:0;
    right:0;
}

a.apply {	float:right;
          display:block;
          font-family:'ChunkFiveRegular', Arial, sans-serif;
          text-transform:uppercase;
          font-size:14px;
          color:#FFF;
          background-color:#80B142;
          padding:5px;
          text-decoration:none;
          font-weight:normal;
          margin-top:-10px;

}

a.apply:hover {
    background-color:#000;
    text-decoration:none;

}

span.line {
    display:block;
    width:100%;
    border-top:1px dashed #999;
    margin-bottom:10px;
}

.hot-jobs a:hover {
    background-color:#000;
}

.hot {
    padding:10px 0 0 0 !important;	
    width:323px;
}

.hot h3 {
    padding-left:10px;	
}

#footer img {
    border:#e2e2e2 1px solid;
    display:inline;	
}

#footer a {
    text-decoration:none;	
}

#slider img {
    display:none;
}


#slider-wrap {
    background-color:#FFF !important;
    padding:17px;
    border:#999 1px dashed;
    margin:0 10px 10px 10px;

}

.page-wrap {
    width:475px;
    float:left;
}

.page-wrap.healix-wrap {
    width: 960px;
}

.healix-header {
    text-align: center;
    width: 960px;
    
}

/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    right:5px;
    top:5px;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:198px;
    z-index:8;

}

.p-white {
    color:#FFF !important;
}

.p-green {
    color:#87B82C !important;
}
.nivo-caption p{
    padding:5px;
    margin:0;
    font-family:'MuseoSlab500', Arial, sans-serif;
    font-size:11px;
    line-height:12px;
}

.nivo-caption p span {
    font-family:'MuseoSlab500', Arial, sans-serif;
    font-size:11px;
    line-height:12px;	
}

.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    display:block;
    background-color:#80B142;
    z-index:9;
    cursor:pointer;
    z-index:9999;
    position:relative;
    width:10px;
    height:10px;
    float:left;
    margin-right:5px;
    text-indent:-9999px;
}

.nivo-controlNav {
    padding:15px 15px 15px 65px;
    background:url(images/white-65.png) 0 0 repeat;
    z-index:9999;
    position:relative;
    width:123px;
    float:right;
    margin:158px 4px 0 0;
}


.nivo-controlNav a.active {
    background-color:#000;
}

#client-boxes {
    margin-top:20px;	
}

.zeb-wrap {
    float:none !important;
    margin:0 auto !important;
    padding-top:20px;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .clients-button a, .candidates-button a {
        width: 152px !important;
    }


    .entry iframe {
        width:633px;
        height:326px;
    }
    .feat img {width:633px;height:326px;}
    .side-jobs div {width:400px;}
    .hot-jobs div{width:301px;}
    ul.downloads li a span {height:53px;padding:20px 0 0 85px;}
    iframe.map {width:635px;}
    li.gfield_error {width:94%;}
    .form .gform_body input, .form .gform_body textarea{width:95%;}
    a#boss {display:none;}
    #top-bar {position:absolute;bottom:0;width:100%;}
    .top-bar-wrap {margin:0 auto; /*width:330px;*/}
    #logo {padding:30px 0 60px 0;}
    .float-wrap {position:relative;}
    #client-boxes {margin-top:0;}
    .wrap, #header { width:675px;}
    #logo, #footer { width:100%;}
    #left-sidebar {margin-right:0;float:right;width:420px;margin:25px 0 0 0;}
    .snippet-wrap {float:right;margin:25px 0 0 25px;}
    .content-page {margin-right:0;margin-top:0; }
    .page-wrap { width:100%; }
    #banner {width:675px;float:none;margin:10px auto 0 auto;}
    .clear-temp {display:block;clear:both;}
    .twocol {	width:300px;}
    .hot{ width:321px !important;}

    #sidebar,  .content  { width: 100%;float:none;margin:15px 0 0 0;}
    #our-sectors { width:468px;float:left;border-right:1px #999 dashed;}
    #our-sectors h3 {padding: 8px 0 20px 0;}
    #client-boxes { float:left;margin-left:45px;}
    #client-boxes h3{ font-size:16px;padding-bottom:0;}
    #sectors {margin:0 45px 0 0;}
    #sectors a{padding:15px 10px 15px 18px;background-position:397px 75px;}
    #sectors a:hover { padding-left:20px;}
    #sectors a.commercial img{width:298px;height:69px;}
    #sectors a.executive img{width:250px;height:69px;}
    #sectors a.direct img{width:250px;height:69px;}
    #sectors a.it img{width:180px;height:69px;}
    .links-page {width:560px; padding-left: 115px;margin-bottom:20px;background:#FFF;}
    a#client-link, a#candidates-link {
        width:150px;
        height:95px;
        padding-top:55px;
        line-height:14px;
    }
    a#client-link img, a#candidates-link img {
        width:75px;
        height:64px;
        padding-top:0;
    }
    .size-33 {font-size:22px;}
    .size-23 {font-size:15px;}
    .size-19 {font-size:13px;}
    .nivoSlider img  {width:619px; height:199px;left:-25px;}
    #slider-wrap {padding:0;border:none;margin-left:11px;}
    .minus {left:0;	}
    .none { display:block;}
    .big-wrap {float:none;}
    .nivo-controlNav {margin-right:0;}
    .nivo-caption {right:1px;}
    .zeb-box {
        margin-top:20px;
        padding:0 20px 20px 20px;
        width:635px;
        background:url(images/zebra.png) 0 0 repeat-x;
        border: 1px solid #E2E2E2;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    }

}




/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {

    .clients-button a {
        width: auto !important;	
    }

    .candidates-button a {
        width: auto !important;		
    }

    .entry img {
        -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
        -moz-transform: scale(0.5); /* FF3.5+ */
        -ms-transform: scale(0.5); /* IE9 */
        -o-transform: scale(0.5); /* Opera 10.5+ */
        transform: scale(0.5);
        position:relative;
    }

    ul.forms li a span {
        background: none !important;
        padding-left:0 !important;	
        font-size:15px !important;
    }

    .small-pad { padding:10px;display:block;
    }
    .small-pad strong, .small-pad a {font-size:12px !important;line-height:8px !important;}
    .wp-image-322 {
        width:184px;
        height:65px;
    }
    .snippet {
        margin-top:20px;
    }
    .badge {
        display:none;
    }
    .entry iframe {
        width:188px;
        height:188px;
    }
    .form .gform_body input.width-5 {width:20%;}
    .feat img {width:188px;height:97px;}
    .form .gform_body input.width-10 {width:20%;}

    .form .gform_body select.width-25 {width:37%;}
    ul.job-nav, ul.job-nav li{width:100%;display:block;float:none;padding:0;margin-left:0px;margin-bottom:0;}
    ul.job-nav li a {margin:5px;padding:5px 0;width:95%;float:none;display:block;}
    .side-jobs div {width:210px;}
    .hot-jobs div{width:190px;}
    ul.downloads li a span {width:75%;height:auto;text-align:center;background:url(images/pdf-icon.png) 40% 0 no-repeat;padding:85px 0 0 0;}
    .map {display:none;}
    .gform_wrapper li {position:relative;left:-10px;}
    .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding:2px; position:relative;left:-6px !important; }
    .gform_wrapper li.gfield.gfield_error .gfield_label, .gform_wrapper li.gfield.gfield_error .ginput_container, .gform_wrapper li.gfield.gfield_error .gfield_description {
        position:relative;left:-6px;}
    body {margin-left:-5px;}
    a#boss {display:none;}
    #top-bar {position:absolute;bottom:0;width:225px;}
    #logo {padding:20px 0 50px 0;position:relative;left:7px;}
    .top-bar-wrap {margin:0 auto;width:100%;}
    .float-wrap {position:relative;}
    a#boss, #social {display:none;}
    #client-boxes {margin-top:10px;}
    .content-page {margin-right:0;margin-top:0; }
    .page-wrap { width:100%; }
    #left-menu, #right-menu {float:center;}
    #logo img{ width:153px;height:261px; }
    .wrap, #header { width:230px;}
    #logo, #footer, #left-sidebar { width:100%;}
    #left-sidebar {margin-right:0;}
    #banner {width:230px;float:none;margin:10px auto 0 auto;}
    .clear-temp, .clear-phone  {display:block;clear:both;}
    #sidebar { width: 100%;float:none;margin:20px 0 0 0;}
    .content { width: 100%;float:none;margin:10px 0 0 0;}
    .hot{ width:210px !important;}
    .quick-links { width:200px;}
    .twocol { width:190px;}
    .twocol + .twocol { margin-top:0;}
    .main-head h2 { font-size:23px;line-height:21px;padding:10px;}
    .content-page h1 {font-size:23px;line-height:21px;}
    .twocol h1, h3, .content-page h3 {font-size:18px;line-height:18px;padding-bottom:0;}
    .hot h3 {padding-bottom:10px;}
    .links-page {width:220px; margin:0 0 20px -2px;}
    #our-sectors h3{ padding-bottom:5px;}
    #client-boxes h3{ font-size:14px;padding-bottom:0;}
    .postit-left {margin:0 auto;float:center;padding-bottom:10px; }
    .quick-links a {width:188px;height:124px;padding-top:64px;background-image:url(images/white-diag.png);background-repeat:no-repeat;background-position:157px 157px;line-height:26px;}
    .quick-links a:hover, a#recommend-a-friend:hover, a#submit-cv:hover  {width:188px;height:124px;}
    .size-17 {font-size:23px;}
    .size-20 {font-size:27px;}
    .size-22 {font-size:31px;}
    .size-24 {font-size:33px;line-height:28px;}
    .size-28 {font-size:40px;}
    a#client-link, a#candidates-link {
        width:106px;
        height:67px;
        padding-top:37px;
        line-height:12px;
    }

    #clients, #candidates {
        float:left;
    }

    #candidates {
        margin-left:14px;	
    }

    #clients a img{
        position:relative;
        z-index:1;}

    a#client-link img, a#candidates-link img {
        width:60px;
        height:51px;
        padding-top:0;
        margin-right:-14px;
    }
    .size-33 {font-size:18px;}
    .size-23 {font-size:12px;}
    .size-19 {font-size:10px;}
    #client-boxes { float:left;}
    #footer img {
        margin:0 auto;display:block;	
    }
    #footer p {
        top:5px;
    }

    #footer {margin-bottom:5px;line-height:11px;}
    #nav-wrap li, .right-menu { float:none; margin:0;}
    #nav-wrap li a, #nav-wrap li ul li a { margin:0;border-bottom:#FFF 1px solid;padding:14px 0;}
    #nav-wrap li ul li a { background-color:#FFF;color:#000;border-bottom:#000 1px solid; }
    #nav-wrap li ul li a:hover { background-color:#000;color:#FFF;}
    #nav-wrap li a:hover { border-bottom:#000 1px solid; }
    #nav-wrap li ul {margin-bottom:0;top:0;}
    #slider-wrap {display:none;}
    .minus {left:0;	}
    .none { display:block;}
    .big-wrap {float:none;}
    #sectors a{background-position:205px 40px;}
    .zeb-wrap {
        padding-top:0;
    }
    .zeb-wrap h2 {
        padding-bottom:5px;}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .clients-button a {
        width: auto !important;	
    }

    .candidates-button a {
        width: auto !important;	
    }

    .menu-container {
        display:none;
    }
    .wp-image-322 {
        width:408px;
        height:114px;
    }
    .zeb-wrap {
        padding-top:0;
    }
    .snippet {
        margin-top:20px;
        padding:20px;
        width:410px;
        background:url(images/zebra.png) 0 0 repeat-x;
        border: 1px solid #E2E2E2;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
    }
    .snippet-wrap {float:none;margin:0 auto;}
    .side-jobs div {width:430px;}
    .hot-jobs div{width:410px;}
    #social {width:140px;}
    a#boss {display:none;} 
    #top-bar {bottom:0;width:100%;}
    .top-bar-wrap {margin:0 auto;width:100%;}
    h5#phone {margin-right:102px;}
    .float-wrap {position:relative;}
    .content-page {margin-right:0;}
    .page-wrap { width:100%; }
    #logo img{ width:153px;height:261px;margin:0;}
    .wrap, #header { width:450px;}
    #logo {width:200px;float:left;padding-top:5px;}
    #footer, #left-sidebar  { width:100%;}
    #left-sidebar {margin-right:0;}
    #banner {width:242px;float:left;margin-top:8px;}
    .left-menu, .right-menu {float:none;}
    .clear-phone {display:block;clear:both;}
    #sidebar { width: 100%;float:none;margin:0;}
    #our-sectors, #client-boxes {margin-top:20px;}
    .content  { width: 100%;float:none;margin:10px 0 0 0;}
    .hot{ width:430px !important;}
    .twocol{ width:410px;}
    .quick-links { width:420px;}
    .twocol + .twocol { margin-top:0;}
    /*.main-head h2 { font-size:50px;line-height:42px;} */
    #client-boxes h3{ font-size:14px;padding-bottom:10px;line-height:14px;}
    .postit-left {margin-left:-35px; }
    .links-page {width:440px; margin-left: -1px;}
    .quick-links a {width:198px;height:129px;padding-top:69px;background-image:url(images/white-diag.png);background-repeat:no-repeat;background-position:167px 167px;line-height:26px;}
    .quick-links a:hover, a#recommend-a-friend:hover, a#submit-cv:hover  {width:198px;height:129px;}
    .size-17 {font-size:23px;}
    .size-20 {font-size:27px;}
    .size-22 {font-size:31px;}
    .size-24 {font-size:33px;line-height:28px;}
    .size-28 {font-size:40px;}
    #sectors a.commercial img{width:228px;height:52px;}
    #sectors a.direct img{width:191px;height:53px;}
    #sectors a.executive img{width:191px;height:53px;}
    #sectors a.it img{width:141px;height:54px;}
    #our-sectors { width:300px;float:left;}
    #sectors {margin-bottom:0; }
    #sectors a{padding:13px 10px 14px 18px;background-position:275px 55px;}
    #sectors a:hover { padding-left:20px;}
    a#client-link, a#candidates-link {
        width:106px;
        height:67px;
        padding-top:37px;
        line-height:12px;
    }
    a#client-link img, a#candidates-link img {
        width:60px;
        height:51px;
        padding-top:0;
    }
    .size-33 {font-size:18px;}
    .size-23 {font-size:12px;}
    .size-19 {font-size:10px;}
    #client-boxes { float:left;margin-left:30px;}
    #nav-wrap li, .right-menu { float:none; margin:0;}
    #nav-wrap li a, #nav-wrap li ul li a { margin:0;border-bottom:#FFF 1px solid;padding:14px 0;}
    #nav-wrap li ul li a { background-color:#FFF;color:#000;border-bottom:#000 1px solid; }
    #nav-wrap li ul li a:hover { background-color:#000;color:#FFF;}
    #nav-wrap li a:hover { border-bottom:#000 1px solid; }
    #nav-wrap li ul {margin-bottom:0;top:0;}
    #slider-wrap {display:none;}
    .minus {left:0;	}
    .none { display:block;}
    .big-wrap {float:none;}
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


/* #Timed Gravity Forms and Fixes
================================================== */

.gform_wrapper.timed-assessment_wrapper {

}

.gform_wrapper.timed-assessment_wrapper .gf_progressbar {
    display: none;
}

.gform_wrapper.timed-assessment_wrapper .gf_progressbar_title {
    padding: 0 20px;
    font-size: 19px;
    font-weight: bold;
    margin: 0;
}

.gform_wrapper.timed-assessment_wrapper .gfield h2 {
    margin: 20px 0 0 0;
}

.gform_wrapper.timed-assessment_wrapper .gfield ul {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
}

.gform_wrapper.timed-assessment_wrapper .gfield ul li {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
}

.gform_wrapper.timed-assessment_wrapper .gform_page_footer {
    margin: 20px 20px 0 20px;

}
.gform_wrapper.timed-assessment_wrapper .gform_page_footer .button {
    width: 45%;

    position: static;
    padding: 5px;
    background: #000;
    font-family: 'ChunkFiveRegular', Arial, sans-serif;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #000;
    cursor: pointer;
}

.gform_wrapper.timed-assessment_wrapper .gfield {
    margin-left: 0;
    padding: 0 20px;
}

.gform_wrapper.timed-assessment_wrapper .gform_page_footer .button + .button {
    float: right;
}

.gform_wrapper.timed-assessment_wrapper .gform_page_footer input.gform_button {
    bottom: 0;
    right: 0;
}

.smartview-pricing {
	
	
}

.smartview-pricing .package {
	background-color: #87B82C;
	color: #fff;	
	border-bottom: 1px dashed #fff;
}

.smartview-pricing .package.orange {
	background-color: #E88D20;
	color: #fff;	
}

.smartview-pricing .package.black {
	background-color: #000;
	color: #fff;	
}

.smartview-pricing .package h2 {
	margin: 0 0 10px 0;
	padding: 10px;
	color: inherit;
}

.smartview-pricing .package h2 small {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.smartview-pricing .package .detail {
	overflow: auto;
	background-color: #F1F1F2; /* #E88D20; */
	
	/* #F1F1F2; */
	display: none;
	font-family: 'MuseoSlab500', Arial, sans-serif; 
	color: #000;
}

.smartview-pricing .package .detail.in {
	display: block;
}

.smartview-pricing .package a.expand {
	
	color: #fff;
	text-align: center;
	display: block;
	padding: 10px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	opacity: 0.75;
	
}

.smartview-pricing .package a.expand.in .is-in {
	display: block;
}

.smartview-pricing .package a.expand.in .is-out {
	display: none;
}

.smartview-pricing .package a.expand .is-in {
	display: none;
}

.smartview-pricing .package a.expand .is-out {
	display: block;
}

.smartview-pricing .package .detail > ul {
	
	float: left;
	clear: right;
	width: 40%;
	margin: 5%;
	list-style: none;
	font-family: 'MuseoSlab500', Arial, sans-serif; 
	color: #000;
	
}

.smartview-pricing .package .detail > p {
	
	text-align: center;
	margin: 15px 10px 0 15px;
	font-weight: bold;
	font-size: 13px;
	font-family: 'MuseoSlab500', Arial, sans-serif; 
	color: #000;
}

.smartview-pricing .package .detail > ul  li {
	margin-left: 0;
	font-family: 'MuseoSlab500', Arial, sans-serif; 
	color: #000;
	font-weight: normal;
	font-size: 14px;
}

.smartview-comparison {
	margin: 20px 0 20px 0;
}

.smartview-pricing a.btn {
	display: inline-block;
	background-color:  #87B82C;
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	font-family:'ChunkFiveRegular', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.smartview-comparison h3 {
	margin: 0 0 10px 0;
}

.smartview-comparison table {
	font-size: 11px;
}

.smartview-comparison table td, .smartview-comparison table th {
	text-align: center;
	padding: 5px;
	background-color: #F1F1F2;
	
}

.smartview-comparison table tbody th {
	text-align: right;
	max-width: 100px;
	background-color: #E88D20;
	color: #fff;
}


.smartview-comparison table thead th {
	background-color: #87B82C;
	color: #fff;
}

.smartview-comparison table td.yes {
/*	color: #87B82C;*/
}


.smartview-comparison table td.no {
/*	color: #E88D20;*/
}

.smartview-comparison table td.unlimited {
	font-weight: bold;
}

.text-center {
	text-align: center;
	clear: both;
}

ul.plain {
	list-style: none;	
}

ul.plain > li {
	margin-left: 0;
}