/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(http://nbis.snspreview3.com.au/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(http://nbis.snspreview3.com.au/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(http://nbis.snspreview3.com.au/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
body {
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	font-family: "open sans",Arial, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 14px;
	color: #FFF;
	background: #000;
}
.bg body {
	background: url("/uploads/images/banner-bg.png") repeat-x scroll 100% 30.3%;
}
a {
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; /* Firefox 4 */
	-webkit-transition-duration: 0.5s; /* Safari and Chrome */
	-o-transition-duration: 0.5s;
	color: #b8b8b8; /* Opera */
}
a:hover {
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; /* Firefox 4 */
	-webkit-transition-duration: 0.5s; /* Safari and Chrome */
	-o-transition-duration: 0.5s; /* Opera */
    
	color: #8c0001;
}
img {
}
.dotted-line-horizontal {
	background-image: url(/uploads/images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.dotted-line-vertical {
	background-image: url(/uploads/images/dotted_line_v.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
h1,h2,h3{
        line-height: 1.5em;
        font-weight: normal;

}
h1 {
	font-size: 27px;
	color: #FFF;
        margin: 0px 0px 5px;
        
	/* border-bottom: 1px dotted #CCC; */
	
}
.home h1 {
	font-size: 24px;
	padding: 10px 10px;
	background: #8c0001;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color:#b54b4c;
}
h3 , h3 a , h4{
	font-size: 15px;
        
	color: #ff0002;
}
h3 em {
       font-size: 15px;
       margin: -5px 0px 0px;
       display: block;
}
.image-border {
	border: 4px solid #E7E7E7;
}
.image-float-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 14px;
}
.image-float-right {
	float: right;
        margin: 56px 0 12px 20px;
}
.services .image-float-right{
margin: 12px 0 12px 20px;
}

.works .image-float-right {
    margin: 9px 0 12px 20px;
}
.primary-image {
	display: block;
margin: -32px 0 0 -30px;
}
.main-wrapper {
	margin: 0px auto;
	width: 960px;
}
/* header style */
.header-wrapper {
	height: 231px;
	display: block;
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        
	/* width: 940px
 */}

#logoSection {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}
#contactDetailsSection {
    color: #2C81BD;
    font-size: 19px;
    line-height: 1.2em;
    margin: -2px 38px 0;
    padding: 5px 0;
    position: absolute;
    right: -32px;
    top: 82px;
    width: 225px;
    z-index: 1;
}
#contactDetailsSection img {
	  margin: 1px -8px -14px 18px
	
}
#contactDetailsSection span {
	color: #2C81BD;
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin: -17px 4px 0 60px;
}
#contactDetailsSection span + span {
	color: #4C4C4C;
	margin: -1px 0px 0 62px;
	font-size: 20px;
        font-style: italic;
}
.top-social-links {
 position: absolute;
    right: 32px;
    top: 131px;
}
/* wrapper style */
.main-content-wrapper {
	/* width: 940px; */
	margin: 27px auto;
}
/* banner style */
.banner-wrapper {
	position: relative;
	margin: 0px auto;
	overflow: hidden;
}
.banner-wrapper img{
	display: block;
	margin: 0 auto;;
}
.banner-wrapper .slogan {
   -moz-box-sizing: border-box;
box-sizing: border-box;
    bottom: 14px;
    color: #FFFFFF;
    font-size: 26px;
    font-style: italic;
    font-weight: 100;
    left: 20px;
    letter-spacing: -1.9px;
    line-height: 39px;
    margin: 0;
    max-width: 700px;
    padding: 7px 33px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    width: 420px;
}
/* inner content wrapper style */
.content-wrapper {
	margin: 0px auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 15px 20px;  
        min-height: 350px;  
        overflow: hidden;  
height: auto !important;
min-height: 43%;
}
.home .content-wrapper {
    padding: 43px 0px 4px;
	
}
.content-wrapper ul {
	overflow: hidden;
    list-style-image: url(/uploads/images/bullet.png);
}
.services-list {
       margin: 11px 0 -9px;
}
.services-list li {  
       width: 210px;  
       float: left;
}
/* primary & secondary columns style */
#primaryColumn {
        float:left;
        width: 30%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
}
.home #primaryColumn p {
    font-size: 17px;
	
}
.home #primaryColumn h3 {
    font-size: 17px;
	
}
.home #primaryColumn ul {
    list-style-image: url(/uploads/images/bullet1.png);
	
}
.contact-us #primaryColumn {
  margin: -25px 0 0;
    width: 30%
}
.contact-us #secondaryColumn{
  margin: -17px 0 0;
    padding: 0 0 0 37px;
    width: 64%;
 border-left: 1px dotted #FFFFFF;
}
.contact-us #secondaryColumn .captcha img {
margin: 0px 14px 0px 0px;
}
#secondaryColumn{
	width: 60%;
	float: right;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
 
	margin: -25px 0 24px;
 
	/* border-left: 1px dotted #ccc; */
 
	/* padding: 0px 0px 0px 27px; */
	color: #aa0001;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.2em;
	word-break: break-word;
}
#secondaryColumn img {
  /* border: 1px solid #FFFFFF; */
  margin: 0px 0px 0px 24px;
}
.home #secondaryColumn ul{
    list-style-image: url(/uploads/images/bullet2.png);
	
}
.home #secondaryColumn li{
    font-size: 15px;
	
}
.style-image-margin {
  margin: 14px 0 -1px;
}
/* footer style */
.footer-wrapper {
	width: 100%;
	margin: 0 auto;
	height: 88px;
	overflow: hidden;
	position: relative;
	background: #000000;
	clear: both;
	border-top: 3px solid #8c0001;
}
.footer-inner-wrapper {
	width: 940px;
        margin: 0px auto;
	display: block;
	padding: 18px 0px 0px;
}
.footer-text {
	/* color: #c2c2c2; */
font-size: 13px;
	
}
.footer-text a {
        color: #FFF;
	text-decoration: none;
}
.footer-text a:hover {
	text-decoration: none;
}
a.footer-link:hover {
	color: #DE1E25;
	text-decoration: underline;
}
.copyright {
	height: 30px;
	z-index: 1;
	color: #00;
	width: 534px;
	float: left;
	margin: 0px 0px 0px 45px;
}
/* social media links style */
#social {
	width: 439px;
	height: 30px;
	z-index: 1;
	text-align: right;
	float: right;
        
	margin: -38px 16px 12px 9px;
    color: #c2c2c2;
}
#social img {
	vertical-align: middle;
	/* margin-left: 8px; */
	margin: 0px 0px 0px 31px;
}
/* tabs style */
.home-tabs {
	list-style-image: none !important;
   	list-style: none;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	clear: both;
	padding: 0px;
	overflow: hidden;
	 margin: 0px 0px 0px -26px;
	 
	/* width: 940px; */
}
.home-tabs div {
	 float: left;
	 width: 23%;
	-moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
}
.home-tabs div + div {
	margin: 0px 0px 0px 93px;
}
.home-tabs div img {
	display: block;
}
.home-tabs  div {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home-tabs  div a{
    text-decoration: none;
text-transform: uppercase;
font-size: 17px;
display: block;
min-height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 12px auto 5px;
}
.home-tabs .tabs-headings {
 border-bottom: 1px solid #BDD7EA;
    margin: 32px 0 -13px;
}
.home-tabs div a span {
	font-size: 19px;
	color: #333333;
}
.home-tabs div a:hover {
        color:#ffde00;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.home-tabs div a:hover span , .home-tabs  div p a:hover {
	color: #84b5d9 ;
}
.home-tabs div p {
    -moz-box-sizing: border-box;
    padding: 2px 7px 0px 0px;
    width: 290px;
    box-sizing: border-box;
}
.home-tabs  div p a {
	text-align: left;
	color: #484645;
	background: none;
	font-size: 11px;
	
}
/* Sample FormBuilder style */
form {
	margin: 0px 0px 20px;
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 0px;
}
fieldset div div {
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	clear: both;
	display: block;
	border-bottom: 1px dotted #CCC;
	width: 95%;
}
fieldset div div + div {
	margin-top: 2px;
}
.contactform fieldset div div label {
	padding-top: 0px;
	font-weight: normal;
	font-size: 12px;
	margin-right: auto !important;
}
fieldset {
	margin-bottom: 1em;
	border: 0px solid #F60;
	padding: 0px;
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC;
	display: none;
	line-height: 42px;
	text-shadow: 2px 1px 1px #000000;
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 379px;
	text-align: left;
        font-size: 16px;
}
.captcha img {
	border: 1px solid #CCC;
	margin-bottom: 0.5em;
	margin-right: 10px;
	float: left;
}
.captcha input {
	width: 196px;
	margin-top: 0.5em;
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input[type="text"] {
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 87%;
	padding: 6px 10px;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.contactform input[type="text"]:focus {
	background-color: #EEE;
	border: 1px solid #CCC;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
input.cms_submit {
	border: 1px solid #CCC;
	background-color: #ff0002;
	color: #FFF;
	width: 100px;
	padding: 6px 10px;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
	cursor: pointer;
}
input.cms_submit:hover {
	border: 1px solid #CCC;
	background-color: #8c0001;
	color: #FFF;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	font-weight: bold;
	padding-top: 6px;
	font-size: 14px;
	margin-right: 200px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 87%;
	padding: 6px 10px;
	font-size: 14px;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.contactform textarea:focus {
	background-color: #EEE;
	border: 1px solid #CCC;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.contactform .cms_dropdown {
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 98%;
	padding: 6px 10px;
	font-size: 14px;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	-ms-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.contactform input.cms_checkbox {
	width: auto !important;
	float: left;
}
.error_message {
	background-color: #EEE;
	padding: 10px;
	color: #F00;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 90%;
	border: 1px solid #DDD;
	margin-bottom: 20px;
}
.error_message ul {
	margin: 0px;
}
.information fieldset div {
margin: 10px 0;
}
.information label {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
 margin: 0 10px 0 0;
    padding: 7px 6px 11px 0;
}
.information input[type="text"] {
width: 44%;
}
h3 + a {
text-decoration : none;
}
/* table content start */
.content_table {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}
.content_table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 4px 10px;
}


/* Genaral menu style*/
.link-list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/* first menu style */
.primary-menu {
	position: relative;
	text-align: left;
	z-index: 1;
	color:#000;
	height: 50px;
	top: 181px;
	/* width: 100%; */
	background: #8c0001;
	font-family: "Tahoma", "open sans", arial;
}
/* primary ul style */
.primary-ul li {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 49px;
}
.primary-ul li a {
	display: block;
	text-decoration: none;
	font-size: 14px;
        line-height:1.2em;
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        
	padding: 17px 14px 21px;
        
	color: #FFF;
	text-transform: uppercase;
}
.primary-ul li a span {
padding: 0px 13px;
}
.primary-ul li a:hover,.primary-ul li a.active-menu-item, .primary-ul li.active-menu-item {
	/* background: #1271b5; */
    color: #FFF;

}
.primary-ul li a.active-menu-item {
    font-weight: bold;

}

.primary-ul li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	width: 258px;
}
/* sub ul style */
.sub-ul {

	display: none;
	position: absolute;
	top: 50px;
	background: #8c0001;
}
.sub-ul ul {
	margin-top: 1px;
	margin-left: 0px;
	left: 100%;
	top: -1px;
}
.sub-ul li{
}
.sub-ul li a span{
	border-right: none;
	
}
.parent-menu-item:hover > .sub-ul, .sub-ul .parent-menu-item:hover .sub-ul {
	display: block;
}
/**/
/* secondary menu */
.secondary-menu {
	margin: 0;
	height: 11px;
}
.secondary-menu li {
	float: left;
}
.secondary-menu a, .menu-link-text span {
	text-decoration: none;
	display: block;
	background-position: center;
	border-right: 1px solid #C2C2C2;
	margin:0 10px 0 0;
	padding: 0 10px 0 0;
	line-height: 12px;
        
	color: #FFF;
font-size: 13px;
}
.secondary-menu li a:hover {
	text-decoration: underline;
	color: #8c0001;
}
.secondary-menu .active-menu-item:hover {
	color: #FFF;
}
.secondary-menu .active-menu-item a {
	text-decoration: none;
	color: #FFF;
	display: block;
	background-position: center;
	margin:0 10px 0 0 ;
}
.primary-menu li:last-child a span , .secondary-menu li:last-child a {
        border-right: none;
}
.newsletter-submission {}
/* Footer */

/* Stylesheet: theme Modified On 2014-04-09 11:13:51 */
/* Stylesheet: theme Modified On 2014-04-10 14:16:47 */