/*   
Theme Name: Corrsafe
Theme URI: http://greenturtle.com.au/
Description: designed for Corrsafe Bowen.
Author: Green Turtle Web Design
Author URI: http://greenturtle.com.au/
Version: 1.0

*/


/*Reset default browser CSS
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}



.clear {clear:both;}

body {
	background-color:#FFF;
}
	

#wrapper {
	margin: 0 auto;
	width: 960px;

}



/*Top Menu
-------------------------------------------------------------- */

#menu-container {
	position:relative;
	width:100%;
	height:40px;
	background-color:#0094d4;
}


#menu {
	float:right;
	text-align:right;
	position:relative;
		z-index:500;
		
}


#menu ul {
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
	font-weight:bold;
}
#menu ul li {
    display: inline-block;
    position: relative;
	text-align:left;
	text-transform:uppercase;
}
#menu li ul {
    display: none;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    padding: 15px 8px 10px 8px;
    background: transparent;
    white-space: wrap;
	
}
#menu ul li a:hover {
	color:#fead00;
background: #0094D4;
}
#menu li:hover ul {
    display: block;
    position: absolute;
}
#menu li:hover li {
    float: none;
    font-size: 12px;
	width:180px;
	background-color:#0094d4;
}
#menu li a {border:0;}
#menu li:hover a { background: #0094d4; border:0; }
#menu li:hover li a:hover {
    background: #0094D4;
}


#menu li ul li ul li a {
        left: 180px;
    position: relative;
	display:none;
	font-weight:normal;
}
#menu li ul li:hover ul li a {
display:block;
}

#menu ul li ul li ul {
	position:relative;
	top:0px;
}





/*Logo and Phone
-------------------------------------------------------------- */
#logo-container {
	width:100%;
	height:223px;
	position:relative;
	z-index:200;

}

#logo {
	position:relative;
	width:525px;
	height:223px;
	margin:0px 20px 20px 0px;
	float:left;
	top:-35px;
}

#logo-container h2 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#0094d4;
	font-size:65px;
	position:relative;
	float:right;
	margin-top:50px;
	letter-spacing:2px;
}


/*Hero Image
-------------------------------------------------------------- */

#hero-container {
	position:relative;
	width:100%;
	z-index:50;
	top:-102px;
}

#hero-container img {
	width:100%;
	height:auto;
}

#hero-container h1 {
	position:relative;
	font-size:80px;
	color:#FFF;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	float:left;
	z-index:100;
	top:-130px;
}

#hero-container h3 {
	position:relative;
	float:right;
	color:#FFF;
	font-weight:normal;
	font-family:Arial, sans-serif;
	font-size:35px;
	z-index:100;
	top:-90px;
}



/*Main Buttons
-------------------------------------------------------------- */

#onlinecourses a {
	position:relative;
	float:left;
	width:280px;
	height:20px;
	padding:10px;
	text-align:center;
	background-color:#FEAD00;
	color:#FFF;
		font-family:Arial, sans-serif;
	font-size:18px;
	margin-top:30px;
	margin-bottom:30px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);
text-decoration:none;
}


#main-container {
	position:relative;
	width:100%;
	top:-150px;
}

a#action-container-safety {
	position:relative;
	float:left;
	width:300px;
	height:200px;
	background-color:#FEAD00;
	background-image:url(images/hat-btn.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-right:30px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);
text-decoration:none;
}

#action-container-safety h2, #action-container-ohs h2, #action-container-drug h2 {
	color:#FFF;
	font-family:Arial, sans-serif;
	font-size:28px;
	text-align:left;
	width:250px;
	margin:10px;
	font-weight:normal;
	text-decoration:none;
}

a#action-container-ohs {
	position:relative;
	float:left;
	width:300px;
	height:200px;
	background-color:#FEAD00;
	background-image:url(images/lock-btn.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;	
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);
text-decoration:none;

}

a#action-container-drug {
	position:relative;
	float:right;
	width:300px;
	height:200px;
	background-color:#FEAD00;
	background-image:url(images/drug-btn.jpg);
	background-position:bottom right;
		background-repeat:no-repeat;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);
text-decoration:none;


	
}

/*Main Content
-------------------------------------------------------------- */

#primary {
	min-height:400px;
	position:relative;
	float:left;
	width:630px;
	margin-top:50px;
	margin-bottom:30px;
}

#primary h1 {
	position:relative;
	font-size:40px;
	color:#0094d4;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	margin-bottom:30px;
	z-index:100;

}


#primary h2 {
	color:#0094d4;
	font-family:Arial, sans-serif;
	font-size:26px;
	margin-bottom:15px;
}

#primary h3 {
	color:#fead00;
	font-family:Arial, sans-serif;
	font-size:20px;
	margin-bottom:15px;
}

#primary p {
	color:#333;
	font-family:Arial, sans-serif;
	font-size:14px;
	margin-bottom:30px;
	text-align:justify;
	line-height:1.6em;
}

#primary td {
	color:#333;
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:1.6em;
}


#primary a {
	color:#333;
	font-family:Arial, sans-serif;
	font-size:14px;
	text-decoration:underline;}

#primary li {
	color:#333;
	font-family:Arial, sans-serif;
	font-size:14px;
	list-style:inside disc;
	line-height:2.0em;
}

#primary img {
	max-width:580px;
}
#primary ul{
	margin-bottom:40px;}

#primary input[type=text], #primary input[type=email], #primary input[type=tel], #primary input[type=date], #primary textarea{
	display:inline-block;
	padding:7px;
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:3px;
	width:400px;
	margin-right:5px;
	border-radius: 1px;
}

#primary input[type=submit] {
	color:#FFFFFF;
font-size: 16px;
padding: 10px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:0;
background: #FEAD00;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);

}



/*Sidebar Content
-------------------------------------------------------------- */

#secondary {
	min-height:400px;
	position:relative;
	float:right;
	width:300px;
	margin-top:50px;
	margin-bottom:30px;
}

#social-media {
	position:relative;
	width:100%;
	text-align:right;
}

#social-media img {
	display:inline-block;
	margin:5px;
}

#calendar-widget {
	width:100%;
	margin: 20px 0px;
	min-height:100px;
		font-family:Arial, sans-serif;

}

#calendar-widget li {

		font-family:Arial, sans-serif;

}
#calendar-widget ul {

		font-family:Arial, sans-serif;

}

#calendar-widget a {
	color:#fead00;
}

#calendar-widget h2, #news-widget h2 {
	font-family:Arial, sans-serif;
	color:#0094d4;
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
}

.gce-event-info, .gce-calendar {

		font-family:Arial, sans-serif !important;

}

#news-widget {
	width:100%;
	margin: 20px 0px;
	min-height:100px;
	margin-top:50px;
}

#news-item {
	width:100%;
	margin:20px 0px;
}

#news-item a {
	display:inline-block;
	width:280px;
	padding:10px;
	background-color:#fead00;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#FFF;
	font-family:Arial, sans-serif;
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
}

#readmore {
		font-family:Arial, sans-serif;
		display:inline-block;
	width:280px;
	padding:10px;
	color:#0094d4 !important;
	font-size:12px !important;
	line-height:1.4em;
	margin:5px 0px 5px 0px !important;
	text-align:right;
	background:transparent !important;
	text-transform:none !important;
	font-weight:bold;
	text-decoration:none;
}


/*Divider
-------------------------------------------------------------- */
#divider {
	width:100%;
	height:30px;
	position:relative;
	background-image:url(images/divider-repeat.jpg);
	background-repeat:repeat-x;
}



/*Footer Content
-------------------------------------------------------------- */

#footer {
	width:100%;
	position:relative;
	margin-top:20px;
}

#footer h2 {
	position:relative;
	color:#0094d4;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:36px;
	margin-bottom:20px;
	letter-spacing:2px;
}

#footer blockquote {
	position:relative;
	width:100%;
	text-align:center;
	margin:20px 0px;
	color:#fead00;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:36px;
}

/*Footer Menu
-------------------------------------------------------------- */

#foot-menu-container {
	position:relative;
	width:100%;
	background-color:#0094d4;
	color:#FFF;
}


#copyright {
	position:relative;
	width:100%;
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:30px 0px;
}

#copyright a {
	color:#FFF;
	text-decoration:none;
}



/*shiftnav
-------------------------------------------------------------- */

#shiftnav-toggle-main, .shiftnav-inner {
	font-family:Arial, sans-serif !important;
		color:#FFFFFF !important;
}

a.shiftnav-target {
	color:#FFFFF !important;
}
nav.shiftnav-nav > a.shiftnav-target  {
	color:#FFFFFF !important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
	background-color:#0094d4 !important;
	color:#FFFFFF !important;
}

.shiftnav-main-toggle-content a {
	font-size:1px;

}

.shiftnav-main-toggle-content {
	padding:2px;
  visibility: hidden;
}
.shiftnav-main-toggle-content:after {
  /*content:'Menu'; */
  visibility: visible;
  display: inline-block;
  position: fixed;
  margin-top:10px;
}

#shiftnav-toggle-main.shiftnav-toggle-main-align-right {
  text-align: left !important;
}

#shiftnav-toggle-main, .shiftnav-main-toggle-content {
 padding: 0px !important;
}
.shiftnav-toggle-main-block {
 padding: 0px;
  display: inline-block;
}

 .shiftnav-toggle {
	line-height:0.4em !important;
}

ul#menu-shiftmenu li.current-page-item, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
	background-color:#0094d4 !important;
	color:#FFF !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
	color:#FFFFFF !important;
	text-shadow:none !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
	border-top: 0 !important;
		border-bottom: 0 !important;

}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
	border-top: 0 !important;
		border-bottom: 0 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
	background-color:#0094d4 !important;
}

a#callnow {
	display:none;
	position:relative;
	width: 200px;
margin-top:60px;
margin-left:10%;
	border-radius:5px;
	padding:1px;
	background-color:#0094d4;
		-webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 0.3);
}

/*media queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1049px) {
	
	#wrapper {
		width:100%;
	}
	
	#logo-container {
		margin-top:40px;
	}
	
	a#callnow {
	display:inline-block;
	
	}
	
	#logo-container h2 {
		display:none;
	}
	
	#logo {
		width:60%;
		height:auto;
	}
	
	#logo img {
		width:100%;
		max-width:470px;
	}
	#hero-container h3 {
		display:none;
	}
	
}

@media only screen and (max-width: 940px) {
	#action-container-safety, #action-container-ohs, #action-container-drug {
	display:none;
}


 #primary {
	 width:96%;
	 margin-left:2%;
	 margin-right:2%;
 }
 
 #secondary {
	 width:96%;
	 margin-left:2%;
	 margin-right:2%;
}
#social-media {
	text-align:center;
}
#onlinecourses a{
    width:96%;
	 margin-left:2%;
	 margin-right:2%;
    min-height: 30px;
    margin-top: 20px;
	text-align:center;
}
#news-widget h2{
	width:100%;
	text-align:center;
}
#news-item a {
	width:96%;
	 margin-left:2%;
	 margin-right:2%;
    min-height: 30px;
    margin-top: 20px;
	text-align:center;
}
}

@media only screen and (max-width: 749px) {
	
#hero-container h1 {
	display:none;
}


	a#callnow {
	margin-top:20px;
	
	}

	#logo {
		width:90%;
		height:auto;
			 margin-left:5%;
	 margin-right:5%;

	}
	
	#primary input[type=text], #primary input[type=email], #primary input[type=tel], #primary input[type=date], #primary textarea{
	display:inline-block;
	padding:7px;
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:3px;
	width:80%;
	margin-right:5px;
	border-radius: 1px;
}

	
}
	
	

@media only screen and (max-width: 660px) {
	
	#hero-container {
		display:none;
	}
	#main-container {
	top:0px;
}

		a#callnow {
	margin-top:0px;
	margin-bottom:30px;
	
	}

	
}

@media only screen and (max-width: 859px) {
	
	



@media only screen and (max-width: 630px) {
	
	
}
 
@media only screen and (max-width: 399px) {
	

		
	}