/*
Theme Name: Atlas Abrasives - Bule Colored Version
Theme URI: http://tradiewebsites.com.au/
Description: The WordPress theme based on Tradies - Harbour Construction.
Version: 1.0
Author: eTrading Group
Author URI: http://etradinggroup.com.au/
*/


* {
margin:0;
padding:0;
}

body {
background:url(images/body-bg.gif) #F0F0F0 repeat-x 0 0; /* color variation property */
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#7F7F7F;
}

a {
color:#000000; /* color variation property */
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
}

.clear {
clear:both;
line-height:0;
font-size:0;
}

img {
border:0;
}

ul,li {
list-style:none;
}

p {
padding-bottom:20px;
}

h2,h3 {
color:#2666be; /* color variation property */
}

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

#header {
width:960px;
padding:25px 0 0;
}

.headerTop {
height:75px;
margin-bottom:17px;
}

.logo {
float:left;
width:490px;
margin-left:25px;
}

.headerInfo {
float:right;
width:390px;
margin-right:10px;
}

.headerInfo .share {
width:109px;
overflow:hidden;
float:left;
margin-bottom:5px;
}

.headerInfo form {
width:226px;
height:29px;
float:right;
margin-bottom:5px;
}

.headerInfo input {
float:left;
width:auto;
border:1px solid #EAEAEA;
}

.headerInfo #s {
background:url(/images/search_icon.gif) no-repeat 5px 5px;
width:135px;
height:21px;
padding:2px 0 0 20px;
}

.headerInfo input#searchsubmit {
width:68px;
height:25px;
text-indent:-10000px;
font-size:0;
border:0;
background:url(/images/searchBtn.gif) no-repeat 0 0;
}

.headerInfo .phoneno {
float:right;
width:240px;
height:30px;
font-size:18px;
color:#696B6F;
line-height:24px;
padding:0 7px 0 0;
text-align:right;
}
.headerInfo .phoneno span {
float:right;
height:30px;
display:block;
padding-left:28px;	
background:url(/images/phoneIcon.gif) no-repeat 0 0;
}
.headerInfo .phoneno .textwidget {
float:right;
}
.topNav {
background:url(images/topNavBg.gif) repeat-x 0 3px; /* color variation property */
height:40px;
line-height:40px;
}

.topNav ul li {
float:left;
font-weight:bold;
width:auto;
background:url(images/topNavDivider.gif) no-repeat 0 10px; /* color variation property */
}

.topNav ul li a {
float:left;
width:auto;
color:#fff;
text-decoration:none;
padding:0 20px;
}

.topNav .current_page_item a,.topNav ul li a:hover {
color:#0B2F54!important;
background:url(images/topNavHoverBg.gif) #fff no-repeat 100% 0; /* color variation property */
}

.banner {
width:944px;
height:157px;
background-color:#fff;
margin-bottom:9px;
padding:8px;
}

#content {
width:918px;
margin-bottom:9px;
border:1px solid #C5C5C5;
background:url(/images/contentBg.gif) #FDFDFD repeat-x 0 0;
padding:25px 20px 15px;
}

#content img {
border:1px solid #D1D1D1;
margin-left:1px;
}

#content ul li {
background:url(/images/bullet1.gif) no-repeat 0 7px;
padding:0 0 0 10px;
}

#content h2 {
font-size:22px;
font-weight:bold;
margin-bottom:15px;
padding-bottom:8px;
background:url(/images/border-h2.gif) repeat-x 0 100%;
}

#leftPanel {
width:497px;
float:left;
}

.imgLeft {
width:auto;
float:left;
margin:0 10px 10px 0;
}

.contactQuote {
margin-bottom:10px;
font-size:18px;
line-height:20px;
color:#fff;
background:url(images/contactQuoteBg.jpg) no-repeat 0 0;  /* color variation property */
}

.contactQuote span {
display:block;
width:375px;
height:58px;
color:#fff;
text-decoration:none;
padding:15px 0 0 120px;
}

.contactQuote a {
text-transform:uppercase;
font-weight:bold;
color:#fff;
}
.contactQuote a:hover {
color:#cedef1;
text-decoration:none;
}


#rightPanel {
width:385px;
float:right;
}

.googleMapContact {
width:338px;
margin:10px 0 20px;
}
.googleMapContact table {
	display:none;
}

.portfolio {
margin-bottom:29px;
}

.portfolio .img,
.portfolio img {
display:block;
}

.portfolio p.title {
width:364px;
height:33px;
display:block;
line-height:33px;
color:#000;
margin-bottom:15px;
padding:0 0 0 19px;
}

.portfolio .preNxt {
height:25px;
line-height:25px;
font-size:12px;
background-color:#ebf0f9; /* color variation property */
border-top:1px dashed #B3B3B3;
border-bottom:1px dashed #B3B3B3;
padding:0 10px;
}

.portfolio .preNxt a {
color:#000;
}

.portfolio .preNxt .pre {
float:left;
width:auto;
background:url(images/preArrow.gif) no-repeat 0 8px; /* color variation property */
padding:0 0 0 10px;
}

.portfolio .preNxt .next {
float:right;
width:auto;
background:url(images/nxtArrow.gif) no-repeat 100% 8px; /* color variation property */
padding:0 10px 0 0;
}

.website-thumbnail {
margin-bottom:0!important;
float:none!important;
}

.portfolioTop {
width:385px;
height:325px;
overflow:hidden;
margin-bottom:10px;
}

.website-name {
font-size:14px!important;
color:#fff!important;
height:33px;
line-height:33px;
font-weight:bold!important;
text-align:center;
padding:0!important;
}

.website-name a {
color:#000;
text-decoration:none!important;
}

.stepcarousel {
position:relative;
left:-5px;
overflow:scroll;
width:389px;
height:323px;
background:#EDEDED url(/images/home-portfolio-website-name-bg.gif) repeat-x 0 100%;
}

.portfolio .website-thumbnail {
padding:0 5px 5px;
}
.portfolio .website-thumbnail a.pirobox_gall {
width:370px;
height:278px;
display:block;
}
.portfolio .website-thumbnail a.pirobox_gall img {
width:370px;
height:278px;
display:block;
}

.portfolio .img img {
}

.stepcarousel .belt {
position:absolute;
left:0;
top:0;
}

.stepcarousel .portfolio-website {
float:left;
overflow:hidden;
width:379px;
margin:5px;
}

.carousel .portfolioTop {
width:863px;
height:254px;
overflow:hidden;
background-color:#E6E6E5;
padding-left:5px;
margin-bottom:10px;
}

.carousel .stepcarousel {
position:relative;
left:-5px;
overflow:scroll;
width:870px;
height:265px;
background:none!important;
}

.carousel .stepcarousel .portfolio-website {
float:left;
overflow:hidden;
width:284px;
margin:4px;
}

.carousel .stepcarousel .website-name {
font-size:14px;
color:#fff;
background-color:#aeaeae;
height:33px;
line-height:33px;
font-weight:bold;
padding:0;
}

.carousel .website-thumbnail a.pirobox_gall {
width:284px;
height:213px;
display:block
}
.carousel .website-thumbnail img {
width:284px;
height:213px;
border:0 !important;
}

.carousel .preNxt {
position:relative;
height:1px;
z-index:100;
}

.carousel .preNxt a {
width:38px;
height:38px;
display:block;
text-indent:-12000px;
float:none;
position:absolute;
margin:0;
padding:0!important;
}

.carousel .preNxt .pre {
background:url(images/leftArrow.png) no-repeat 0 0; /* color variation property */
_background:url(images/leftArrow.gif) no-repeat 0 0; /* color variation property */
top:-150px;
left:-15px;
padding:0!important;
}

.carousel .preNxt .next {
background:url(images/rightArrow.png) no-repeat 0 0; /* color variation property */
_background:url(images/rightArrow.gif) no-repeat 0 0; /* color variation property */
top:-210px!important;
left:758px;
padding:0!important;
}

.serviceArea h3 {
font-size:22px;
color:#914030;
margin-bottom:8px;
}

.serviceArea .widget_gmp h2 { display:none;}

.serviceArea img {
float:left;
width:auto;
border:0!important;
}

.serviceArea .googleMap {
float:left;
width:220px;
height:125px;
border:1px solid #E8E8E8;
}
.serviceArea table {
	display:none;
}

#footerOuter {
background:url(/images/footerBg.gif) #8D8D8D repeat-x 0 0;
}

#footer {
width:960px;
text-align:center;
padding-bottom:28px;
margin:0 auto;
}

.footerLinks {
width:947px;
height:85px;
text-align:left;
margin-bottom:20px;
background-color:#fff;
border:1px solid #C6C6C6;
padding:15px 0 0 13px;
}

.footerLinks .askQuestion,
.footerLinks .chkAvilability,
.footerLinks .requQuote {
width:219px;
height:70px;
font:normal 27px/70px Helvetica, Arial, sans-serif;
text-transform:capitalize;
color:#670B0A;
margin-right:18px;
white-space:nowrap;
display:block;
float:left;
padding:0 0 0 80px;
}

.footerLinks a {
color:#0b2f54; /* color variation property */
text-decoration:none;
}

.footerLinks a:hover {
color:#06729f; /* color variation property */
text-decoration:none;
}

.footerLinks .lastLink {
margin-right:0;
}

.footerLinks .askQuestion {
background:url(/images/askQuestion.jpg) no-repeat 0 0;
}

.footerLinks .chkAvilability {
background:url(/images/checkAvilability.jpg) no-repeat 0 0;
}

.footerLinks .requQuote {
background:url(/images/requestQuote.jpg) no-repeat 0 0;
padding-left:86px;
}

.viewGalleryBot {
background:url(/images/viewGallerybg.jpg) no-repeat 0 100%;
height:14px;
}

#jCarouselLiteDemo .website-name {
font-size:12px!important;
font-weight:normal!important;
color:#000!important;
background-color:#fff!important;
padding:0 0 0 19px !important;
}

#jCarouselLiteDemo .carousel {
border:1px solid #CFCFCF;
background-color:#F7F7F7;
border-bottom:0;
position:relative;
padding:24px;
}

#jCarouselLiteDemo .main {
border:1px solid #CFCFCF;
background-color:#F7F7F7;
position:relative;
}

#jCarouselLiteDemo .carousel button {
float:left;
}

#jCarouselLiteDemo .carousel a.prev,
#jCarouselLiteDemo .carousel a.next {
display:block;
float:left;
width:45px;
height:143px;
text-decoration:none;
background:url(/images/leftArrow.png) left 60px no-repeat; /* color variation property */
_background:url(/images/leftArrow.gif) left 60px no-repeat; /* color variation property */
}

#jCarouselLiteDemo .carousel a.prev {
position:absolute;
top:35px;
left:3px;
z-index:100;
}

#jCarouselLiteDemo .carousel a.next {
position:absolute;
top:35px;
right:3px;
z-index:100;
background:url(images/rightArrow.png) right 60px no-repeat; /* color variation property */
_background:url(images/rightArrow.gif) right 60px no-repeat; /* color variation property */
}
#jCarouselLiteDemo .carousel a:hover,
#jCarouselLiteDemo .carousel a:active {
border:none;
outline:none;
}

#jCarouselLiteDemo .carousel .jCarouselLite {
border:1px solid #E9E9E9;
float:left;
background-color:#F8F8F8;
position:relative;
visibility:hidden;
left:-5000px;
padding:20px 0;
}

#jCarouselLiteDemo .carousel ul {
margin:0;
}

#jCarouselLiteDemo .carousel ul li {
background:none;
width:203px;
background-color:#F0F0F0;
margin:0 7px;
padding:0;
}

#jCarouselLiteDemo .carousel li img {
width:203px;
height:213px;
}

#jCarouselLiteDemo .widget img {
cursor:pointer;
}
#jCarouselLiteDemo .stepcarousel .website-thumbnail a {
	width:284px;
	height:213px;
	display:block;
}

#footer ul {
padding-bottom:5px;
}

#footer ul li {
display:inline;
font-size:12px;
background:url(/images/footerDivider.gif) no-repeat 0 5px;
padding:0 10px 0 16px;
}

#footer ul li a {
color:#000;
text-decoration:underline;
}

#footer ul li a:hover {
text-decoration:none;
}

#footer .copyRight {
font-size:12px;
color:#000;
}

.bottomBorder {
border-bottom:1px solid #CFCFCF;
padding-bottom:3px;
margin-bottom:5px;
}

p.phone {
background:url(/images/phoneIcon2.gif) no-repeat 0 0;
padding:0 0 0 15px;
float:left;
}

p.fax {
background:url(/images/faxIcon.gif) no-repeat 0 6px;
padding:0 0 0 15px;
float:left;
}

p.email {
background:url(/images/email.gif) no-repeat 0 6px;
padding:0 0 0 18px;
}

.contactPage h3 {
font-size:20px;
line-height:26px;
}
.contactPage .widget_gmp h2 {
font-size:20px !important;
line-height:26px !important;
background-image:none !important;
padding:0 !important;
width:auto !important;
}

.contactPage .contactDetails {
padding:7px 0 0;
}

.requestForm form {
width:550px;
border:1px double #D8D6D6;
background-color:#FBFBFB;
margin:0 auto;
}

.requestForm fieldset {
position:relative;
background-color:#FBFBFB;
border:1px solid #FBFBFB;
margin:5px;
padding:2px 10px 3px;
}

.requestForm label {
display:block;
font:bold 14px/18px Helvetica, sans-serif;
padding:0 0 5px;
}

.requestForm label.auto {
display:inline;
width:150px;
line-height:20px;
font-weight:normal;
font-size:12px;
}

.requestForm input,
.requestForm select,
.requestForm textarea {
width:250px;
height:21px;
font:normal 13px/27px Arial, Helvetica, sans-serif;
background-color:#fff;
border:1px solid #D8D6D6;
padding:2px;
}

.requestForm select {
width:250px;
height:23px;
}

.requestForm #budget {
margin-bottom:10px;
}

.requestForm textarea {
height:100px;
}

.requestForm input.btn {
width:86px;
height:23px;
border:0;
background:url(/images/submitbtn.jpg) no-repeat 0 0;
cursor:pointer;
}

.requestForm input.radio {
width:15px;
height:15px;
border:none;
background-color:#e0f3fe;
float:left;
margin:2px 6px;
padding:0;
}

.requestForm input.check {
width:15px;
height:15px;
border:none;
background-color:#e0f3fe;
float:left;
margin:6px;
padding:0;
}

.requestForm span.hint {
font:bold 14px/18px Arial, Helvetica, sans-serif;
background:#C93C3B;
color:#fff;
border:1px solid #FD5F5E;
width:230px;
position:absolute;
display:none;
margin:-1px 0 0 14px;
padding:4px 5px 4px 20px;
}

.requestForm fieldset.welldone span.hint {
background:#9fd680;
color:#000;
border-color:#749e5c;
}

.requestForm fieldset.kindagood span.hint {
background:#393E44;
border-color:#fbbe00;
}

.requestForm fieldset.welldone {
background-repeat:no-repeat;
background-position:323px 43px;
}

.requestForm fieldset.kindagood {
background-repeat:no-repeat;
background-position:323px 45px;
}

ul.addtoany_list li a,.portfolio-website {
padding:0!important;
}

.headerInfo .screen-reader-text,.wpp-creditlink {
display:none;
}

.topNav .noSep,
#footer .noDivider {
background:none;
}

.contactQuote p,#footer p {
padding-bottom:0;
}
#footer_content{padding-top: 60px;}