/*
Theme Name: Tow Truck Hire Melbourne
Theme URI: http://www.towtruckhiremelbourne.com.au
Author: Mr. Digital Web Marketing
Author URI: http://www.mrdigital.com.au
*/


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('myriadpro-boldcond.eot');
    src: url('fonts/myriadpro-boldcond.eot') format('embedded-opentype'),
         url('fonts/myriadpro-boldcond.woff') format('woff'),
         url('fonts/myriadpro-boldcond.ttf') format('truetype'),
         url('fonts/myriadpro-boldcond.svg#MyriadProBoldCondensed') format('svg');
}
body{ background:url(images/bg_body.jpg) center top fixed; font-family:'Open Sans', 'Raleway', Arial, Helvetica, sans-serif; background-size:cover;}
body, p, ul, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}    


.logo {width:260px; margin:20px 0 0 15px;}

.container_outer{ background: url(images/bg_container.jpg) repeat-y #e1e1e1; margin-top:20px; box-shadow:0 0 10px #707070; float:left;}


.call-area{float:left; width:103%; background:url(images/bg_callarea.png) no-repeat right top; padding:43px 0 43px 0;}
.call-area .phone-icon{float:left; margin:0 4px 0 100px; line-height:28px;}
.call-area h5{font-size:18px; font-weight:bold;  color:#a48f27; text-transform:uppercase; line-height:18px; text-align:center; font-size:18px; margin-top:11px;  text-shadow:0 0 8px #fff;}
.call-area h2{font-size:36px; color:#000000;font-weight:normal; text-align:center;  text-shadow:0 0 15px #fff;  font-family:'MyriadProBoldCondensed', 'Raleway',sans-serif;}

.social-link{float:left; margin-top:65px;}
.social-link ul{margin:0px; padding:0px;}
.social-link ul li{float:left; display:inline; list-style:none; margin-left:12px;}
.social-link ul li:first-child{ margin-left:0px;}
.social-link ul li a{ display:block;}
.social-link ul li a:hover img{opacity:0.8; filter:alpha(opacity=30);}

.slider_outer{ position:relative; clear:both;}
.slider_outer .pre{ left:-15px; position:absolute;  top:43%;}
.slider_outer .next{ right:-14px;  position:absolute; top:43%;}

.content_middle .left_panel{ padding:46px 0 46px 42px;}
.content_middle .left_panel h1{ font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:28px; color:#2c2c2c; background:url(images/bg_heading.jpg) left bottom repeat-x; padding:20px 0; margin-bottom:20px;}
.content_middle .left_panel h1 .text{color:#ceaf1a;}
.content_middle .left_panel p{ font-family:'Open Sans', Georgia, "Times New Roman", Times, serif; font-size:16px; color:#898181; line-height:28px; text-align:justify; margin-bottom:20px;}
.green{ color:#ceaf1a;}

.content_middle .right_panel{ padding:46px 46px 56px 26px;}
.content_middle .right_panel h2{ font-family: 'MyriadProBoldCondensed'; font-weight:normal; display:block; text-align:center; font-size:32px; text-transform:uppercase; color:#877726; background: url(../images/clock_icon.png) 15px center no-repeat; margin-bottom:20px; }
.content_middle .right_panel .info{ background:url(images/bg_info.jpg) no-repeat; box-shadow:0 30px 10px #989898; padding:45px; font-weight:bold; font-size:16px; color:#fff; line-height:42px; height:117px; text-transform:uppercase;}
.content_middle .right_panel .info .text1{ width:100px; display:block; float:left; color:#d5bd4a;}
.content_middle .right_panel .info .text2{ width:70px; display:block; float:left; color:#d5bd4a;}
.footer .footer_top{ background:url(images/footer_bg.png) repeat-y; font-size:26px; color:#ffffff; text-align:center; padding:60px 0; margin-top:20px; font-family:Open Sans,Georgia, "Times New Roman", Times, serif; line-height:48px;}
.footer .footer_top h2{ font-size:47px; margin:20px 0;  font-family: 'MyriadProBoldCondensed'; font-weight:normal;}
.footer .footer_top .colr{ color:#ffe93b}
.footer a {color:#ffe93b}
.footer .footer_bottom{ padding:20px; text-align:center; color:#868686; font-size:12px;}

strong {font-weight:bold}

#suburbs {margin-top:1em; padding:40px;}
#suburbs a {line-height:1.6em;}
#suburbs h2 {font-size:24px;}

.gmap-canvas {border:5px solid #fff;}

.suburbs
{
display:inline-block;
width:210px;
}

.suburbs a {line-height:1.6em;}