/* CSS Document */



/*   

Theme Name: 999 Electrical

Theme URI: http://www.999electrical.com.au

Description: Awesome Theme by <a href="http://www.hypercreative.com.au/">Hyper Creative</a>

Author: Soon Weei

Author URI: http://www.hypercreative.com.au/

Version: 1.0

*/









/*Reset ======================================================== */



a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {

	background: transparent;

	border: 0 none;

	font-size: 100%;

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: top

}

ol, ul {

	list-style: none

}

blockquote, q {

	quotes: none

}

table, table td {

	padding: 0;

	border: none;

	border-collapse: collapse

}

img {

	vertical-align: top

}

embed {

	vertical-align: top

}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {

	display: block

}

mark, rp, rt, ruby, summary, time {

	display: inline

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	height: 1%;

	display: block;

}

* html .clearfix {

	height: 1%;

}

/* Global properties ======================================================== */





@font-face {

	font-family: 'oswaldregular';

	src: url('fonts/oswald-regular-webfont.eot');

	src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'open_sansregular';

	src: url('fonts/OpenSans-Regular-webfont.eot');

	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'open_sansbold';

	src: url('fonts/OpenSans-Bold-webfont.eot');

	src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'oswaldbold';

	src: url('fonts/oswald-bold-webfont.eot');

	src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bold-webfont.woff') format('woff'), url('fonts/oswald-bold-webfont.ttf') format('truetype'), url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');

	font-weight: normal;

	font-style: normal;

}

html {

	width: 100%;

	height: 100%;

}

* {

	padding: 0;

	margin: 0;

	outline: 0 none;

}

body {

	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 21px;

	color: #31414a;

	background: url(images/bg.png) repeat-x left top;

}

p {

	font-size: 14px;

	line-height: 20px;

	margin-bottom: 30px;

}

a {

	

	color:#f10b20;

	text-decoration: none;



}

a:hover {	

	color:#fc0606 !important;

	text-decoration: none;

}

b, strong {

	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;

	font-size: 14px;

}

em {

	font-style: italic;

}

.wrap {

	width: 100%;

	display: block;

}

.cwrap {

	width: 964px;

	display: block;

	margin: 0 auto;

}

/* Headings properties ======================================================== */

h2, h3, h4, h5, h6 {

	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;

	color: #31414A;

	margin-bottom: 0px;

	letter-spacing: 0px;

	font-weight:normal;

}

h2 {

	font-size: 23px;

}

h3 {

	font-size: 17px;

}

h4, h5, h6 {

	font-size: 14px;

}

/* Header   ======================================================== */



#header {

	height: 91px;

	display: block;

	width: 100%;

	padding: 17px 0 0 0;

	position: relative;

}

.logo {

	display: block;

	float: left;

	width: 337px;

}

.logo h1 a {

	width: 337px;

	height: 80px;

	display: block;

	background: url(images/logo.png) no-repeat 0 0;

	text-indent: -9999px;

	margin-left: 10px;

}

#header span {

	position: absolute;

	left: 540px;

	top: 85px;

	font-family: "oswaldregular", Arial, Helvetica, sans-serif;

	color: #465d69;

	font-size: 14px;

}

/* Content   ======================================================== */

#content {

	width: 646px;

	display: block;

	float: left;

}

#nav {

	background: #465d69;

	float: left;

	margin: 7px 0 9px 0 !important;

	padding: 0;

	height: 39px;

	display: block;

	clear: both;

	width: 646px;

	background: #465d69;

}

#nav li a, #nav li {

	float: left;

}

#nav li {

	list-style: none !important;

	position: relative;

	background: #465d69;

}

#nav li a {

	text-decoration: none;

	color: white;

	height: 39px;

	line-height: 39px;

	font-family: "oswaldregular", Arial, Helvetica, sans-serif;

	font-size: 16px;

	padding: 0 15px;

	text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);

	filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=-1, offy=1);

}

#nav li.current-menu-item > a {

	background: url(images/menu.png) repeat-x left top;

}

#nav li a:hover {

	background: url(images/menu.png) repeat-x left top;

	color:#ffffff !important;

}

/* Submenu */



.hasChildren {

	position: absolute;

	width: 12px;

	height: 13px;

	background:  url(images/arrow.png) no-repeat 0 0;

	right : 0;

	top: 15px;

}

#nav li ul {

	display: none;

	position: absolute;

	left: 0;

	top: 100%;

	padding: 0;

	margin: 0;

	z-index:9999;

}

#nav li:hover > ul {

	display: block;

}

#nav li ul li, #nav li ul li a {

	float: none;

}

#nav li ul li {

	_display: inline; /* for IE6 */

	background: #374954;

}

#nav li ul li a {

	width: 150px;

	display: block;

}

/* SUBSUB Menu */



#nav li ul li ul {

	display: none;

}

#nav li ul li:hover ul {

	left: 100%;

	top: 0;

}

.slider {

	margin-bottom: 8px;

	display: block;

	height:356px;

	width:646px;

}

.rb {

	background: url(images/bar.png) repeat-x left top;

	height: 56px;

	display: block;

	font-size: 18px;

	font-family: "open_sanssemibold", Arial, Helvetica, sans-serif;

	text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);

	filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=-1, offy=1);

	color: #ffffff;

	line-height: 56px;

	text-align: center;

	margin: 0;

	letter-spacing:0;

	font-weight:normal;

}

.rb span {

	font-size: 24px;

}

.breadcrumbs {

	font-family: "open_sansregular", Arial, Helvetica, sans-serif;

	font-size: 10px;

	height: 50px;

	line-height: 50px;

}

.breadcrumbs a {

	color: #465d69;

}

.title {

	font-size: 23px;

	margin-bottom: 30px;

	color: #F10B20;

}

.post {

	padding: 0 15px 0 0

}

#content ul {

	margin: 0 0 20px 20px;

}

#content ul li {

	list-style: disc;

}

/* Sidebar   ======================================================== */

#sidebar {

	width: 318px;

	display: block;

	float: right;

	position: relative;

}

#sidebar h2{

	font-size: 16px;

font-family: "open_sansbold", Arial, Helvetica, sans-serif;

margin-bottom: 5px;

color: #F10B20

}

#sidebar ul {

	margin: 0 0 20px 20px;

}



#sidebar ul ul{

	margin: 10px 0 10px 10px;

}



#sidebar ul li {

	list-style: disc;

}



#sidebar a{color:#31414a; }

#sidebar a:hover{color:#31414a; text-decoration:underline ; }

.form {

	background: url(images/form.png) no-repeat 0 0;

	width: 317px;

	height: 676px;

	position: absolute;

	top: -61px;

	text-align: center;

	display: block;

	clear: both;

}

.ftext1 {

	padding-top: 17px;

	color: #000000;

	font-size: 12px;

	line-height: 16px;

	margin: 0 0 10px 0;

}

.contact {

	margin: 5px 0 0 0;

	text-align: center;

}

.contact br{display:none;}

.contact input {

	border: 1px solid #c66921;

	font-size: 14px;

	color: #465d69;

	font-family: "open_sansregular", Arial, Helvetica, sans-serif;

	height: 34px;

	line-height: 34px;

	display: block;

	clear: both;

	margin: 0 auto;

	border-radius: 3px;

	width: 241px;

	padding: 0 7px;

	margin-bottom: 17px;

}

.contact textarea {

	border: 1px solid #c66921;

	font-size: 14px;

	color: #465d69;

	font-family: "open_sansregular", Arial, Helvetica, sans-serif;

	line-height: 21px;

	display: block;

	clear: both;

	margin: 0 auto;

	border-radius: 3px;

	width: 241px;

	padding: 8px 7px;

	margin-bottom: 17px;

	height: 140px;

}

.contact .submit {

	font-family: "oswaldbold", Arial, Helvetica, sans-serif;

	background: #150202;

	border: 1px solid #c5631a;

	color: #ffffff;

	font-size: 18px;

	text-transform: uppercase;

	height: 34px;

	line-height: 34px;

	cursor: pointer;

}

.contact p{margin:0}

.contact p.para {

	margin: -10px 35px 0 0;

	font-size: 12px;

	text-align: right;

	color: #000000;

}

.pwrap {

	display: block;

	margin: 620px auto 0;

	width: 268px;

}

.product {

	display: block;

	margin-bottom: 20px;

}

.product h2 {

	font-size: 16px;

	font-family: "open_sansbold", Arial, Helvetica, sans-serif;

	margin-bottom: 5px;

}

.product p {

	background: #475d69;

	margin: 0;

	padding: 0;

	height: 28px;

}

.product p a {

	background: #364751;

	font-size: 13px;

	color: #ffffff !important;

	height: 28px;

	line-height: 28px;

	display: block;

	float: right;

	padding: 0 7px;

}

.product p a:hover{

	text-decoration:none !important; color:#ffffff !important;

}

/* Footer   ======================================================== */

#footer {

	background: url(images/footer.png) repeat-x left top;

	min-height: 204px;

	margin-top: 20px;

	padding-top: 30px;

}

.copyright {

	font-size: 13px;

font-family: "open_sansbold",Arial, Helvetica, sans-serif;

	color: #ffffff;

	margin: 0;

	height: 40px;

}

.col1 {

	width: 250px;

}

.col2 {

	width: 230px;

}

.col3 {

	width: 210px;

}

.col4 {

	width: 274px;

}

.col1, .col2, .col3, .col4 {

	font-size: 13px;

	color: #ffffff;

	float: left;

}

.col1 h3, .col2 h3, .col3 h3, .col4 h3 {

	color: #ffffff;

	font-size: 13px;

	font-family: "open_sansbold",Arial, Helvetica, sans-serif;

}

.col2 a {

	color: #ffffff;

	font-family: "open_sansbold",Arial, Helvetica, sans-serif;

}

.col1 ul li, .ccol2 ul li {

	display: block;

	float: left;

	clear: both;

	width: 200px;

}

.col1 ul li span, .ccol1 ul li span {

	display: inline-block;

	float: right;

}

.social li {

	display: block;

	float: left;

	margin-right: 18px;

}

.footernav {

	width: 100%;

	display: block;

	padding-top: 35px;

}

.col5 {

	float: left;

	width: 664px;

}

.col6 {

	float: right;

	width: 300px;

	text-align: right;

}

.footernav ul {

	margin: 5px 0 0 0;

}

.footernav ul li {

	display: block;

	float: left;

	border-right: 1px solid #465d69;

	padding: 0 10px;

	text-align: center;

	line-height: 13px;

}

.footernav ul li a, .col6 a {

	font-size: 13px;

	color: #465d69;

}

.footernav ul li:last-child {

	border: none;

}

.footernav ul li a:hover, .col6 a:hover {

	color: #fc0606;

	text-decoration: none;

}

.footernav ul li.current-menu-item a {

	color: #fc0606;

	text-decoration: none;

}

/* Contact   ======================================================== */

.ccol1 {

	width: 260px;

	padding-right: 50px;

	float: left;

}

.ccol2 {

	float: left;

	width: 200px;

}

.ccol2 ul {

	margin: 0  0 80px 0!important;

}

.ccol2 a {

	color: #31414a;

	font-family: "open_sansbold",Arial, Helvetica, sans-serif;

}



.ccol2 p{margin:0;}

/* Testimonial   ======================================================== */

.testimonial {

	display: block;

	clear: both;

}

.testimonial img {

	float: left;

	margin: 0 15px 0 0;

}

.testimonial .wrap {

	float: right;

	width: 428px;

}

.testimonial p {

	margin-bottom: 0;

}

.testimonial p.name {

	margin: 30px 0 30px 0;

	font-style: italic;

}

.testimonial p span {

	color: #f10b20;

	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;

}





span.wpcf7-not-valid-tip{



	width:175px !important;

	border:none !important;

	color:red !important;

	background:none !important;

	padding:7px 0 !important; 

	top:0 !important;

	right:0 !important;	

	left: auto !important;

}

.wpcf7-form-control-wrap{position:relative; display:block;}

div.wpcf7-response-output{

	padding:0 !important;

	margin:8px 0 0 0 !important;

	font-size:13px !important;

	background:#ffffff !important;

}

.ngg-galleryoverview{

	margin-bottom:30px;

}



.theme-default .nivo-controlNav{

	left:75% !important;

}



.bgyellow{background:#ffff00;}

.footertext{display:block; font-size:13px;float: left;

clear: both;

margin-left: 10px;

margin-top: 5px;}



/* Table   ======================================================== */



table {

  max-width: 100%;

  background-color: transparent;

  border-collapse: collapse;

  border-spacing: 0;

}

.table {

  width: 100%;

  margin-bottom: 20px;

}

.table th,

.table td {

  padding: 8px;

  line-height: 20px;

  text-align: left;

  vertical-align: top;

  border-top: 1px solid #dddddd;

}

.table th {

  font-weight: bold;

}

.table thead th {

  vertical-align: bottom;

}

.table caption + thead tr:first-child th,

.table caption + thead tr:first-child td,

.table colgroup + thead tr:first-child th,

.table colgroup + thead tr:first-child td,

.table thead:first-child tr:first-child th,

.table thead:first-child tr:first-child td {

  border-top: 0;

}

.table tbody + tbody {

  border-top: 2px solid #dddddd;

}

.table .table {

  background-color: #ffffff;

}

.table-condensed th,

.table-condensed td {

  padding: 4px 5px;

}

.table-bordered {

  border: 1px solid #dddddd;

  border-collapse: separate;

  *border-collapse: collapse;

  border-left: 0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.table-bordered th,

.table-bordered td {

  border-left: 1px solid #dddddd;

}

.table-bordered caption + thead tr:first-child th,

.table-bordered caption + tbody tr:first-child th,

.table-bordered caption + tbody tr:first-child td,

.table-bordered colgroup + thead tr:first-child th,

.table-bordered colgroup + tbody tr:first-child th,

.table-bordered colgroup + tbody tr:first-child td,

.table-bordered thead:first-child tr:first-child th,

.table-bordered tbody:first-child tr:first-child th,

.table-bordered tbody:first-child tr:first-child td {

  border-top: 0;

}

.table-bordered thead:first-child tr:first-child > th:first-child,

.table-bordered tbody:first-child tr:first-child > td:first-child,

.table-bordered tbody:first-child tr:first-child > th:first-child {

  -webkit-border-top-left-radius: 4px;

  -moz-border-radius-topleft: 4px;

  border-top-left-radius: 4px;

}

.table-bordered thead:first-child tr:first-child > th:last-child,

.table-bordered tbody:first-child tr:first-child > td:last-child,

.table-bordered tbody:first-child tr:first-child > th:last-child {

  -webkit-border-top-right-radius: 4px;

  -moz-border-radius-topright: 4px;

  border-top-right-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:first-child,

.table-bordered tbody:last-child tr:last-child > td:first-child,

.table-bordered tbody:last-child tr:last-child > th:first-child,

.table-bordered tfoot:last-child tr:last-child > td:first-child,

.table-bordered tfoot:last-child tr:last-child > th:first-child {

  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-bottomleft: 4px;

  border-bottom-left-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:last-child,

.table-bordered tbody:last-child tr:last-child > td:last-child,

.table-bordered tbody:last-child tr:last-child > th:last-child,

.table-bordered tfoot:last-child tr:last-child > td:last-child,

.table-bordered tfoot:last-child tr:last-child > th:last-child {

  -webkit-border-bottom-right-radius: 4px;

  -moz-border-radius-bottomright: 4px;

  border-bottom-right-radius: 4px;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {

  -webkit-border-bottom-left-radius: 0;

  -moz-border-radius-bottomleft: 0;

  border-bottom-left-radius: 0;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {

  -webkit-border-bottom-right-radius: 0;

  -moz-border-radius-bottomright: 0;

  border-bottom-right-radius: 0;

}

.table-bordered caption + thead tr:first-child th:first-child,

.table-bordered caption + tbody tr:first-child td:first-child,

.table-bordered colgroup + thead tr:first-child th:first-child,

.table-bordered colgroup + tbody tr:first-child td:first-child {

  -webkit-border-top-left-radius: 4px;

  -moz-border-radius-topleft: 4px;

  border-top-left-radius: 4px;

}

.table-bordered caption + thead tr:first-child th:last-child,

.table-bordered caption + tbody tr:first-child td:last-child,

.table-bordered colgroup + thead tr:first-child th:last-child,

.table-bordered colgroup + tbody tr:first-child td:last-child {

  -webkit-border-top-right-radius: 4px;

  -moz-border-radius-topright: 4px;

  border-top-right-radius: 4px;

}

.table-striped tbody > tr:nth-child(odd) > td,

.table-striped tbody > tr:nth-child(odd) > th {

  background-color: #f9f9f9;

}

.table-hover tbody tr:hover > td,

.table-hover tbody tr:hover > th {

  background-color: #f5f5f5;

}

table td[class*="span"],

table th[class*="span"],

.row-fluid table td[class*="span"],

.row-fluid table th[class*="span"] {

  display: table-cell;

  float: none;

  margin-left: 0;

}

.table td.span1,

.table th.span1 {

  float: none;

  width: 44px;

  margin-left: 0;

}

.table td.span2,

.table th.span2 {

  float: none;

  width: 124px;

  margin-left: 0;

}

.table td.span3,

.table th.span3 {

  float: none;

  width: 204px;

  margin-left: 0;

}

.table td.span4,

.table th.span4 {

  float: none;

  width: 284px;

  margin-left: 0;

}

.table td.span5,

.table th.span5 {

  float: none;

  width: 364px;

  margin-left: 0;

}

.table td.span6,

.table th.span6 {

  float: none;

  width: 444px;

  margin-left: 0;

}

.table td.span7,

.table th.span7 {

  float: none;

  width: 524px;

  margin-left: 0;

}

.table td.span8,

.table th.span8 {

  float: none;

  width: 604px;

  margin-left: 0;

}

.table td.span9,

.table th.span9 {

  float: none;

  width: 684px;

  margin-left: 0;

}

.table td.span10,

.table th.span10 {

  float: none;

  width: 764px;

  margin-left: 0;

}

.table td.span11,

.table th.span11 {

  float: none;

  width: 844px;

  margin-left: 0;

}

.table td.span12,

.table th.span12 {

  float: none;

  width: 924px;

  margin-left: 0;

}

.table tbody tr.success > td {

  background-color: #dff0d8;

}

.table tbody tr.error > td {

  background-color: #f2dede;

}

.table tbody tr.warning > td {

  background-color: #fcf8e3;

}

.table tbody tr.info > td {

  background-color: #d9edf7;

}

.table-hover tbody tr.success:hover > td {

  background-color: #d0e9c6;

}

.table-hover tbody tr.error:hover > td {

  background-color: #ebcccc;

}

.table-hover tbody tr.warning:hover > td {

  background-color: #faf2cc;

}

.table-hover tbody tr.info:hover > td {

  background-color: #c4e3f3;

}