/*
Theme Name: Crighton Anderson Custom theme
Author: John Fenton
Author URI: http://johnfenton.co.nz
Version: 1.1
*/
/* BASIC PAGE SETUP ============================================================================= */
body { 
margin : -36px auto 0;
padding : 0;
font : 100%/1.4 Open Sans, arial, helvetica, helve, sans-serif; 	
color : #000; 
text-align: center;
}
button, 
input, 
select, 
textarea { 
font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
color : #333; }
img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}


/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }
.homewrapper-top {
	width: 100%;
	position: relative;
	text-align: left;
}
.homewrapper {
	width: 100%;
	position: relative;
	text-align: left;
}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}
	#headcontainer {
		width: 100%;
		background: #fff;
	}
		header {
			clear: both;
			width: 100%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 1100px; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #000;
			min-height: 127px;
		}
#mob-logo { display:none; }
		
#logo {
   margin:0; 
   width:208px;
   height:44px;
}
#logo-link { display:block; margin:36px 0 0 26px; }



/*  MAIN NAV	============================================================================= */


#searchbox { position:absolute; top:0; right:113px; }
.headergroup .search-form {
   margin: 0;
    padding: 0;
}
.headergroup .screen-reader-text { position:absolute; left:-10000px; }
.headergroup .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 41px;
	margin: 0;
	padding: 0 0 0 57px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:width 400ms ease, background 400ms ease;
	width: 0;
	color:#ececed;
}
.headergroup .search-field:focus {
	background-color: #ececed;
	border: 0px;
	cursor: text;
	outline: 0;
	width: 200px;
	color:#444;
	border-right:1px solid #dcdcde;
}
.search-form .search-submit { display:none;}
.search-field { width:300px; }
.entry-content .search-submit { display:inline-block; }
#topnav { margin:0; padding:0;  list-style:none;  position: absolute; right: 0; top:11px; }
#topnav li { display:inline-block;  }
#topnav a { 
	color:#8c8b94; 
	font-weight:normal; 
	font-size:14px; 
	text-decoration:none; 
	text-transform:uppercase; 
	padding:11px 14px; 
	background:#ececed; 
	margin:0 0 0 -4px; 
	border-left:1px solid #dcdcde;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	} 
#topnav a:hover { background:#0C181D; color:#fff; }
.nav { text-align:left; }
#mainnav { margin:0; padding:0;  list-style:none; float:right; margin:52px 0 0; }
#mainnav li {  }



/* =Menu
-------------------------------------------------------------- */
/* Reset code to remove theme inherent styling */


.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {
list-style: none;
padding: 0;
margin: 0;
}
.dcjq-mega-menu ul.menu ul {
display: none; /* Hides non-mega links */
}
.dcjq-mega-menu ul.menu .sub ul {
display: block; /* overrides above hide */
}
 
/* Main menu styles */
.dcjq-mega-menu ul.menu {
width: 100%;
position: relative; /* Important - required for positioning of mega menu */
text-transform:uppercase;
}
.dcjq-mega-menu ul.menu li {
float: left;
font-weight: bold;
}
.dcjq-mega-menu ul.menu li a {
	color:#555362; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:none; 
	padding:17px 14px;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	float: left;
	display: block;
}
.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {
background-position: 100% -40px;
color: #fff;
text-shadow: none;
background:#0C181D;
}
 
/* Arrow tag for parent links */
.dcjq-mega-menu ul.menu li a.dc-mega {
padding-right: 12px; /* Additional padding for arrow */
position: relative; /* Required for arrow positioning */
}
.dcjq-mega-menu ul.menu li a .dc-mega-icon {
/*display: block;
position: absolute;
top: 18px;
right: 15px;
width: 8px;
height: 6px;
background: url(images/arrow.png) no-repeat 0 0;*/
}
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}
 
/* Mega Menu Styling */
/* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container {
position: absolute; /* Required */
background: #0C181D;
padding-left: 6px;
margin-left: 0;
left: 71px !important;
width:623px!important;
}
.dcjq-mega-menu ul.menu li .sub {
padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.mega .sub {
padding: 20px 10px 0 0;
}
.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */
width: 100%;
overflow: hidden;
clear: both;
}
.dcjq-mega-menu ul.menu li .sub li {
float: none;
font-size: 1em;
font-weight: bold;
text-transform: none;
}

/* Sub-menu Headers */


.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 260px;
margin: 0 10px 12px 10px;
}
.dcjq-mega-menu ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none;
border: none;
text-shadow: none;
color: #11b3f3;
padding: 7px 10px;
display: block;
float: none;
text-decoration: none;
font-weight:600;
font-size:14px;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {
padding:3px 0px;
margin-bottom: 5px;
color: #011b3f3;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #537786;
text-shadow: none;
}
 
 
/* Style the 3rd level links */


.dcjq-mega-menu ul.menu li .sub li ul li {
margin-right: 0px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {
color: #fff;
font-weight: normal;
padding: 3px 0 3px 0;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover {
color: #537786;
}
 
/* Styling for items with only 2 levels */
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {
padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
background: url(images/bullet.png) no-repeat 5px 12px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover {
color: #435d68;
}
/*  SLIDER  	============================================================================= */


#sliderbg { height:537px; width:100%; background:#e6e8e8; }
#main-slider-wrapper { max-width:1360px!important; height:537px; }
#slide1 { background:url(images/slide-03.jpg) top no-repeat; height:537px; }
#slide2 { background:url(images/slide-07.jpg) top no-repeat; height:537px; }
#slide3 { background:url(images/slide-05.jpg) top no-repeat; height:537px; }
#slide4 { background:url(images/slide-06.jpg) top no-repeat; height:537px; }
.slidetext-holder { max-width:1100px; height:537px; margin:0 auto; position:relative; }
.bluebg { color:#fff; background: rgba(2, 142, 195, 0.85); height:537px; text-align:left;}
.bluebg p { max-width:327px; margin:20px 0 20px 20px;  font-size:16px; font-weight:300;}
		
.bluebg h2 { position:absolute; top:55px; left:20px; max-width:496px; font-size:36px; font-weight:300; line-height:38px; }
.bluebg a { color:#fff; font-weight:600; }
#first { margin:158px 20px 20px ; }
#arrows { width:100%; position:absolute; bottom:0; height:107px; width: 33.3333%; }
#left-arrow { float:left; margin:0 0 0 24px; }
#right-arrow { float:right; margin:0 24px 0 0; }


/*  HOME BOXES  	============================================================================= */


.front-news { background:#f5f5f6; min-height:385px; }
.front-news a { padding:0 0px 25px; font-size:24px; color:#028ec3; font-weight:400; line-height:30px; text-decoration:none; }
.front-news #author { padding:0 0 0 25px; margin:0 0 -25px;display: inline; }
.front-news h4, .front-news strong { font-weight:normal; font-size:14px; color:#49494c; line-height: 24px; padding: 0 50px 25px 25px;  }
.front-news li { list-style: none outside none; margin: 0; padding: 0 25px 0px 25px; font-size:14px; color:#49494c; line-height: 24px;}
.read-more a{ font-weight:normal; font-size:14px; color:#49494c; line-height: 24px; text-decoration:none; }
.box1 { background:#e6e8e8;}
.box2 { background:#cccdcd; }
.view {
   width: 100%;
   height: 100%;
   margin: 0 0 10px;
   float: left;
   border: none;
   overflow: hidden;
   position: relative;
   cursor: pointer;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(2, 142, 195, 0.84);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
#arrow-pad { position:absolute; right:30px; bottom:30px; }
.view-sixth #arrow-pad {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.5s ease-in-out 0.1s;
   -moz-transition: all 0.5s ease-in-out 0.1s;
   -o-transition: all 0.5s ease-in-out 0.1s;
   -ms-transition: all 0.5s ease-in-out 0.1s;
   transition: all 0.5s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover #arrow-pad {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}			
#quality-assure { text-align:center; margin:50px; }
#assure-logo { margin:0 0 20px; }
#quality-assure a { color:#333; }

.colliers-home {     display: block; margin: 57px auto 31px; text-align: center; }

/*  MAIN CONTENT	============================================================================= */


#maincontentcontainer {width: 100%; background:#fff;}
#maincontent{
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 1100px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.firstrow { background:#F5F5F6; }


/*  Landing pages     ============================================================================= */


.bgcolor {background:#e6e8e8;}
.bgcolor-post { background:#F0F2F2; border-bottom:1px solid #ccc; }
#bannerbg { height:384px; width:100%;  text-align:center; overflow:hidden;}
#bannerbg img { max-width:1360px; position:absolute; left:50%; margin-left:-680px; }
#breadbg { width:100%; height:auto; background:#303030; }
#bread { max-width:1100px; text-align:left; color:#fff; font-size:14px; margin:0 auto; padding:15px 0; }
#bread a { color:#9a9a9a; text-decoration:none; padding:0 0 0 0px; }
.breadcrumbs { padding:0 20px; }
.entry-content { padding:50px 100px 50px 20px;}
.landing-box { margin:50px 0 20px 30px; }
.landing-box li { list-style:none; display:inline-block; float:left; margin: 0 0 19px 19px; position:relative; overflow: hidden; width:236px; height:236px;}
.landing-box li p { 
	width:100%; 
	background:rgba(0, 0, 0, 0.71); 
	height:auto; 
	color:#fff; 
	font-size:15px; 
	position:absolute; 
	bottom:0; 
	padding:12px; 
	font-weight:300;
	overflow: hidden;
}
#enquire-butt,#enquire-butt-blog, #newsletter-butt { 
	float:right; 
	background:#fff;
	padding:10px 20px;
	color:#028dc3;
	border:#028dc3 1px solid;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#enquire-butt:hover,#enquire-butt-blog:hover, #newsletter-butt:hover { background:#028dc3; color:#fff; }
#enquire-butt { width:69%;	margin:60px 0 30px; }
#newsletter-butt { width:69%;	margin:0px 0 30px; }
#enquire-butt-blog { width:86%; }



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




.contactborder { border-bottom:1px #bdbebe solid; }
#map { 
    background: url(images/contact-map.gif) no-repeat scroll right top #F0F0F0;
    display: block;
    margin: 23px 0 0 20px;
    min-height: 241px;
    padding: 20px 30px;
} 
#map ul{ margin: 10px 0; }
#map li { list-style:none; margin:0 0 10px; }
#map a { color:#028ec3; text-decoration:none; font-size:14px; }
.location { 
	font-family: Open Sans, Arial, Helvetica, sans-serif; 
	color:#0294cc;
	font-weight:300;
	font-size:24px;
	margin:30px 0 40px 20px;
	}
.address {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 0 0 30px 20px;
    padding: 20px;
	font-size:16px;
	min-height:259px;
}
.address p { margin:0 0 20px; line-height:26px; }
.backtotop { float:right; margin:10px 0; text-decoration:none; color:#028ec3; font-size: 16px; }
/*  People pages =========================================================================== */
#people-land { margin:0 0 30px 20px; }
#exe-assist { margin:0 0 30px 20px; text-align:center;}
.people-short { width:247px; float:left; margin:0 23px 30px 0; }
.people-short h2 a{ 
	color: #028EC3;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 15px;
	padding: 0 0 26px;
	text-decoration:none;
 }
 
.people-short h3 { font-weight: 300; margin: 0 0 15px; border-bottom:1px #ccc solid; padding: 0 0 26px; }
#exe-assist h2 { 	color: #028EC3;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 5px; }
#exe-assist h3 { margin: 10px 0 3px; }
#people-content { 
	color: #65676C;
    font-size: 15px;
    line-height: 28px;
	padding: 50px 20px 50px 0px;
 }
 
#people-content p { margin:0 0 20px; }
#people-content h1 {
	color: #028EC3;
    font-size: 36px;
    font-weight: 300;
    line-height: 38px;
    margin: 0 0 15px;
	border-bottom:1px #ccc solid;
	padding: 0 0 26px;
}
#people-content h2 { font-weight:600; }
#people-content h3 {
	font-size: 12px;
	border-bottom:3px #ccc solid;
	margin: 0 0 50px;
	padding: 0 0 20px;
	font-weight:500;
	}
	
#bio { border-bottom:1px #ccc solid; padding:0 0 30px; }
#bio a {  color:#028ec3; }
#bio ul { margin: 0 0 20px 20px;}
#bio li {  list-style: square outside none;  padding: 0 0 8px 10px; }
#staff-pic { margin:50px 20px; }
#contact-bits {  border-bottom: 3px solid #ccc; height: 280px;  margin: 0 0 0 20px; width: 281px; padding:10px 0 0;}
.phone { margin:0 0 10px; }
.contact-icon { display:inline;float: left; margin: 0 10px 0 38px;}
.contact-num {  display: inline-block; margin:1px 0 6px; color:#028ec3; font-size:13px; font-weight:300; }
.contact-num a { color:#028ec3; text-decoration:none; }
/*  Clients     ============================================================================= */
.logos {     border-bottom: 1px solid #ccc; margin: 0 0 20px;  padding: 0 0 50px;}
.logos img { margin:0 32px 0px 0; }
#example-one { background: #fff; padding: 10px; margin: 0 10px 20px; }
#example-one .nav { overflow: hidden; margin: 0 0 35px; }
#example-one .nav li { width: auto; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 16px 20px; background: #ccc; color: white; font-size: 18px; text-align: center; border: 0; text-decoration:none;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
#example-one .nav li a:hover { background-color: #818286; }
#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }
#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #028ec3; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #028ec3; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #028ec3; color: white; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #028ec3; color: white; }
#sub-nav p { 
	color: #8E8E8E;
    font-size: 14px;
    line-height: 28px;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px;
    padding: 0 0 25px;
	}
	
	
/*  FONTS     ============================================================================= */



strong { font-weight:700; }
#title { font-size:32px; font-weight:300; color:#fff; background:rgba(2, 142, 195, 0.84); padding:20px 22px; margin: 7% auto; display: inline-block;}
.front-news h3 { font-size:14px; color:#8c8b94; font-weight:300; padding:22px 25px 6px; text-transform:uppercase; }
.front-news h2 { padding:0 25px 25px; font-size:24px; color:#028ec3; font-weight:400; line-height:30px;}
#author { color:#49494c; padding:0 25px; font-weight:700; text-transform:uppercase; }
.front-news p { font-size:14px; color:#49494c; line-height: 24px; padding: 0 50px 25px 25px; }
.read-more { padding: 0 50px 25px 25px; }
.box1 h3,.box2 h3 { font-size:15px; font-weight:600;  color:#252528; padding:0 15px 3px; overflow:hidden;}
.box1 p, .box2 p { padding:0px 15px 30px; font-weight:400;  color:#252528; font-size:14px;}
.entry-content h4 { font-size:24px; color:#028ec3; font-weight:400; margin:0 0 40px; line-height:35px; }
.entry-content {  font-size:15px; color:#65676c; line-height:28px; }
.entry-content p { margin:0 0 20px; }
.entry-content ul { margin:0 0 20px 20px; }
.entry-content li { padding: 0 0 8px 10px; list-style:square; }
.entry-content a {  
    color: #028DC3;
    font-weight: inherit;
    text-decoration: none; 
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	
.entry-content a:hover { color:#444; }
.entry-title { font-size:36px; font-weight:300; line-height:38px; color:#028ec3; margin: 59px 0 0 20px;}
.page-title { font-size:36px; font-weight:300; line-height:38px; color:#028ec3; margin: 0 17px 15px; }
.search-title { font-size:36px; font-weight:300; line-height:38px; color:#028ec3; margin: 46px 17px 15px; }
.searchpage .entry-date { display:none; }
.searchpage .entry-utility { display:none; }
.blog-article a { color:#028DC3; text-decoration:none; }
.entry-utility  { margin:15px 0 0 ; }
.entry-utility a { color:#848686; }
.contact-title { padding:40px 25px 45px 20px; font-size:36px; color:#028ec3; font-weight:300; line-height:40px; }
#sub-nav h2 {   
	border-bottom: 1px dashed #ccc;
    color: #028EC3;
    font-size: 21px;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 20px;
    padding: 0 0 11px;
    text-transform: uppercase; }
ol { margin:0 0 20px; }
/* =Gallery listing
-------------------------------------------------------------- */
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}
/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}
/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
#sub-nav { margin: 60px 0px 20px 60px; }
#sub-nav ul{ list-style-type:none;  }
#sub-nav li {  }
#sub-nav li a { 
	font-size: 15px; 
	display:block;
	padding: 7px 6px; 
	color: #333; 
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  }
#sub-nav li a:hover { background:#f2eeee;  }
#sub-nav ul ul   { margin:7px 0 5px 20px; font-weight: normal;}
.current_page_item a { font-weight:700; }
#sub-nav ul ul li a { color:#028ec3;}
.children {display: none}
 
.current_page_item ul.children,
.current_page_ancestor ul.children,
.current_page_parent ul.children {display: block; font-weight:700; }
/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area li a {
    background:  #818286;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.widget-area li a:hover { 
	background:  #028ec3; 
	text-decoration:none; 
	
}
.widget_subpages_current_page { margin: 0 0 0 20px;  }
.widget_subpages_current_page a {  background:#038ec3;}
.widget_subpages_current_page ul li { margin: 0 0 0 20px;  }
.widget_subpages_current_page ul li a {  background:#038ec3;}
#categories-2, #archives-2, #search-2 { list-style:none; margin: 0 0 30px; }
.widget-area ul ul {
	list-style: none;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 11px;
}
.blogmenu li { list-style:none; }
.widget-container .wp-caption img {
	margin: auto;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
    float: right;
    margin: 50px 0 0;
    width: 300px;
}
#secondary { margin: 50px 0px 20px 60px;
}
/*  NEWS / BLOG  ============================================================================= */
#blog-summery {
    list-style: none; margin:0;
	 color: #49494C;
    font-size: 14px;
    line-height: 24px;
}
#blog-summery h2 {    
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    padding: 14px 0px 25px; }
	
#blog-summery h4 {    
font-weight:normal; }
	
.entry-date 	{    
	color: #49494C;
    font-weight: 700;
    padding: 0;
    text-transform: uppercase;
	}
	
.read-more a { color: #49494C; }
	
#blog-summery h2 a { text-decoration:none; color: #028EC3;}
#blog-summery ul { margin:0; }
#blog-summery li{
    list-style:none;
	margin:0;
	padding:0;
}
.news-pic { background:#0e83b1; display:block; }
.dark { 	
	 display: block;
     height: 139px;
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.dark:hover { opacity:0.65; }
.blog-article {
    display: inline-block;
    float: left;
    height: 400px;
    margin: 40px 20px 0;
    padding: 0 20px 40px 0;
    width: 306px;
}
.entry-date  {
    text-decoration: none;
    text-transform: uppercase;
}
#blog-article-title { max-width:1100px; text-align:left; padding:20px; margin:20px auto; }
.entry-meta {     color: #67676A;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 19px 5px;
    text-transform: uppercase;}
.entry-meta a {	
    color: #67676A;
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;}
.post-title {  font-size:36px; font-weight:300; line-height:38px; color:#028ec3; margin: 0 17px 15px;}
.widget-title { display:none; }
.single-page-cat-links { 
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 13px;
    padding: 20px 0;
    width: 100%;
	margin: 40px 0 0;
}
.single-page-cat-links a {     
	background: none;
    font-size: 13px;
    padding: 0;
	font-weight: normal;
	}
	
.single-page-cat-links a:hover { background:none; color:#028ec3;}
/*  SECTIONS  ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
	
/*  COLUMNS  ============================================================================= */
.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }
/*  BUTTONS  ============================================================================= */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}
.button:hover {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}
/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
/* TABLES ============================================================================= */
table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }
th, td, caption { 
padding : .25em 10px .25em 5px; }
tfoot { 
font-style : italic; }
caption { 
background-color : transparent; }
/* FORMS ============================================================================= */
.with_frm_style label.frm_primary_label { font-weight:normal !important;}
.with_frm_style label {
	font-size:16px !important;
    margin: 0 0 5px !important;}
	
.with_frm_style .frm_top_container label.frm_primary_label {
    display: inline-block!important;}
	
.with_frm_style .frm_form_fields input, #wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields textarea {
    border-style: solid;
    border-width: 0px;
    font-size: 13px;
    height: 30px!important;
    max-width: 100%;
}
#field_9jv0r12 { 
	height:120px!important; 
	background:#F0F0F0!important;
    border-width: 0px!important; }
form { 
margin : 0 20px 50px; }
fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }
legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }
label{
font-weight : normal;
cursor : pointer;
display:inline-block;
margin:0;
position:relative;
top:0;
left:0;
}
	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}
button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }
button, input { 
line-height : normal; 
*overflow : visible; }
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
 background: none repeat scroll 0 0 #028DC3;
    color: #FFFFFF;
    cursor: pointer;
    font-family: open sans;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 0.5em 1em;
    text-transform: uppercase;
	border: 0 none;
}
input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }
input[type="search"] { 
	box-sizing : content-box;
}
button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }
input{
margin:0;
border:1px solid #fff;
font-size:1em;
padding:5px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
background:#f0f0f0;
}
	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}
	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }
input:invalid, 
textarea:invalid {
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }
/* VENDOR-SPECIFIC ============================================================================= */
html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }
.clearfix { 
zoom : 1; }
::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }
::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }
::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }
::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }
input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }
.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }
input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }
input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }
button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }
p {
/* http://www.w3.org/TR/css3-text/#hyphenation 
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }*/ }


/* FOOTER    ============================================================================= */

#footerlogo { text-align: center ; padding: 46px 0 72px; }
#footerlogo h3 { font-size:16px; color:#028dc3; font-weight:300; padding:33px 20px 0; }
.footerlinks { max-width:1100px; margin:0 auto; }
.footerlinks h3 { color:#bdbebe; font-size:24px; font-weight:300; margin:0 0 27px 25px;}
.footerlinks ul { margin:0 0 40px; }
.footerlinks li { list-style-type:none; margin:0 0 14px 25px; text-transform:uppercase; }
.footerlinks a { color:#7a7d7d; font-size:14px;  text-decoration:none; }
.footerlinks a:hover { color:#028ec3; }
#places { float:left; color:#5a5b5b; }
#phone-numbers { float:right; color:#252528; padding: 0 26px 0 0; }
.credits { border-top:1px solid #bdbebe;  }
#creditholding { margin:30px auto;  max-width: 1100px;}
#creditholding p { padding:0 25px 15px; font-size:11px; text-transform:uppercase; color:#889090; line-height:17px; }
#creditholding a {   color:#889090;  }
#creditholding a:hover { color:#028ec3; }
@media only screen and (max-width: 944px) {
.front-news p { }
}
@media only screen and (max-width: 728px) {
.headergroup { display:none; }
	
#mobile-head { display:block; height:127px; background:#fff;  }
	
#mob-logo {     
	display: block;
    float: left;
    margin: 36px 0 0;
	height:44px;
	width:212px;
}
	
#mob-logo h1 {
   font-size: 10px;
    margin:0;
	z-index:3000;
}
#mob-logo a {
   width:169px;
   height:40px;
   display: block;
   text-indent: -10000px;
   z-index:3000;
}
	
#open-menu { width:54px; height:43px; background:url(images/open.gif) top no-repeat; display:block; float:right; margin: 36px 20px 0 0;}
#logo-link { margin: 36px 0 0 20px;}
#first {margin: 193px 20px 20px; }
#arrows {width: 100%;}
.entry-content { padding: 50px 20px;}
#sub-nav { margin: 60px 20px 20px;}
#enquire-butt, #enquire-butt-blog, #newsletter-butt { float:left; }
#enquire-butt,#newsletter-butt  { margin: 23px 20px 0; width: 74%; }
.post-title { margin: 0 0 15px; }
.entry-meta { margin: 10px 3px 5px; }
#primary { float: right; margin: 50px 16px 0; width: 89%;}
.page-title { margin: 0 0 15px; }
.blog-article { padding: 0 20px 40px;  width: 84%; margin: 40px 0 0;}
#people-land { margin: 0 0 30px; text-align: center;}
.people-short { float:none; width: 78%; margin:0 auto 30px; }
#people-content { padding: 50px 20px;}
#example-one .nav li {float: none; margin: 0 0 5px;}
.frm_forms.with_frm_style { display: block; max-width: 98%; }
form { overflow:hidden;}
.frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half { width: 100%!important; }
.address { margin: 0 20px 30px;}
}
@media only screen and (max-width: 480px) {
#contact-bits { width: 88%; }
.contact-num {font-size: 18px; }
.contact-icon { margin: 0 10px 0 22px; }
}