/*
Theme Name: Design-E
Theme URI: http://www.design-e.com.au
Author: INE-K Design...
Author URI: http://www.ine-kdesign.com
Description: Design-E website theme.
Version: 1.0
License: Copyright ©2015 INE-K Design. All Rights Reserved
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

/*#################### PRELOADER STYLES ####################*/
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:1000;
}

div#spinnerBg{
	width:40px;
	height:40px;
	background:#ccc;
	margin:-50%;
	opacity:0.2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

/********** Preloader Common **********/
.preloader_slider{
	font-family: font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	width: 100%;
	text-align: center;
	position: relative;
	margin: -32px 64px 0 0; 
	z-index: 800;
	top: 50%;
	display:none;
}

.preloader_slider span{
	font-family: font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

/*#################### GENERAL STYLES ####################*/
body{
	word-wrap:break-word; /* apply to all elements on page - break word if too long for width */
}

/* Standarize Font */
p, a, li, address, pre, h1, h2, h3, h4, h5, h6, sub, sup, span, table, th, td, caption, blockquote, del {
	font-family:Tahoma, Geneva, sans-serif;
}

/* Standarize Line-height */
p, a, li, address, pre, h1, h2, h3, h4, h5, h6, sub, sup, span, caption, blockquote, del {
	line-height:1.4em;
}

p{
	font-size:14px; 
	color:#333;
}

a{
	font-size:14px; 
	text-decoration:none;
	color:#333;
}

a:hover{
	color:#7E1618;
}

address{
	font-size:13px;
	font-style:italic; 
	color:#333;
}

h1{
	font-size:26px;
	color:#7E1618;
	font-weight:normal;
	text-transform: uppercase;
	margin:25px 0;
	text-shadow: 1px 1px #ccc;
}

h2{
	font-size:18px;
	color:#333;
	font-weight:normal;
	text-shadow: 1px 1px #ccc;
}

h3{
	font-size:14px;
	font-weight:bold;
	color:#000;
}

h4{
	display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5{
	display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6{
	display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

strong{
	font-weight: bold;
}

caption{
	font-size:14px; 
	color:#333;
	text-align:center;
}

blockquote{
	font-size:14px; 
	color:#333;
	padding:1em 1.4em;
	display:block;
}

sub{
	font-size:10px; 
	color:#333;
}

sup{
	font-size:10px; 
	color:#333;
}

li{
	font-size:14px; 
	color:#333;
}

.center{
	margin:0 auto;
}

.alignCenter{
	text-align:center;
}

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.clearB{
	clear:both;
}

/*** Restrict width content width ***/
img {
	max-width: 960px;
	height: auto; /* keep proportional */
}


/***** Standard red color *****/
.e_color{
	color:#7E1618;
}

/***** Fade class *****/
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
	opacity: 0.6;
}

div#wrapper{
	width:100%;
	height:auto;
	float:left;
}

div#container{
	width:960px;
	min-height:600px;
	margin:0 auto;
	padding:0 20px; /* Add some side margins */
}


/*#################### HEADER STYLES ####################*/
div#header{
	width:960px;
	height:130px;
	float:left;
	border-bottom:#666 solid thin;
	display:block;
	-webkit-box-shadow: 0 1px #ccc;
	-moz-box-shadow: 0 1px #ccc;
	box-shadow: 0 1px #ccc;
	-moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;
}

div#logo_wrap{
	width:200px;
	float:left;
	margin:32px 0 0 20px;
}

div#logo_wrap img{
	width:150px;
	height:82px;
	overflow: hidden;
}


/********** Menu Styles **********/
div#menu_wrap{
	float:right;
	margin:78px 20px 0 0;
}

div#menu_wrap ul li{
	padding-left:30px;
	float:left;
	text-shadow: 1px 1px #ccc;
	cursor: pointer;
}

div#menu_wrap ul li ul{
	z-index:10;
	position:absolute;
	display: none;
}

div#menu_wrap ul li ul li{
	padding:0;
	display: block;
}

div#menu_wrap ul li ul li span{
	padding:0 2px;
	color:#7E1618;
}

.submenu{
	font-family:'Archivo Narrow', Arial, sans-serif;
	font-size:0.9em;
	color:#7E1618;
	text-shadow: 1px 1px #ccc;
}

.submenu:hover{
	color:#999;
	text-shadow:none;
}

/*** Animate Submenu CSS3 ***/
#menu_wrap ul li:hover > ul{
    display:block;
    -moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;
}

/*** Help menu styles ***/
#menu_wrap a.help_btn{
	color:#7E1618;
	padding:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	background:#FF9;
}

#menu_wrap a.help_btn:hover{
	background:#FF9;
}

/*** Log out menu styles ***/
#menu_wrap a.logout_btn{
	color:#7E1618;
	padding:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	background:#FC3;
}


/*#################### CONTENTS STYLES ####################*/
div#contents{
	width:960px;
	min-height:400px;
	float:left;
}

/***** Set default CSS styles for content *****/
div#contents .contText_wrap a {
	color: #7E1618;
}

div#contents .contText_wrap a:hover{
	color: #999;
}

div#contents .contText_wrap ul {
	display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

div#contents .contText_wrap ol {
	display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

div#contents .contText_wrap ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}

div#contents .contText_wrap ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

/***** Content More buttons *****/
.contMore_wrap{
	width: 960px;
	clear:left;
	float:left;
	padding: 50px 0 0 0;
}

.contMore_btn{
	color:#FFF;
	font-size: 24px;
	cursor: pointer;
	width: 120px;
	height:35px;
	background:#7E1618;
	margin:0 auto;
	padding:5px 0 4px 0;
	text-align: center;
	display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.contMore_wrap a:hover{
	color:#fff;
}

/***** Content Back buttons *****/
.contBack_wrap{
	width: 960px;
	clear:left;
	float:left;
	margin: 50px 0 0 0;
}

.contBack_wrap a:hover{
	color:#fff;
}

/***** Scroll to Top *****/
.scrollup{
	color:#FFF;
	font-size: 1.5em;
	cursor: pointer;
	width: 50px;
	height:40px;
	background:#666;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
}

div.scrollup p{
	color: #fff;
	font-size: 20px;
	margin: 6px 0 0 0;
	
}

/********** General Content Styles - About, Privacy, Terms & Conditions **********/
.cont_wrap{
	width:960px;
	float:left;
	display: none; /* for fade in */
}

.contText_wrap{
	font-family:Tahoma, Geneva, sans-serif;
	width:960px;
	min-height: 240px;
	padding:0;
	overflow: hidden;
	/* text justify - 2 lines of code */
	text-align: justify;
    text-justify: inter-word;
	/*-moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;*/
}

.btm_panel{
	width: 100%;
	height:30px;
	background:#CCC;
	display: inline-block;
	margin:120px 0 0 0;
}

/* Restore default p margin for text content*/
.contText_wrap p{
	margin: 1em 0;
	font-family:Tahoma, Geneva, sans-serif;
}

/***** Image wrapping *****/
#contents .contText_wrap img.alignleft{
	float:left;
	padding-right:24px;
}

#contents .contText_wrap img.alignright{
	float:right;
	padding-left:24px;
}

#contents .contText_wrap img.aligncenter{
	display: block;
	margin: 0 auto;
}

/********** About Us Content Styles **********/
/* Hide slider till all images loaded via JS */
#slider{
	display: none;
}

div#slider_wrap{
	width:960px;
	height:450px;
	overflow:hidden;
	padding:20px 0;
	overflow:hidden;
	border-bottom:#666 solid thin; 
	-webkit-box-shadow: 0 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0 1px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow: 0 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* Hide bdav logo till all slider images loaded via JS */
div#slider_bdavLogo{
	position:relative;
	bottom:86px;
	left:16px;
	z-index: 100;
	display: none;
}

#mini_gallery{
	margin: 0 auto;
	display: none;
}

/*** Mini Gallery ***/
div#mini_gallery img{
	width:92px;
	height:92px;
	float:left;
	padding:32px 4px 0 0;
	/* Black and White not compatible in IE10+ */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	-moz-animation: fadeIn .2s ease-in  ;
    -webkit-animation: fadeIn .2s ease-in ;
    animation:fadeIn .2s ease-in ;
}


/********** Projects Content Styles **********/
.proj_cont{
	width:960px;
	min-height:400px;
	float:left;
	-moz-animation: fadeIn .4s ease-in  ;
    -webkit-animation: fadeIn .4s ease-in ;
    animation:fadeIn .4s ease-in ;
}

.proj_box{
	width:172px;
	height:335px;
	float:left;
	padding:0 0 0 25px;
}

.proj_box_1st{ /* must be after .proj_box */
	padding:0; /* remove left padding */
}

.proj_box a img{
	cursor: pointer;
}

.proj_cont .coming_soon{
	width:100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
}

.proj_box h2{
	font-size:14px;
	font-weight: bold;
	margin:25px 0 0 0;
	cursor: pointer;
	display: block;
}

.proj_box h3{
	font-weight:normal;
	margin:0 0 12px 0;
}

.proj_box h3 a{
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin:0 0 12px 0;
	cursor: pointer;
	display: block;
}

.proj_cont hr{
	width:960px;
	float:left;
	margin:28px 0 30px 0;
}


/********** Individual Projects Content Styles **********/
div#contents .ind_proj h1{
	margin-bottom:0;
}

div#contents .ind_proj h2{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom: 25px;
	color:#999; 
}

#contents .gallery{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	color:#333;
	border:none;
	width: 100%;
}

#contents .gallery img{
	border:none;
}

#contents .gallery dd.gallery-caption{
	line-height: 2em;
}

#contents .gallery dl.gallery-item{
	margin-top:0;
}

#contents .gallery .attachment-three-column-gallery{
	margin-left: 6px;
}

/* Single image caption style */
#contents .contText_wrap p.wp-caption-text{
	font-size: 12px;
	margin-top: 0;
	text-align: center;
}

/********** Enquiries Content Styles **********/
div#enq_cont{
	width:920px;
	padding:20px 20px 19px 20px; /* due to bottom border */
	float:left;
	border-bottom:#666 thin solid;
	-webkit-box-shadow:0 1px #ccc;
	-moz-box-shadow:0 1px #ccc;
	box-shadow:0 1px #ccc;
	-moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;
}

div#enq_details{
	float:left;
	margin-top:20px;
	padding-right:50px;
	width:300px;
}

.enq_heading{
	font-size:26px;
	color: #333;
	text-shadow: 1px 1px #ccc;
}

.enq_phone{
	margin-top:22px;
}

.enq_address{
	margin-top:14px;
}

.enq_addr_list{ /* align address details */
	margin-left:14px;
}

.enq_sep{
	margin-top:14px;
}

.enq_quote{
	margin-top:20px;
	font-style: italic;
	height:100px;
	overflow:auto;
}

div#enq_img{
	float:right;
	display:none;/* for preloader */
}

div#enq_bdavlogo{
	clear:left;
	float:left;
	margin-top:28px;
}


/*#################### FOOTER STYLES ####################*/
div#footer{
	width:960px;
	height:150px;
	float:left;
	display:block;
    -moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;
}

/********** Social Media Links Styles **********/
div#social_wrap{
	width:100%;
	float:right;
	margin:44px 20px 0 0;
}

div#social_wrap ul li{
	float:right;
	padding-left:5px;
}


/********** Footer Links Styles **********/
div#footer_links_wrap{
	float:left;
	margin:8px 0 0 20px;
	text-shadow: 1px 1px #ccc;
}

div#footer_links_wrap ul li{
	float:left;
	cursor: pointer;
}

div#footer_links_wrap ul span{
	padding: 0 0.2em;
}

div#footer_links_wrap ul li ul{
	z-index:10;
	position:absolute;
	display: none;
	margin: -5.4em 0 0 0;
}

div#footer_links_wrap ul li ul li{
	display:block;
	clear:left;
	float:left;
	color:#7E1618;
}

div#footer_links_wrap ul li ul li a{
	color:#7E1618;
}

div#footer_links_wrap ul li ul li a:hover{
	color:#999;
	text-shadow:none;
}

div#footer #social_wrap ul li a{
	cursor: pointer;
}

/*** Animate Submenu CSS3 ***/
#footer_links_wrap ul li:hover > ul{
    display:block;
    -moz-animation: fadeIn .8s ease-in  ;
    -webkit-animation: fadeIn .8s ease-in ;
    animation:fadeIn .8s ease-in ;
}

/********** Credits Styles **********/
div#credits_wrap{
	float:right;
	margin:8px 20px 0 0;
	text-shadow: 1px 1px #ccc;
}