/*
Theme Name: Satelite Fencing
Theme URI: http://www.satelitefencing.com.au
Author: Mr. Digital Web Marketing
Author URI: http://www.mrdigital.com.au
*/

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('font/myriadpro-cond_0.eot');
    src: url('font/myriadpro-cond_0.eot') format('embedded-opentype'),
    url('font/myriadpro-cond_0.woff') format('woff'),
    url('font/myriadpro-cond_0.ttf') format('truetype'),
    url('font/myriadpro-cond_0.svg#MyriadProCondensed') format('svg');
}

@font-face {
    font-family: 'myriad_pro_condbold';
    src: url('font/myriadpro-boldcond_0-webfont.eot');
    src: url('font/myriadpro-boldcond_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/myriadpro-boldcond_0-webfont.woff') format('woff'),
         url('font/myriadpro-boldcond_0-webfont.ttf') format('truetype'),
         url('font/myriadpro-boldcond_0-webfont.svg#myriad_pro_condbold') format('svg');

}

body{
	margin:0px;
	padding:0px;	
	font-size:14px;		
	color:#7f7e7e;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg_body.jpg) repeat-x #0f3c81;
	
}


h1,h2,h3,h4,h5,h6,span,p,td, li ol ul{
	margin:0px; 
	padding:0px;
}
img{border:0px none;}
a{ text-decoration:none; color:#fbaf17;}
.left{float:left;}

/*----wrapper div css code start here---*/
#wrapper{width:100%;}
/*----wrapper div css code end here---*/





/*----header div css code start here---*/
.header_main{ background:url(images/header_bg.png) repeat-x;}
.logo{ margin-top:15px;}

/*----header div css code end here---*/
/*----slider-area div css code start here---*/
.slider_img{ position:relative; border:8px solid #6299ed; border-radius:5px; line-height:0; position:relative; margin:15px 0 0 63px; height:252px; width:471px;}
.slider_img .text_box{ background:url(images/trans.png); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; position:absolute; top:30%; left:0px; padding:20px; line-height:38px; color:#fff;}
.slider_img img{ width:100%; height:252px;}

.header_contactbox{ background:url(images/bg_contact_header.jpg) repeat-x #285dae; text-align:center; font-size:20px; height:268px;  margin-top:15px; border-radius:5px; font-weight:bold; text-transform:uppercase;}
.header_contactbox img{ margin-top:30px;}
.header_contactbox p{font-size:24px; margin-top:10px; color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
.header_contactbox p.text{color:#f09d00; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}


.heading_top{ color:#fff; font-size:16px; font-weight:bold; background:url(images/heading_top_bg.png) no-repeat center top; padding:14px; text-align:center; margin:15px 0; line-height:1.6em;}
.heading_top h1 {font-size:26px;}

.content{ color:#fff; font-size:16px; font-weight:bold; background:url(images/heading_top_bg.png) no-repeat center top; padding:14px;  margin:15px 0; line-height:1.6em; padding:20px;}
.content h1 {font-size:36px; font-family: 'Roboto Condensed', sans-serif; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
strong {font-weight:bold}

.heading_top .text{ color:#a5ad42; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
/*----content-area div css code start here---*/
.service_box{ background: url(images/service_box_bg.png) no-repeat; height:244px; display:block; transition: background .38s ease-in-out;
   -moz-transition: background .38s ease-in-out;
   -webkit-transition: background .38s ease-in-out;}
.service_box:hover{ background: url(images/service_box_bg_hover.png) no-repeat; height:244px;}
.heading2{ font-family: 'Roboto Condensed', sans-serif; color:#fff; font-weight:bold; font-size:18px; text-transform:uppercase; padding:17px 0; display:block;  text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
.box1 img{ border:6px solid #6186bf; margin:25px 15px;  transition: border .20s ease-in-out;
   -moz-transition: border .20s ease-in-out;
   -webkit-transition: border .20s ease-in-out;}
.box1:hover img{border:6px solid #6d96d5;}
.box1{ float:left;}
/*----inner page css code start here---*/
.left_panel{ padding:0px 30px 20px 20px;}
.left_panel h1{ color:#fff; font-size:20px; text-transform:uppercase; margin-bottom:10px;}
.left_panel h1 .colr{ color:#f1a400;}
.left_panel p{  color:#83acec; line-height:24px; margin-top:10px;margin-bottom:30px; }
.left_panel hr{ border:none; background:#1e55a9; height:1px; box-shadow:0 -2px 1px #072149; margin:25px 0 10px 0;}
.left_panel h2{ color:#fff; font-size:16px; margin:10px 0px 0px 0px;  text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
.service_img{ float:left; margin:0 14px 6px 0; border:4px solid #2a5caa; padding:3px; box-shadow:0 2px 5px #0b2a59; width:100px;}
.quote_box h2{font-size:22px; font-weight:bold; color:#fff; padding:0px 10px 10px 10px; text-align:center; display:block; font-family: 'Roboto Condensed', sans-serif; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);}
.right_panel .quote_box{ background:url(images/quote_bg.png) #184996; border:1px solid #2b5fb0; border-radius:5px; padding:20px 20px;}
.right_panel .ginput_container {padding:2px}
.right_panel label {display:none}
.right_panel input, .right_panel textarea {font-weight:bold; color:#769fe0; font-size:13px; width:90%; padding:10px 10px 10px 10px; border-radius:10px; background:#103979; border:none; color:#769fe0; font-size:12px; box-shadow:0 2px 4px #0d2c5d inset; margin-bottom:12px; font-family:inherit;}
.right_panel h1{ text-align:center; color:#fff; font-size:14px; text-transform:uppercase; margin-bottom:10px;}
.right_panel .button{ background:#fbaf17; margin:0 auto; color:#fff; text-align:center; width:250px; height:35px; border:none; font-weight:bold; text-transform:uppercase; font-size:12px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52); cursor:pointer;}
.right_panel .button:hover {opacity:0.8;}
.cntr{ text-align:center;}

.sidebar{  border:1px solid #2b5fb0; border-radius:5px; margin:30px 0 0 0;}
.sidebar h1{ background:url(images/quote_bg.png) #184996;  padding:20px 0; }
.sidebar ul{  padding:5px 25px; margin:0;}
.sidebar ul li{ background: url(images/arrow.png) no-repeat 10px center; list-style:none;  padding:5px 10px 5px 25px; margin:2px 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
.sidebar ul li:hover{ background: url(images/arrow.png) no-repeat 25px center #164b9b; padding:5px 0 5px 35px;   }
.sidebar ul li a{ color:#769fe0;}
.sidebar ul li:hover a{ color:#85b5ff; text-decoration:none;}
/*----footer div css code start here---*/
.footer_outer{ background:#5e8dd5;}
.footer_inner{ background:url(images/footer_bg.jpg) repeat-y; float:left; width:100%;}
.footer_outer .left_box{ background:#265397; float:left; padding:30px 0;}
.footer_outer .left_box .info_outer{	width:140px; margin:20px 0 0 35px; float:left;}
.footer_outer .left_box .info_outer h2 {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);
font-family: 'Roboto Condensed', sans-serif;
}

.footer_outer .left_box .info_outer ul.links {
	float: left;
	margin: 0;
	padding:0;

}

.footer_outer .left_box .info_outer ul.links li {
	list-style: none;
	line-height:16px;
}
.footer_outer .left_box .info_outer ul.links li a {
	color: #b4d2ff;
	text-decoration: none;
	font-size:10px;
	text-transform:uppercase;
}
.footer_outer .left_box .info_outer ul.links li a:hover {
	color:#e0ecff;
}

.footer_outer .right_box{ background:#416fb5; float:right;}

.footer_outer .right_box h2{ background:#3364ae; font-size:26px; color:#fff; padding:20px 0 20px 20px; margin-left:-10px; width:100%; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52); font-family: 'Roboto Condensed', sans-serif;}
.footer_outer .right_box .phone{text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52); font-size:18px; background:url(images/phone_icon.png) no-repeat; padding-left:50px; color:#94beff; font-weight:bold; margin:20px 0 40px 40px; text-transform:uppercase;}
.footer_outer .right_box .phone .colr{ color:#f09d00; padding-right:30px;}
.footer_outer .right_box ul.social{ margin-left:100px;}
.footer_outer .right_box ul.social li{ float:left; list-style:none; margin-right:12px;}
.footer_outer .right_box ul.social li:hover a img{opacity:0.8; filter:alpha(opacity:80);}

.validation_error {font-weight:bold; font-size:10px; padding:10px; color:#fff;}
.validation_message {font-weight:bold; font-size:10px; padding:10px; color:#fff;}
/*----footer-area div css code end here---*/

#galleryimg
{
text-align:center;
width:170px;
float:left;
padding:0px 10px 10px 10px;
}

#galleryimg img
{
width:100%;
border: 2px solid #2b5fb0;
}

#galleryimg span
{
color:#fff;
font-weight:bold;
display:block;
padding:10px;
}

.breadcrumb li{display:inline-block; color:#fff;}
#breadcrumb{margin-bottom:20px;}

#gforms_confirmation_message {color:#fff; padding:20px; font-size:12px; line-height:1.6em;}

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

.gmap-canvas
{
border:5px solid #6299ed;
padding:5px;
}

.left_panel {
color: #83acec;
line-height: 24px;
margin-top: 10px;
margin-bottom: 30px;
}

.left_panel .gform_body {padding:10px;}
.left_panel input, .left_panel textarea {
font-weight: bold;
color: #769fe0;
font-size: 13px;
width: 80%;
padding: 10px 10px 10px 10px;
border-radius: 10px;
border: none;
color: #769fe0;
font-size: 12px;
box-shadow: 0 2px 4px #0d2c5d inset;
margin-bottom: 12px;
font-family: inherit;
}

#gform_submit_button_2 {margin-left:20px; width:200px; color:#0455a7; background:#fbaf17; text-transform:uppercase;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); cursor:pointer;}
.left_panel .ginput_container {padding:5px}
.left_panel label {font-weight:bold}