@charset "utf-8";
/*
Theme Name: Whiteboard
Theme URI: 
Author: Online Fusion
Author URI: http://onlinefusion.com.au
Description: 
Version: 1.0

 */
 
 @import url(http://fonts.googleapis.com/css?family=Questrial);
 
body {font: 16px/1.5em "Questrial", sans-serif; color: #545454; background: #dedede}

a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {text-decoration: none; outline: none;}

.btn-primary {border: 0;}


.container {background: #FFF; padding-right: 40px; padding-left: 40px;}

#header .container {background: #fff url(img/bg_header.png) right top no-repeat; border-bottom: 6px solid #293a96;}

#logo {margin: 42px 0 54px;}
#logo a {
	display: block;
	width: 293px;
	height: 73px;
	background: url(img/logo.png) center center no-repeat;
}
#logo a strong {display: none;}

.nav {padding-top: 56px;}
.nav ul {margin: 0; padding: 0;	text-align: right;}
.nav li {
	list-style: none;
	display: inline-block;
	position: relative;
	}
	
.nav li a {
	display: block;
	text-transform: uppercase;
	line-height: 2em;
	color: #666;
	padding: 0 20px;
	background: transparent;
	}
	
	.nav div > ul > li:hover > a, .nav div > ul > li.current-menu-item > a, .btn-primary {
		background: #d80000; 
		color: #FFF;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.25);
		-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.25);
		box-shadow: inset 0 -3px 0 rgba(0,0,0,.25);
		}
	
.nav ul li ul {
	padding: 0;
	position: absolute;
	top: 32px;
	left: 0;
	width: 180px;
	background: #d80000; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
	z-index: 9999;
}

.nav ul li ul li ul{
	padding: 0;
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	background: #d80000; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
	z-index: 9999;
}

.nav li li {display: list-item}
.nav li li a {text-transform: capitalize; color: #FFF; font-size: .9em;}
.nav li li a:hover {background: rgba(0,0,0,.25);}


.nav ul ul, .nav ul li:hover ul ul, .nav ul ul li:hover ul ul {display: none;}
.nav ul li:hover ul, .nav ul ul li:hover ul, .nav ul ul ul li:hover ul {display: block;}

#click-menu {z-index: 999999}


.page-title .container{
	background: #3d4a8e;
	padding: 24px 40px;
	color: #FFF;
}
.page-title h1 {margin: 0;}
.biznews{ font-weight:bold;}
#content {padding: 40px 15px;}

#sidebar {padding: 40px 0;}

#footer .container{
	background:#2e2e2e url(img/bg_footer.png) repeat-x; 
	min-height: 238px; 
	position: relative; 
	padding: 34px 40px; 
	border-top: 6px solid #252525;
	color: #888;
	font-size: .9em;
	}
#footer .container:after {
	content: '';
	height: 238px;
	width: 242px;
	background: url(img/img_footer.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

#footer li {list-style: none;}
#footer li a {color: #878787; text-transform: uppercase; font-size: .9em;}
#footer li a:hover {color: #FFF;}

#footer h3 {text-transform: uppercase; font-size: 18px; margin: 6px 0 24px;}

#footer .widget {position: relative; z-index: 9;}
#footer .contact-widget p {margin: 0 0 0 20px; text-indent: -10px; color: #FFF; }
#footer .contact-widget i {width: 6px;}
#footer .contact-widget a {color: #FFF;}
/* HOME */

.slideshow .container {padding: 0 40px 44px;}
.frs-slideshow-container#homepjc .frs-caption-content h4 {font: normal 48px/1em "Questrial", sans-serif !important; }
p.frs-caption-button a {display: inline-block !important;}
p.frs-caption-button a span {
	display: inline-block;
	-moz-box-shadow: inset 0 -5px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: inset 0 -5px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -5px 0 rgba(0,0,0,.25);
    border: 0 !important;
    background: #d80001 !important;
    color: #FFF !important;
    font-size: 1em;
    padding: 8px 40px !important;
    text-transform: uppercase;
}
.slideshow h5 a {color: #d80001; font-weight: bold; margin: 16px 0;}

.intro {color: #FFF;}
.post-item h4 a {text-transform: uppercase;}

#pl-5 {margin-bottom: 20px;}
#pg-5-0 {position: relative;}
#pg-5-0 .widget_sow-button {position: absolute; bottom: 40px; width: 100%;}
#pg-5-2 {margin: 0 -6px !important;}
#pg-5-2 .panel-grid-cell {padding: 0 6px !important;}
#pg-5-2 .widget_sow-editor {height: 220px;}
#pg-5-2  h3 {color: #217fc1; text-transform: uppercase; font-size: 20px;}
#panel-5-0-0-0 {margin-bottom: 0 !important;}

.home-widgets .container {
	background: #61769c url(img/bg_section.jpg) center top no-repeat; 
	padding: 50px;
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
	}
.home-widgets h2 {font-size: 36px; margin-bottom: 1.1em; font-weight: normal}
.home-widgets p {margin-bottom: 1.3em;}
.home-widgets a {color: #FFF; text-decoration: underline;}
.home-widgets .ow-button-base a, .frm_style_formidable-style.with_frm_style input[type=submit]  {
	-moz-box-shadow: inset 0 -5px 0 rgba(0,0,0,.25) !important;
	-webkit-box-shadow: inset 0 -5px 0 rgba(0,0,0,.25) !important;
    box-shadow: inset 0 -5px 0 rgba(0,0,0,.25) !important;
    border: 0 !important;
    text-transform: uppercase;
}

.resources th {background: #d80000; color: #FFF; text-align: center;}
.resources tr td:first-child {text-align: center;}

#blog-slider img {max-width: 100%; height: auto;}

.chpcs_img {width: 100% !important;}
.featured-thumbnail img, .featured-image img, .chpcs_foo_content img {max-width: 100% !important; height: auto !important;}
.chpcs_next {right: -30px !important;}

.blog .post-single {padding: 20px 0; border-bottom: 1px solid #e7e7e7}
.post-single h2 {margin-top: 0;}

.slide-panel {
	display: none;
	padding: 20px;
    background: #293a96;
    z-index: 999999999999;
    color: #FFF;
    font-size: 1.2em;
    width: 240px;
}

.slide-panel .handle {
	display: block;
	background: #293a96; 
	color: #FFF;
	width: 40px;
	height: 200px;
	font-weight: bold;
	top: 0 !important;	
	text-indent: 0 !important;
	}
	
.slide-panel .handle span {
	display: inline-block;	
	line-height: 40px;
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);	
	/* IE */
	-ms-transform: rotate(-90deg);	
	/* Opera */
	-o-transform: rotate(-90deg);
	position: absolute;
	left: -56px;
	top: 80px;
	white-space: nowrap;
}
.slide-panel h2 {font-size: 24px;}
.slide-panel h3 {font-size: 2.4em; color: #FFF; margin: 0 0 30px;}
.slide-panel .widget_archive {padding-bottom: 40px;}
.slide-panel .ow-button-hover {width: 100%; margin-bottom: 8px;}