/*
Theme name: JobClock Australia
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }
body { font: 13px/16px  Verdana, Arial, Sans-Serif; color: #383838; background: #c0c5c8 url(images/background.gif) repeat-x 0 0; }

a { color: #ccc; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }

a.img  { }
a.img img { display: block; border: 1px solid #ccc; }

input, select, textarea { font: 11px Verdana, Arial, Sans-Serif; color: #848484; }
textarea { overflow: auto; }
fieldset { border: 0; }

.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.ac { display: block; text-align: center; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }

.shell { width: 960px; margin: 0 auto; }

h2, h3, h4, h5 { }
h2 { font: 24px/24px Arial, Sans-Serif; color: #ec7400; margin-bottom: 15px; }
h2.pagetitle {font-size: 28px; color: #000;}
h2 a {color: #ec7400 !important;}
h2 span { text-decoration: underline; }
h3 {}
h4 { font-size: 11px; line-height: 11px; color: #fed402; font-weight: normal; }
h5 {}

p { padding-bottom: 15px; }
small { font-size: 10px; }

.blue { color: #2344c5; }


/*
	Header
*/

#header { position: relative; z-index: 1; height: 100%; }

h1#logo { height: 68px; width: 295px; padding-top: 7px; }
h1#logo a { display: block; height: 68px; background: url(images/logo.gif); }

#slogan { line-height: 26px; font-size: 14px; text-transform: uppercase; color: #292929; padding-left: 20px; margin: 30px 0 0 25px; border-left: 2px solid #e3e3e3; }

.phone-contact { float: right; display: inline; height: 39px; width: 293px; background: url(images/top-phone-bg.gif) no-repeat 0 0; margin-right: 30px; }
.phone-contact h3 { font: 22px/39px Arial, Sans-Serif; color: #fff; padding-left: 100px; background: url(images/icon-phone.gif) no-repeat 66px center; }

#navigation { height: 38px; width: 960px; background: url(images/nav.gif) no-repeat 0 0; }
#navigation ul { list-style: none; margin-left: 20px; }
#navigation ul li { float: left; display: inline; height: 38px; background: url(images/nav-border.gif) no-repeat right center; position: relative; }
#navigation ul li.last { background: none; }

#navigation ul li a { margin: 0 5px; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline; height: 38px; padding-left: 15px; background-repeat: no-repeat; background-position: 0 0; font-size: 14px; line-height: 38px; color: #1a1a1a; text-transform: uppercase; }
#navigation ul li a span { padding-left: 0; padding-right: 15px; background-position: right 0; position: relative; }

#navigation ul li.hover a,
#navigation ul li.hover a span,
#navigation ul li a:hover,
#navigation ul li a:hover span { background-image: url(images/nav-tab.gif); color: #fff; text-decoration: none; }

#navigation ul li ul { display: none; position: absolute; top: 38px; left: 5px; width: 135px; margin: 0; background: #272727; padding: 5px 0; }
#navigation ul li ul li { float: none; display: block; height: 26px; background: none; }
#navigation ul li ul li a { float: none; display: block; height: 26px; padding: 0 12px; line-height: 26px; color: #fff; margin: 0; background: none !important; }
#navigation ul li ul li a:hover { background: #e0b606 !important; color: #272727; }

#navigation ul li a span strong { position: absolute; top: 15px; right: 10px; display: block; height: 7px; width: 8px; background: url(images/arrow-down.gif) no-repeat 0 0; overflow: hidden; }


/*
	Content
*/

#content { position: relative; z-index: 0; height: 100%;}
.featured-product { position: relative; height: 261px; }
.featured-product .text-holder { padding: 80px 0 0 185px; position: relative; z-index: 1; width: 270px; }
.featured-product img { display: block; position: absolute; top: 0; left: 0; z-index: 0; }
.featured-product h2 { font-size: 36px; font-weight: normal; line-height: 36px; color: #fff; margin-bottom: 15px; }
.featured-product h2 span { color: #ffd203; text-decoration: none; }
.featured-product p { font-size: 15px; line-height: 24px; color: #fff; }

.main-content { background: #fff url(images/content-bg.gif) repeat-y 0 0; height: 100%; padding-top: 20px;}

.sidebar { float: left; display: inline; width: 269px; position: relative;}
.sidebar h3 { font-size: 17px;  line-height: 17px; text-transform: uppercase; color: #000; }
.sidebar ul {list-style-type: none;}
.sidebar ul li {display: block;}

.menu { position: relative; margin: 0 0 20px; width: 269px; height: 100%; }
.menu-top { height: 40px; background: url(images/sidebar-menu-top.png); }
.menu-top h3 { line-height: 40px; padding-left: 45px; background-repeat: no-repeat; background-position: 11px center; }
.menu-top h3.industry { background-image: url(images/icon-industry.gif); }

.menu-bottom { height: 11px; background: url(images/sidebar-menu-bottom.png); }

.menu-cnt { background: url(images/sidebar-menu-bg.gif) repeat-y 0 0; height: 100%; }

.menu ul { list-style: none !important; padding-top: 8px; }
.menu ul li { padding: 0 14px; }
.menu ul li.hover,
.menu ul li.active { background: url(images/sidebar-menu-active.gif) repeat-y 0 0; }
.menu ul li a { display: block; height: 28px; line-height: 28px; background: url(images/menu-link-border.png) repeat-x 0 bottom; padding-bottom: 1px; position: relative; color: #ccc !important;}
.menu ul li a:hover { text-decoration: none; }
.menu ul li a span { display: block; height: 29px; padding-left: 23px; background: url(images/bullet1.gif) no-repeat 3px center; }
.menu ul li.last a { background: none; }

.testimonial { padding: 0 15px 50px; width: 239px; position: relative; overflow: hidden; }
.testimonial h3 { line-height: 24px; padding-left: 30px; background: url(images/icon-people.gif) no-repeat 0 center; margin-bottom: 15px; }
.testimonial .text { background: url(images/icon-quotes.gif) no-repeat 0 0; padding-left: 55px; width: 184px;  }
.testimonial p.quote {  border-left: 2px solid #e1e1e1; padding: 0 0 0 10px; font: italic 13px/24px "Trebuchet MS", Arial, Sans-Serif; color: #3d3d3d; width: 172px; }
.testimonial p.ar { padding: 20px 15px 0 0; font: 13px/18px "Trebuchet MS", Arial, Sans-Serif; color: #565656; }
.testimonial p.ar span { display: block; color: #da5900; }

.live-chat { padding: 0 0 40px 40px; }

.recovery-act { height: 101px; width: 135px; background: url(images/recovery-act-bg.gif) no-repeat 0 0; margin: 0 0 30px 15px; padding: 12px 15px 0 90px; }
.recovery-act p { font-size: 12px; line-height: 18px;  }
.recovery-act p a { display: block; color: #232323; text-decoration: underline; }
.recovery-act p a:hover { text-decoration: none; }
.recovery-act p a span { display: block; }

.sidebar .box { background: url(images/sidebar-box-bg.gif) repeat-y 0 0; width: 231px; margin: 0 0 20px 20px;}
.sidebar .box .bottom { background: url(images/sidebar-box-bottom.gif) no-repeat 0 bottom; }
.sidebar .box .top { background: url(images/sidebar-box-top.gif) no-repeat 0 0 !important; padding: 9px 16px 12px 9px; height: 100%; }
.sidebar h3 {margin-bottom: 10px;}
.sidebar .email-widget h3{ background: url(images/icon-email.gif) no-repeat 0 center; line-height: 18px; padding-left: 32px;  margin-bottom: 18px;}
.sidebar .box ul {list-style-type: disc; padding-left: 15px;}
.sidebar .box ul li {display: list-item;}
.sidebar .box ul li a {color: #2344C5;}


.email-friend { height: 100%; }
.email-friend label { display: block; font-size: 12px; color: #232323; line-height: 12px; margin-bottom: 10px; }
.email-friend .ginput_container input{ display: block; height: 13px; padding: 5px 8px; border: 1px solid #bdbcbd; background: #fff; margin-bottom: 10px; width: 187px; }
.email-friend .button { height: 18px; width: 48px; background: url(images/button-go.gif) no-repeat 0 0; border: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; float: right; display: inline;}
.email-friend .gfield_required{display: none;}
.email-friend ul {list-style-type: none !important; padding-left: 0 !important}
.email-friend .gform_footer a {font-size: 0; line-height: 0; text-indent: -9999px;}

.widecolumn { float: right; display: inline; width: 691px; }

.steps { height: 124px; background: #4f4f4f url(images/steps-bg.gif) repeat-x 0 0; padding: 0 0 0 30px; text-transform: uppercase; position: relative; overflow: hidden; }
.count-steps { float: left; display: inline; font-family: Arial, Sans-Serif; margin-right: 45px; }
.count-steps strong { float: left; display: inline; font-size: 75px; line-height: 75px; color: #1c43ba; }
.count-steps span { float: left; display: inline; margin: 20px 0 0 3px; width: 100px; font-size: 15px; line-height: 18px; color: #272727; }

.step { float: left; display: inline; background: url(images/icon-arrow-right.gif) no-repeat 0 0; height: 29px; padding-left: 45px; line-height: 29px; margin: 25px 30px 32px 0; }
.step h3 { font-size: 24px; }

.steps .more { height: 38px; font: 15px/33px Arial, Sans-Serif; color: #fff; text-transform: none;}
.steps .more span { float: left; display: inline; margin: 0 50px 0 5px; }
.steps .more a { float: left; display: inline; color: #fff; padding-left: 45px; background-repeat: no-repeat; background-position: 0 center; margin-right: 28px; }
.steps .more a.play { background-image: url(images/icon-play.gif); }
.steps .more a.info { background-image: url(images/icon-request.gif); margin-right: 40px; }
.steps .more a.savings { background-image: url(images/icon-money.gif); }

.widecolumn .wrapper { padding: 0 16px 20px; height: 100%; }
.widecolumn ul,
.widecolumn ol,
.widecolumn p {padding-bottom: 15px;}
.widecolumn a {color: #2344C5;}
.widecolumn .post {padding-bottom: 20px;}

.columns { margin-bottom: 50px; }
.column { width: 323px; }

.box1 { background: url(images/box1-bg.gif) repeat-y 0 0; }
.box1 .bottom { background: url(images/box1-bottom.gif) no-repeat 0 bottom; }
.box1 .top { background: url(images/box1-top.gif) no-repeat 0 0; padding: 15px 12px 5px 7px; height: 100%; }

.box1 h3 { font-size: 18px; line-height: 18px; padding-bottom: 10px; border-bottom: 1px solid #b9b9b9; color: #1c43ba; text-transform: uppercase; padding-left: 7px; margin-bottom: 10px; }
.box1 p { padding: 0 0 15px 8px; font-size: 12px; line-height: 20px; }
.box1 p.last { padding-bottom: 0; }
.box1 .dot { display: inline; position: relative; top: 5px; margin-top: -5px; }
.box1 .dot-green { background-image: url(images/green-dot.gif); }
.box1 .dot-red { background-image: url(images/red-dot.gif); }


.professionals img.fr { position: relative; margin: -5px 0 0 3px; }
.professionals ul { list-style: none; }
.professionals ul li { padding: 10px 0 5px; border-bottom: 1px solid #dcdcde; height: 100%; }
.professionals ul li.last { border: 0; }


.box2 { background: url(images/box2-bg.gif) repeat-y  0 0; width: 658px; margin-bottom: 25px; }
.box2 .bottom { background: url(images/box2-bottom.gif) no-repeat 0 bottom; }
.box2 .top { background: url(images/box2-top.gif) no-repeat 0 0; padding: 15px 165px 15px 20px; height: 100%; position: relative; }
.box2 p { font: 19px/22px Arial, Sans-Serif; padding: 0; }
.box2 p span { font-size: 24px; font-weight: bold; }
img.guarantee { display: block; height: 126px; background: url(images/guarantee.png) no-repeat 0 0; position: absolute; top: -28px; right: -12px; }


.features-list { }
.features-list ul { list-style: none; }
.features-list ul li { line-height: 18px; padding: 0 20px 10px 40px; background: url(images/bullet2.gif) no-repeat 6px 2px; color: #3a3a3a; }
.features-list ul li span { }


/*
	Footer
*/


#footer { background: #232323 url(images/footer-bg.gif) no-repeat 0 0; padding: 30px 0 0; margin-bottom: 6px; height: 100%; }
#footer .column { float: left; display: inline; width: auto; padding: 0 0 0 35px; border-right: 1px solid #383838; min-height: 184px; }
#footer .column-last { border: 0; }
#footer .column ul { list-style: none outside none; margin-right: 20px;   }
#footer .column ul.last { margin-bottom: 31px; }
#footer .column ul li { line-height: 24px; font-size: 11px; }
#footer .column h4 { margin-bottom: 5px; }

#footer .bottom { height: 47px; background: #232323 url(images/footer-bottom.gif) no-repeat 0 bottom; margin-top: 5px; padding: 0 23px; }
#footer .bottom p { line-height: 40px; color: #fff; font-weight: bold; padding: 0 0 0 367px; }
#footer .bottom p span { color: #f9c028; }

#respond .field {border: 1px solid #E1E1E1; padding: 3px; margin: 0 3px 6px 0;}
#respond #submit {color: #000;}

.comment {padding: 10px 0;}
.comment p {padding: 0;}
.comment em {font-size: 11px;}

p.author { padding: 10px; font-size: 11px; background-color: #f5f5f5; margin: 20px 0;}