/***********************
*  Site Specific CSS   *
************************/

@import url("http://cdn.myld.com.au/1/css/socialmedia.css");
@import url("http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css");
@import url("http://cdn.myld.com.au/1/js/plugins/CameraSlider/css/camera.css");
@import url('http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.css');
@import url('http://cdn.myld.com.au/1/js/plugins/Isotope/jquery.isotope.css');
@import url("http://cdn.myld.com.au/1/bootstrap/2.3.1/css/grid.css");

.isotope-item {
  margin-bottom:0px;
}
.grid-3 {
  width:24.8%;
  padding:3px;
}

/*  Fonts
_________________________________________*/
@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-light-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-light-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-light-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-bold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-bold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-bold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-extrabold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-extrabold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-extrabold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condlight-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condlight-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condlight-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condbold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condbold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condbold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: 700;
    font-style: normal;
}





/*  Mobile Nav Icons Styles
_________________________________________*/
.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus {
  background: #000;
  border: solid 1px #000;
	color: #fff;
}

/*	Sticky Nav Icons Styles
_________________________________________*/
.navbar .navbar-inner.sticky {
    width:100%;
    padding:10px 10px 10px!important;
    background: #fff!important;
    color: #2A3B90;
    margin-left:0px;
    margin-right:0px;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
		border-bottom: #2A3B90 1px solid;
    filter:none!important;
}
.navbar .navbar-inner.sticky h1{ font-weight: 300; }

.navbar .navbar-inner.sticky .container {
    padding-bottom:0px;
}

/*Mobile footer branding styles*/
#footer-branding {
	padding: 7px 0 9px;
	background: #fff;
}

#ld_branding_link_mobile {
    background-image: url("http://cdn.myld.com.au/1/images/logos/poweredbyld_lightgrey.png");
}

/* Main	Styles
_________________________________________*/
body{ 
	font-family: 'Open Sans';
}
.container{ 
	max-width: 1110px;
	width: 100%;
	margin: 0 auto;
}
a{ color: #283a8f; }
a:hover{ 
	color: #283a8f;
	text-decoration: underline;
}
nav ul{ 
	margin: 0;
	padding: 0;
	list-style: none;
}
.nomargin{ margin: 0!important; }

.btn-primary {
  background: #2A3B90;
  color: #fff;
  text-shadow: none;
  border: 1px solid #fff;
  box-shadow: none;
	font-family: 'Open Sans';
}
.btn-primary:hover,
.btn-primary.active {
  background: #3244a1;
  border: 1px solid  #fff;
	text-decoration: none!important;
	color: #fff;
}
h1.title{ max-width: 600px; }

/** Header **/
#header{ 
	background: #ffffff;
	padding: 60px 0;
}
#header .container{ 
	position: relative;
}
#logo{ 
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -162px;
	z-index: 999;
}

/** Navigation **/
#nav { background: none; text-align: center; }
#nav .navbar{ margin: 0; }
#nav .navbar-inner {
    background: none;
    border: none;
    -webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		 filter:none!important;
    min-height: inherit;
    padding-left: 0;
    padding-right: 0;
}
#nav .navbar .nav > li > a {
    color: #939598;
    float: none;
    padding: 50px 10px 42px;
    text-decoration: none;
    text-shadow: none;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
}

#nav .navbar .nav{ 
	float: none;
	margin: 0 auto;
	display: table;
	width: 100%;
}
#nav .navbar .nav > li{ 
	float: none;
	display: table-cell;
}

#nav .navbar .nav > li.space{ 
	width: 324px;
}

#nav .navbar .nav > .active > a, #nav .navbar .nav > .active > a:hover, #nav .navbar .nav > .active > a:focus,
#nav .navbar .nav a:hover{ 
	background: url(http://cdn.myld.com.au/2/522/cjd-electrical_c353fd9ffa.png) no-repeat bottom center;
	color: #2a3b90;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/** Slider **/
#slider{ 
	margin-bottom: 15px;
}
.camera_wrap{ 
	height: 545px !important;
  margin-bottom: 0 !important;
  max-height: 545px !important;
}

.camera_wrap .camera_pag{ 
	width: 100%;
	position: absolute;
	bottom: 20px!important;
	z-index: 9999;
	left: 0!important;
}

.camera_wrap .camera_pag .camera_pag_ul li{ 
	margin: 0 4px;
}
.camera_wrap .camera_pag .camera_pag_ul{ margin: 0 auto -5px; text-align: center; }
.camera_wrap .camera_pag .camera_pag_ul li{ 
	float: none;
	display: inline-block;
	background: #eeeeee;
	width: 12px!important;
	height: 12px!important;
	
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
}

.camera_wrap .camera_pag .camera_pag_ul li span{ 
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover span,
.camera_wrap .camera_pag .camera_pag_ul li:hover{ 
	background: #fc9fb1!important;
}

.camera_wrap .camera_pag .camera_pag_ul li > span{ 
	width: 12px!important;
	height: 12px!important;
	top: 0;
	left: 0;
}


#slider { 
	position: relative; 
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
#slider .slide-text{ 
	padding: 20px 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(http://cdn.myld.com.au/2/522/cjd-electrical_fb4935eb0d.png) repeat;
}

.slide-text h3{ 
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.slide-text p{ margin: 0; 
	letter-spacing: -0.015em;
	line-height: 29px;
}

/** Content **/
#content { 
	padding: 0 0 30px;
}

label{ font-size: 14px; font-weight: 300; }

.clear{ clear: both; }
.services{ margin: 0 0 15px; }
.services .item{ 
	padding: 50px 5px;
	background: #3044a8 url(http://cdn.myld.com.au/2/522/cjd-electrical_d95a3f172f.png) repeat-x bottom;
	text-align: center;
	max-width: 350px;
	margin: 0 auto;
}
.services figure{ 
	min-height: 120px;
	line-height: 120px;
	margin: 0 auto 20px;
	text-align: center;
}

.services h3{ 
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	line-height: normal;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.015em;
}
.services a,.services a:hover
.services a:hover h3{ color: #fff; text-decoration: none; }


.page-ttl{ 
	background: #2c409f url(http://cdn.myld.com.au/2/522/cjd-electrical_c6594aa47c.png) repeat-x bottom;
	padding: 20px;
}

#main{ 
	padding: 50px 25px;
	background: #f7f7f7;
	color: #1e1e1e;
	line-height: 20px;
	letter-spacing: -.015em;
	font-size: 14px;
	font-weight: 300; 
	border-bottom: 2px solid #F1F1F1;
}

#main h2{ 
	color: #283a8f;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 10px;
	line-height: normal;
}
#main article{ 
	margin-bottom: 20px;
}
.image-full{ 
	margin: 30px -25px 40px;
	max-width: 1110px;
}
#main ul{ 
	list-style: url(http://cdn.myld.com.au/2/522/cjd-electrical_f7e8d5f9bd.png) outside;
}

#main p strong{ font-weight: 600; }

/** Footer **/
#footer{ 
	background: #fff;
	color: #939598;
	font-size: 13px;
	line-height: normal;
	padding: 30px 0;
}
#footer ul{ 
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer li{ 
	display: inline-block;
	padding-right: 40px;
	vertical-align: middle;
}
#footer li.last{ 
	float: right;
	padding-right: 0;
}

#footer .contact{ 
	font-weight: 600;
	padding-top: 15px;
	margin-bottom: 5px;
}

#footer a,
#footer a:hover{ color: #939598; }

input,
textarea{ 
	font-family: 'Open Sans';
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	-moz-box-shadow: 0 0 8px rgba(40, 58, 143, 0.6);
	-webkit-box-shadow: 0 0 8px rgba(40, 58, 143, 0.6);
	box-shadow: 0 0 8px rgba(40, 58, 143, 0.6);
	border-color: #283A8F;
	font-weight: 300;
	
}

#map{ 
	height: 421px;
	margin: 0;
	background: #E9E5DC;
}

#enquiry{ height: 150px; }

.rotate{ 
	-webkit-transition-duration: 0.8s; 
	-moz-transition-duration: 0.8s; 
	-o-transition-duration: 0.8s; 
	transition-duration: 0.8s; 
	-webkit-transition-property: -webkit-transform; 
	-moz-transition-property: -moz-transform; 
	-o-transition-property: -o-transform; 
	transition-property: transform; 
	overflow:hidden; }	 
.services .item:hover .rotate	 { 
	-webkit-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 
} 

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) and (max-width: 1169px) { 
body{ padding: 0 30px; }

#footer-branding{ 
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -30px;
	margin-right: -30px;
}

.camera_wrap{ 
	height: 400px !important;
  margin-bottom: 0 !important;
  max-height: 400px !important;
}

.image-full{ max-width: 100%; margin: 30px auto; }

#header{ 
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer ul{ text-align: center; margin: 0 auto; }
#footer li{ 
	padding-right: 5px; 
	display: inline-block;
	text-align: center;
}
#footer li.last{ float: none; display: block; text-align: center; }
.services h3{ min-height: 48px; }
.services .item{ padding-top: 20px; padding-bottom: 20px; }

}



/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
body{ 
	padding: 0 15px;
}
#header{ 
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer-branding{ 
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -15px;
	margin-right: -15px;
}

#map{ height: 300px; }

#logo{ 
	position: relative;
	margin: 0 auto 15px;
	top: auto;
	left: auto;
	text-align: center;
}

#nav { margin-top: 0px; }
#nav .navbar .nav{ 
	display: block;
	margin-top: 10px;
}
#nav .navbar .nav > li{ 
	display: block;
	margin: 0 auto 2px;
	text-align: center;
	padding: 0;
}
#nav .navbar .nav li > a{ 
	font-size: 13px;
	padding: 5px 10px;
	display: block;
	height: auto;
}

#nav .navbar .nav li.active > a,
#nav .navbar .nav li > a:hover{ 
	background: #2a3b90;
	color: #fff;
}

.image-full{ max-width: 100%; margin: 30px auto; }

#main,
.page-ttl{ 
	padding: 15px;
}

.services .item{ padding-top: 20px; padding-bottom: 20px; }

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.services h3{ min-height: 48px; }

}

/* iPhone 5 landscape */
@media (max-width: 800px)  {
#logo{ 
	margin-top: 0;
}
h1.title {
		max-width: 600px!important;	
	}
.navbar-inner { padding-top: 0; }
.navbar-inner .container{ padding-bottom: 0; }

.inner-banner {
  display: none  
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	

#logo{ 
	margin-top: 0;
}

.services aside{ 
	margin-bottom: 15px;
}



#map{ height: 250px; }
h1.title {
	max-width: 600px;	
}

.gallery .span3{ 
	width: 48%;
	margin: 0 1% 10px!important;
	float: left;
}

}

/* Landscape phones and down */
@media (max-width: 480px) {

#map{ height: 200px; }
h1.title {
		max-width: 300px!important;	
	}
	
.gallery .span3,
.gallery .grid-3{ 
	width: 100% !important;
	margin: 0 auto 10px!important;
	float: none;
}

.isotope .isotope-item {
  width: 100%;
	margin: 0 auto 10px !important;
}

}  

/* -------------------------------------MAX WIDTH 480px---------------------------------------- */

@media (max-width: 320px) {
		
	h1.title {
		max-width: 160px!important;
	}
	
}

.navbar .btn-navbar{ 
	padding: 10px 13px 10px!important;
}
/****mobile responsive nav icon override****/
a.btn-tel {
	border: solid 1px #555;
	color: #555;
}

.navbar .btn-navbar {
	border: solid 1px #555;
	color: #555;
}
.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus {
	background: #2A3B90;
	border: solid 1px #fff;
	color: #fff!important;
	font-size: 16px!important;
	text-decoration: none!important;
	margin-bottom: 0!important;
}
 .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus
{ 
	border: #fff 1px solid!important;
	color: #fff;
	background: #3244a1;
}
.navbar .btn-navbar:hover span, .navbar .btn-navbar:active span, .navbar .btn-navbar:focus span, a.btn-tel:hover span, a.btn-tel:active span, a.btn-tel:focus span{ 
	color: #fff;
}