/* 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: 13px;
	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: #2a66b3; /* 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: #4288DF;
}
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;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color:#1158B1;
}
h3 , h3 a {
	font-size: 15px;
        color: #cbd4df;
}

h3 em {
       font-size: 15px;
       margin: -5px 0px 0px;
       display: block;
}
.image-border {
	border: 4px solid #E7E7E7;
}
.image-float-left {
	float: left;
	margin: 13px 0px 0px;
}
.image-float-right {
	float: right;
        margin: 19px 0 12px 20px;
}
.primary-image {
	display: block;
margin: -32px 0 0 -30px;
}
.main-wrapper {
	margin: 0px auto;
	width: 940px;
}
/* header style */
.header-wrapper {
	height: 161px;
	display: block;
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        
	/* width: 940px
 */
	background: url(/uploads/images/header-bg.png) no-repeat 100% 0% #1158b1;
}

#logoSection {
	position: absolute;
	z-index: 1;
	top: 51px;
	left: 23px;
}
.header-text{
    /* color: #4288df; */
    /* font-size: 19px; */
    line-height: 1.2em;
    margin: 113px 21px 0px 563px;
    padding: 5px 0;
    position: absolute;
    /* right: -261px; */
    /* top: 82px; */
    width: 241px;
    z-index: 1;
    height: 118px;
    /* border-left: 1px dotted #FFF; */
}
.header-text span {
	color: #4288df;
    display: block;
    
	font-size: 27px;
    font-weight: bold;
    
	/* margin: 28px 4px 0 20px; */
	font-family: "open sans",Arial, sans-serif;
}
/* wrapper style */
.main-content-wrapper {
	/* width: 940px; */
	margin: 6px 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: 13px;
    color: #FFFFFF;
    
   font-size: 20px;
    
   border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
   font-style: italic;
    
   font-weight: normal;
    
   right: 0px;
    letter-spacing: -0.9px;
    line-height: 33px;
    margin: 0;
    
   /* font-family: "cabin", sans-serif; */
   /* height: 262PX; */
   max-width: 644px;
    
   padding: 13px 39px;
    position: absolute;
    
   text-shadow: 1px 1px 0px #3C3737;
    
   width: 375px;
   background: #2a66b3;
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

  /* IE 5-7 */
  filter: alpha(opacity=85);

  /* Netscape */
  -moz-opacity: .85;

  /* Safari 1.x */
  -khtml-opacity: .85;

  /* Good browsers */
  
   opacity: .85;
}
.slogan span {
	font-family: "open sans",Arial, sans-serif;
	font-size: 20px;
	font-weight: 100;
}
/* inner content wrapper style */
.content-wrapper {
	margin: 0px auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 18px 30px;  
        min-height: 350px;  
        overflow: hidden;  
height: auto !important;
min-height: 43%;
}
.content-wrapper ul {
	overflow: hidden;
    list-style-image: url(/uploads/images/bullet1.png);
}
.home .content-wrapper{
    padding: 0px;
}
.content-wrapper{
    padding: 65px 20px;
}
.services-list {
       margin: 11px 0 -9px;
}
.services-list li {  
       width: 210px;  
       float: left;
}
/* primary & secondary columns style */
#primaryColumn {
        float:left;
        width:63%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
}
#secondaryColumn{
	width: 34%;
	float: right;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
margin: 5px 0 24px;
 border-left: 1px dotted #ccc;
 padding: 0px 0px 0px 27px;
}
#secondaryColumn img {
  border: 1px solid #FFFFFF;
}
.style-image-margin {
  margin: 14px 0 -1px;
}
/* footer style */
.footer-wrapper {
	/* width: 100%; */
	margin: 0 auto;
	height: 74px;
	overflow: hidden;
	position: relative;
	background: #545252;
	clear: both;
}
.footer-inner-wrapper {
	width: 940px;
        margin: 0px auto;
	display: block;
	padding: 18px 0px 0px;
}
.footer-text {
	color: #d8d6d7;
font-size: 13px;
	
}
.footer-text a {
        color: #d8d6d7;
	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: #000;
	width: 534px;
	float: left;
	margin: 0px 0px 0px 45px;
}
/* social media links style */
#social {
	width: 289px;
	height: 30px;
	z-index: 1;
	text-align: right;
	float: right;
        
	margin: 1px 62px 12px 9px;
    color: #c2c2c2;
}
#social img {
	vertical-align: middle;
	margin-left: 8px;
}
/* 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 auto;
	 
	/* width: 940px; */
}
.home-tabs div {
	 float: left;
	 width: 32.33%;
	-moz-box-sizing: border-box;
        box-sizing: border-box;
        
	 /* margin: 0 auto; */
}
.home-tabs div + div {
	margin: 0px 0px 0px 0px;
}
.home-tabs div img {
	display: block;
}
.home-tabs  div:first-child {
    margin: 0px 0px 0px 15px;

}
.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;
    color: #FFF;
}
.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 .tab1,.home-tabs .tab2,.home-tabs .tab3{
    /* text-align: center; */
	
    /* width: 255px; */
    /* color:  #FFF; */
    margin: 24px 0px 0px 5px;
}
.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: #4288DF;
}
.home-tabs div p {
    -moz-box-sizing: border-box;
    padding: 2px 0px 0px 3px;
    width: 274px;
    box-sizing: border-box;
    color: #C1C7C9;
}
.home-tabs  div p a {
	text-align: left;
	color: #1158b1;
	background: none;
	font-size: 11px;
	
}
/* Sample FormBuilder style */
form {
	margin: 0px 0px 20px;
}
form, td, th, li {
	font-size: 100%
;
	letter-spacing: 0.09PX;
}
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: 320px;
	text-align: left;
}
.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: 71%;
	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: #545252;
	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: #1158b1;
	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: 72%;
	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: 49px;
	top: 161px;
	/* width: 606px; */
	background: #201f1f;
	font-family: "open sans", arial;
	/* padding: 0px 0px 0px 74px; */
}
/* 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 8px 16px;
        
	color: #FFF;
}
.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 {
    padding-bottom: 15px;
    background: #4288DF;

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

.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: #201f1f;
}
.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: #d8d6d7;
font-size: 13px;
}
.secondary-menu li a:hover {
	text-decoration: underline;
	color: #FFF;
}
.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 ;
	font-weight: bold;
}
.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 12:36:42 */

/* Stylesheet: theme Modified On 2014-04-10 14:33:34 */

/* Stylesheet: theme Modified On 2014-04-11 13:03:45 */

/* Stylesheet: theme Modified On 2014-04-14 16:40:23 */