/*
Theme Name: East Coast Bitumen & Roadsweeping Pty Ltd
Theme URI: http://www.eastcoastroadsweeping.com.au
Description: East Coast Bitumen &amp; Roadsweeping Pty Ltd Theme by <a href="http://www.existonline.com.au/">Exist Online</a>.
Version: 1.0
Author: Exist Online
Author URI: http://www.existonline.com.au
Date Created: 4.Oct.2011
Date Last Edited: 19.Jan.2012
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/************************* start - GENERAL */
html, body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; height: 100%; }
body { background: #333; font-size: 62.5%; }
a { color: #390; cursor: pointer; text-decoration: underline; }
a:hover { color: #000; }
strong { font-weight: bold; }
em { font-style: italic; }
form, input, textarea, select { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1, h2, h3, h4 { color: #050505; font-family: "Lato", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 900; line-height: 1.2; }
h1 { font-size: 34px; }
h1.entry-title { text-transform: uppercase; }
body.single h1.entry-title { text-transform: none; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h1 span, h2 span, h3 span { color: #4F9829; }
p { padding: 0 0 12px; }
.alignnone { float: none; }
.alignleft { float: left; margin: 0 20px 0 0; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 0 20px; }
.reset {
	border: medium none; clear: both; display: block; font-size: 1px; height: 0px;
	line-height: 1px; margin: 0; padding: 0; text-indent: -99999px;
}
/*************************** end - GENERAL */

#wrapper { background: #333 url(img/bg.jpg) center top repeat-x; }

/************************* start - HEADER */
header { clear: both; display: block; margin: 0 auto; height: 200px; width: 960px; position: relative; z-index: 999; }

/* LOGO */
#logo { height: 218px; width: 222px; position: absolute; left: 2px; top: 20px; z-index: 999; text-indent: -99999px; }
#logo a { background: url(img/logo.png); display: block; height: 218px; width: 222px; position: relative; }
#logo a:active { top: 1px; }

/* NAV BAR */
nav {
	display: block;
	font-family:  "Lato", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 900;
	height: 67px; width: 710px;
	position: absolute; right: 0; bottom: 30px; }
nav ul { float: left; height: 67px; width: 710px; }
nav ul li { float: left; height: 67px; margin: 0 0 0 8px; }
nav ul li a {
	background: url(img/nav.png) 0 0;
	color: #2D4F0B;
	display: block; height: 67px;
	margin: 0 12px 0 0; padding: 0 0 0 12px;
	text-decoration: none; text-shadow: 1px 1px 1px #FFF; }
nav ul li a span {
	background: url(img/nav.png) right top;
	display: block;
	font-size: 22px;
	height: 67px;
	line-height: 2;
	margin: 0 -12px 0 0; padding: 0 12px 0 0; }
nav ul li a span em {
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; font-style: normal; font-weight: normal;
	line-height: 1.2; }
nav ul li a.selected { background-position: 0 -154px; color: #050505; }
nav ul li a.selected span { background-position: right -154px; }
nav ul li a:hover { background-position: 0 -77px; color: #FFF; text-shadow: -1px -1px 1px #360; }
nav ul li a:hover span { background-position: right -77px; }

header .locations { color: #666; font-size: 15px; position: absolute; top: 20px; right: 30px; text-shadow: 0 -1px 1px #000; }
header .locations span { color: #AAA; }

/*************************** end - HEADER */

/* BANNER */
#banner { background: url(img/banner.png) 0 -360px; height: 250px; width: 960px; margin: 0 auto; position: relative; }
body.home #banner { background-position: 0 0; height: 350px; margin: 0 auto 15px; }
#banner .logo-shadow {
	background: url(img/banner.png) 0 -620px; height: 76px; width: 191px; position: absolute; left: 18px; top: 10px; z-index: 990;
}
.nivoSlider { height: 200px; width: 940px; overflow: hidden; position: relative; left: 10px; top: 10px; }
body.home .nivoSlider { height: auto; width: auto; overflow: visible; }
.nivoSlider img { display: block; margin: -55px 0 0; position: absolute; left: 0; top: 0; }
body.home .nivoSlider img { display: none; margin: 0; }
.nivoSlider .nivo-slice { display: block; height: 100%; position: absolute; z-index: 5; }
.nivoSlider .nivo-box { display: block; position: absolute; z-index: 5; }
.nivoSlider .nivo-caption { display: none; }
.nivoSlider .nivo-directionNav { display: none; position: absolute; text-indent: -99999px; visibility: hidden; }
.nivoSlider .nivo-controlNav { position: absolute; left: 395px; bottom: -22px; z-index: 1010; }
.nivoSlider .nivo-controlNav a {
	background: url(img/banner.png) -201px -620px;
	float: left; height: 28px; width: 26px; margin: 0 2px; text-indent: -99999px; }
.nivoSlider .nivo-controlNav a.active { background-position: -237px -620px;
}
#banner h1 {
	background: url(img/banner_title.png);
	height: 68px; width: 938px;
	position: absolute; left: 11px; bottom: 41px; z-index: 999;
	text-indent: -99999px; }

/************************* start - MAIN */
#main { clear: both; line-height: 1.5; margin: 0 auto; padding: 0 0 40px; width: 960px; }

.shadow { background-image: url(img/shadows.png); height: 27px; position: absolute; left: 2px; bottom: -27px; }

/* CONTENT */
#content,
#boxes {
	background: #DCDCDC url(img/bg_content.png) repeat-x left top;
	border-top: 1px solid #ACD896; border-bottom: 1px solid #9C93B7;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	float: left;
	font-size: 14px;
	margin: 15px 10px 0;
	min-height: 420px;
	position: relative;
	width: 600px; }
body.home #content { margin: 0 10px; min-height: 0; width: 420px; }
body.home #boxes { margin: 0 10px; min-height: 0; }

#content .shadow { background-position: 0 -111px; width: 596px; }
body.home #content .shadow { background-position: 0 -37px; width: 416px; }
#boxes .shadow { background-position: 0 -74px; width: 496px; }

/* POST */
.post { clear: both; margin: 0 0 20px; }
body.search-results .post, body.archive .post, body.single .post { margin: 0; }
h1.page-title, .post h1.entry-title, .post h2.entry-title {
	border-bottom: 1px solid #CCC; margin: 0; padding: 20px; text-shadow: 0 1px 2px #FFF; }
body.search-results .post h2.entry-title,
body.archive .post h2.entry-title { border: none; border-top: 1px solid #FFF; padding: 30px 20px 0; }
.post h1, .post h2, .post h3 { margin: 20px 0 30px; }

.post .entry-content,
.navigation { clear: both; border-top: 1px solid #FFF; letter-spacing: -1px; padding: 20px; text-shadow: 0 1px 1px #FFF; }
body.search-results .post .entry-content,
body.archive .post .entry-content { border: none; border-bottom: 1px solid #CCC; }

.post ul, .post ol { clear: both; padding: 0 0 20px 20px; }
.post ul li { list-style: disc inside; padding: 0; }
.post ol li { list-style: decimal inside; padding: 0; text-indent: -20px; }
.post ul li, .post ol li { margin: 12px 0; }
.post ul li ul, .post ol li ol { padding-bottom: 0;
}

/* BOXES */
#boxes { width: 500px; }
#boxes .post { margin: 0; }
#boxes .post .entry-content { letter-spacing: 0; padding: 10px; text-shadow: none; }
#boxes .post .entry-content a {
	background: url(img/btns_services_road-sweeping-bitumen-emultion-sprayer.png) 0 0;
	float: left; height: 210px; width: 157px; position: relative; text-decoration: none; }
#boxes .post .entry-content a h4 { color: #2B8200; font-size: 16px; position: absolute; left: 12px; top: 12px; text-shadow: 0 1px 1px #FFF; }
#boxes .post .entry-content a:hover h4 { color: #FFF; text-shadow: 0 1px 2px #030; }
#boxes .post .entry-content a span {
	background: url(img/btns_services_road-sweeping-bitumen-emultion-sprayer.png);
	height: 184px; width: 153px; position: absolute; left: 2px; bottom: 2px; }
#boxes .post .entry-content a:hover { background-position: -167px 0; }
#boxes .post .entry-content a.sweeping span { background-position: 0 -220px; }
#boxes .post .entry-content a.sweeping:hover span { background-position: 0 -414px; }
#boxes .post .entry-content a.bitumen { margin: 0 4px; }
#boxes .post .entry-content a.bitumen span { background-position: -163px -220px; }
#boxes .post .entry-content a.bitumen:hover span { background-position: -163px -414px; }
#boxes .post .entry-content a.emultion-sprayer span { background-position: -326px -220px; }
#boxes .post .entry-content a.emultion-sprayer:hover span { background-position: -326px -414px; }

/* Gallery */
body .ngg-galleryoverview { margin: 0; padding: 0 0 20px; }
body .ngg-gallery-thumbnail-box { display: inline-block; padding: 0 2px 0 0; }
body .ngg-gallery-thumbnail { display: inline-block; margin-right: 0; }
body .ngg-gallery-thumbnail a img {
	background: #FFF; border: 1px solid #390; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px; }
body .ngg-gallery-thumbnail a:hover img { background: #390; }

/* Shadowbox */
body #sb-title, body #sb-title-inner { height: 18px; text-indent: -99999px; }
body #sb-wrapper-inner {
	background: #FFF; border: 3px solid #390; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 6px; }
body #sb-body { overflow: hidden; }

/* FORM styling */
input, textarea, select {
	background: #FFF;
	border: 1px solid #999;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	color: #000; font-size: 14px; padding: 7px; width: 300px; }
input:focus, textarea:focus { background: #FFF; border: 1px solid #050505;
}
form#searchform { padding: 20px 0; }
form#searchform label.screen-reader-text { padding: 0 10px 0 0; }
form#searchform input#searchsubmit,
form.wpcf7-form p input.btn,
#respond form p input#submit {
	background: #E8E8E8;
	border: none;
	border-top: 2px solid #FFF; border-right: 2px solid #C5C5C5;
	border-bottom: 2px solid #AAA; border-left: 2px solid #C5C5C5;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #2C4E0B;
	cursor: pointer;
	font-size: 22px; font-family: "Lato"; font-weight: 900;
	padding: 7px 20px;
	text-shadow: 0 1px 1px #FFF; text-transform: uppercase;
	width: auto; }
form#searchform input#searchsubmit:hover,
form.wpcf7-form p input.btn:hover,
#respond form p input#submit:hover {
	background: #4C9719;
	border-top: 2px solid #7FFF42; border-right: 2px solid #4C9819;
	border-bottom: 2px solid #285200; border-left: 2px solid #4C9819;
	color: #FFF;
	text-shadow: 0 -1px 1px #360; }
form#searchform input#searchsubmit { font-size: 14px; }

/* Contact and Enquiry forms */
#wpcf7-f4-p18-o1 { margin: 40px auto 20px; width: 560px; }
/* Contact and Enquiry forms - Submit button */
#wpcf7-f4-p18-o1 form.wpcf7-form p input.btn {
	background: url(img/btn_send-message.jpg) 0 0; border: none;
	color: #366815; height: 67px; width: 202px; font-size: 0px; margin: 10px 0; padding: 0; text-indent: -99999px; }
#wpcf7-f4-p18-o1 form.wpcf7-form p input.btn:hover { background-position: 0 -77px;
}
form.wpcf7-form p { clear: both; padding: 0 0 10px; position: relative; }
form.wpcf7-form p label { float: left; line-height: 2.8; padding: 0 10px; text-align: right; width: 195px; }
form.wpcf7-form p span.wpcf7-form-control-wrap { padding: 9px 0; }
form.wpcf7-form p span.wpcf7-form-control-wrap.message { padding: 17px 0; }
form.wpcf7-form p span.wpcf7-form-control-wrap textarea { height: 150px; }
form.wpcf7-form p span.wpcf7-form-control-wrap select { width: 316px; }
form.wpcf7-form p span.wpcf7-form-control-wrap.captcha input { letter-spacing: 4px; text-align: center; width: 70px; }
form.wpcf7-form p img.wpcf7-captcha-captcha { background: none; border: none; float: left; padding: 7px 7px 0; }
form.wpcf7-form p span.note { color: #959595; font-size: 12px; letter-spacing: 0; }
form.wpcf7-form p img.ajax-loader { background: none; }
form.wpcf7-form p span span.wpcf7-not-valid-tip {
	background: #F4E3E3; border: 1px solid #C00;
	color: #C00;
	font-size: 14px;
	left: 0; top: 0; z-index: 120;
	letter-spacing: 0;
	padding: 9px 7px;
	text-shadow: none;
	width: 300px; }
form.wpcf7-form p span.captcha span.wpcf7-not-valid-tip { width: 70px; }
form.wpcf7-form p span.wpcf7-form-control-wrap.message span.wpcf7-not-valid-tip {
	height: 155px; top: -133px; }
form.wpcf7-form .wpcf7-response-output { line-height: 1.4; letter-spacing: 0; margin: 20px; padding: 10px; text-shadow: none; }
form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { background: #FFB; color: #848300; }
form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { background: #D1FFBC; color: #2F7310; }

/* Comments */
#comments { margin: 10px auto 30px; padding: 0 20px 20px; text-shadow: 0 1px 1px #FFF; width: 560px; }
#comments h3, #respond h3 { padding: 20px 0; }
#comments ol.commentlist { width: 560px; }
#comments ol.commentlist li.comment {
	background: #EEE;
	border: 1px solid #BBB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin: 10px 0 0; padding: 10px; }
#comments ol.commentlist li.comment div { position: relative; }
#comments ol.commentlist li.comment .vcard { padding: 0 0 20px; }
#comments ol.commentlist li.comment .vcard img { background: #FFF; border: 1px solid #CCC; float: left; padding: 1px; }
#comments ol.commentlist li.comment .vcard cite { font-style: normal; font-weight: bold; padding: 0 0 0 15px; }
#comments ol.commentlist li.comment em { color: #000; display: block; padding: 0 0 0 62px; text-transform: uppercase; }
#comments ol.commentlist li.comment .comment-meta { float: right; font-size: 10px; margin: -41px 0 0; }
#comments ol.commentlist li.comment .comment-meta a { color: #AAA; text-decoration: none; }
#comments ol.commentlist li.comment .comment-meta a:hover { text-decoration: underline; }
#comments ol.commentlist li.comment .reply a {}
#comments ol.commentlist li.comment .comment-body { padding: 0 0 0 59px; }
#comments ol.commentlist li.comment .comment-body p em { color: #000; display: inline; padding: 0; }
#comments ol.commentlist li.comment .reply { clear: both; font-size: 10px; text-align: right; text-transform: uppercase; }

/* Leave a Comment */
.leave-a-comment { clear: both; margin: 40px auto 0; padding: 0 0 40px; position: relative; width: 500px; }
.leave-a-comment a.back-to-top { float: none; position: absolute; right: 35px; top: 7px; }
#respond { height: 650px; margin: 20px auto 0; width: 500px; }
body.logged-in #respond { height: 480px; }
#respond h3 small { float: right; font-size: 12px; padding: 3px 30px 0 0; }
#respond h3 small a { font-size: 13px; padding: 5px 10px; }
#respond form p { float: left; padding: 0 0 20px; position: relative; width: 500px; }
#respond form p label { float: left; padding: 7px 0 0; width: 90px; }
#respond form p input, #respond form p textarea { float: left; }
#respond form p.comment-notes, #respond form p.form-allowed-tags { color: #AAA; }
#respond form p.comment-notes { font-size: 10px; padding: 0 0 20px; text-transform: uppercase; }
#respond form p.form-allowed-tags, #respond form p.form-submit {
	font-size: 10px; padding: 0 0 20px 90px; width: 400px; }
#respond form p.comment-form-author span.required { float: left; margin: 6px 0 0 -53px; }
#respond form p.comment-form-email span.required { float: left; margin: 6px 0 0 -54px; }
#respond form p input#submit { padding: 10px; width: auto; }

.ddsg-wrapper p { display: none; }

/* SHARE THIS */
#share-this { clear: both; padding: 0 20px 20px; }
#share-this h3 { margin: 0; padding: 0 0 10px; text-shadow: 0 1px 1px #FFF; }

/************************* start - SIDEBAR */
.sidebar-wrap { float: left; margin: 0 10px; position: relative; width: 320px; }
#sidebar { padding: 15px 0 0; position: absolute; left: 0; top: 0; z-index: 999; width: 320px; }
#sidebar .bg {
	background: #DCDCDC url(img/bg_sidebar.png) repeat-x left top;
	border-top: 1px solid #FFF; border-bottom: 1px solid #9C93B7;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#sidebar.follow { position: fixed; left: auto; }
#sidebar .shadow { background-position: 0 0; width: 316px; }

/* WIDGETS */
.widget { clear: both; font-size: 12px; padding: 20px; text-shadow: 0 1px 1px #FFF; width: 280px; }
.widget h3 { margin: 0 0 20px; text-shadow: 0 1px 2px #FFF; }
.widget.contact, .widget.location { border-bottom: 1px solid #CCC; }
.widget.location .map { border: 1px solid #CCC; display: block; height: 278px; margin: 0 0 10px; }
.widget.social-box { border-top: 1px solid #FFF; float: none; width: 280px; }
.widget.social-box a { text-decoration: none; }
.widget.social-box a:hover { text-decoration: underline; }

/*************************** end - SIDEBAR */
/*************************** end - MAIN */

/************************* start - FOOTER */
footer {
	background: url(img/bg_footer.png) repeat-x center top;
	clear: both; color: #999; display: block; font-size: 11px; text-shadow: 0 1px 1px #000; }
footer a { color: #6C3; text-decoration: none; }
footer a:hover { color: #FFF; text-decoration: underline; }
footer .wrap { margin: 0 auto; padding: 30px 30px 50px; position: relative; width: 900px; }
.social-box { float: left; position: relative; z-index: 10; width: 220px; }
.social-box h2 { color: #FFF; margin: 0 0 20px; }
.social-box ul { font-size: 15px; line-height: 1.2; width: 220px; }
.social-box ul li { clear: both; height: 36px; width: 220px; margin: 0 0 10px; }
.social-box ul li a { display: block; line-height: 2.2; position: relative; }
.social-box ul li a span { background: url(img/social.png); float: left; height: 36px; width: 36px; margin: 0 10px 0 0; }
.social-box ul li.fb a span { background-position: 0 0; }
.social-box ul li.fb a:hover span { background-position: -46px 0; }
.social-box ul li.tw a span { background-position: 0 -46px; }
.social-box ul li.tw a:hover span { background-position: -46px -46px; }
footer .wrap .nav-and-credits { margin: 0 auto; text-align: center; width: 620px; }
body.home footer .wrap .nav-and-credits { float: right; margin: 0; }
footer .wrap .nav-and-credits p { padding: 0 0 30px; }
footer .wrap .nav-and-credits p.nav { padding: 15px 0 45px; }
footer .wrap .nav-and-credits p.nav a { margin: 0 25px; }
footer .wrap .social-bg {
	background: url(img/social_speech-bubbles.png);
	height: 124px; width: 267px; position: absolute; left: 70px; top: 40px; z-index: 5; }

/*************************** end - FOOTER */