@charset "UTF-8";



/* navkb http://webdesignerwall.com/tutorials/css-responsive-navigation-menu -  close menu down*/



a.back-to-top {

	display: none;

	width: 60px;

	height: 60px;

	text-indent: -9999px;

	position: fixed;

	z-index: 999;

	right: 20px;

	bottom: 20px;

	background: #696969 url(../imageskb/up-arrow.png) no-repeat center 43%;

	

	

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}





/*Text under photos */

.center {

    text-align: center;

    width: 100%;

	height: 40px;

	

	background:#CCC;

	margin-top: 5px;

	font-size:18px;

	font-weight:bolder;

	line-height:5px;

	color:#369;

	border-radius: 8px;

	transition: all 0.3s linear;

	border: 1px solid #717070;

	

}







h2{  /* H2 used for right col headings only */

	font-size:18px;

	font-weight:bolder;

	line-height:20px;

	color:#369;

	margin:20px 0 11px 15px;

	margin-top: 5%;





}



h4{  /* Standard Blue text was used for colums */

	font-size:18px;

	font-weight:bolder;

	line-height:1px;

	color:#369; /*Blue colour for text*/

	/*margin:20px 0 11px 15px;*/

	margin:20px 0 11px 15px;

    padding-left: 5%;

	padding-right: 5%;

	margin-top: 10px;





}

h5{  /* H5 used for left col headings only */

	font-size:18px;

	font-weight:bolder;

	line-height:20px;

	color:#369;

	/*margin:20px 0 11px 15px;*/



    padding-left: 5%;

	padding-right: 5%;

	margin-top: 5%;





}

h1{

	font-size:22px;

	line-height:30px;

	font-weight:bolder;

	color:#369;

	margin:20px 0 11px 15px;

}



h3{    /* H3 is used for form only */

	margin: 1px 10px 10px 15px;

	color:#369;

	font-size: 14px;  /* was 14px until starting form */

	font-weight: 500;

	font-style: normal;

	line-height:18px;

}



#men a:link{

	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#444;

	

}



#men a:active{

	

	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#369;

}



#men a:visited{



	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#444;

}

#men a:hover{

	text-decoration:none;

	font-size:18px;

	font-weight:500;

	color:#FFFFFF;

}





.container {

	background-color: #fff;  /*whole container*/

	width: 95%;

	margin-left: auto;

	margin-right: auto;

	border-bottom-width: 0px;

	padding-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	img width: 50%

	

}

.row {

	width: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	display: inline-block

}

.row.blockDisplay {

	display: block;

}

.column_half {

	width: 50%;

	float: left;

	margin-top: 0px;

}

.columns {

	width: 25%;

	float: left;

	font-family: "Source Sans Pro";

	/*colour of col text*/

	color:#666666;

	line-height: 24px;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: justify;

	margin-top: 15px;

	margin-bottom: 15px;

	padding-left: 0px;

	padding-right: 0px;

	margin-left: 0px;

	margin-right: 0px;

}

.row .columns p {

	padding-left: 10%;
    
	padding-right: 10%;

}

.container .columns h4 {

	text-align: center;

	color:#369

	

}

.primary_header {

	width: 100%;



/*	padding-top: 1px;

	padding-bottom: 1px;

	clear: left;

	

	border-bottom: 1px solid #2C9AB7;*/

}

.secondary_header {

	width: 100%;

	padding-top: 5px;

	padding-bottom: 50px;

	background-color: #B3c3B3;

	clear: left;

	line-height: 0px;

}

.container .secondary_header ul {

	margin-top: 0%;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 0px;

	width: 100%;

	line-height: 1px;

}

.secondary_header ul li {

	list-style: none;

	float: left;

	margin-right: auto;

    line-height: 1px;

	margin-top: 10px;

	font-family: "Source Sans Pro";

	font-weight: normal;

	color: #B3c3B3;

	letter-spacing: 1px;

	margin-left: 25px ;

	text-align: centre;

	/*centre*/

	width: 3%x; /*spacing bewteen words*/

	transition: all .3s linear;

	

	}





/*.secondary_header ul li :link {

	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#444;

	cursor: pointer;

}



.secondary_header ul li:active {

	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#369;

	cursor: pointer;

}

.secondary_header ul li:visted {

	text-decoration:none;

	font-size:18px;

	font-weight:normal;

	color:#444

	cursor: pointer;

}





.secondary_header ul li:hover {

	text-decoration:none;

	font-size:18px;

	font-weight:500;

	color:#369

	cursor: pointer;

}

*/



.left_article {

	background-color: #DCDCDC; /*colour of left col*/

	width: 100%;  /*reset to 50% for 2 cols*/

	float: left;

	font-family: "Source Sans Pro";

	/*color: #frfrfr;*/

	padding-bottom: 2px;

}

.noDisplay {

	display: none;

}

.container .left_article h3 {

	

	padding-left: 5%;

	padding-right: 5%;

	margin-top: 5%;

	color: #717070;

	font-weight: bold;

	text-transform: uppercase;

}

.container .left_article p {

	padding-left: 5%;

	padding-right: 5%;

	text-align: justify;

	/*line-height: 24px;*/

	margin-top: 20px;

	margin-bottom: 15px;

	/*color: #F6F6F6;*/

}

.container .right_article p {

	padding-left: 5%;

	padding-right: 5%;

	text-align: justify;

	/*line-height: 24px;*/

	margin-top: 20px;

	margin-bottom: 15px;

	/*color: #F6F6F6;*/

}

.right_article {

	width: 50%;

	float: left;

	background-color: #F6F6F6;

}

.container .right_article ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.right_article ul li {

	font-family: "Source Sans Pro";

	list-style: none;

	text-align: center;

	background-color: #B3B3B3;

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 15px;

	padding-bottom: 15px;

	color: #B3c3B3;

	font-weight: bold;

	border-radius: 0px;

	transition: all 0.3s linear;

	border-left: 5px solid #717070;

}

.right_article ul li:hover {

	background-color: #717070;

	cursor: pointer;

}

.footer {

	background-color: #717070;

}

.title {

	font-weight: bold;

	font-style: normal;

	font-family: "Source Sans Pro";

	text-align: center;

	color: #FFFFFF;

	letter-spacing: 2px;

}

.placeholder {

	/* [disabled]max-width: 400px;

*/

	/* [disabled]max-height: 200px;

*/

	width: 90%;

	padding-top: 10px;

	padding-left: 20px;

    /*padding-right: 40px;*/

	padding-bottom: 10px;

	height: 100%;

}



.placeholdertopimage {

	/* [disabled]max-width: 400px;

*/

	/* [disabled]max-height: 200px;

*/

	width: 100%;

	padding-top: 1px;

	/* [disabled]padding-left: 19px;

padding-bottom: 1px;*/

	

	height: 100%;

}



.left_half {

	background-color: #52BAD5;

}

.container .column_half.left_half h2 {

	

	color: #FFFFFF;

	font-family: "Source Sans Pro";

	text-align: center;

}

.right_half {

	background-color: #01B2D1;

	color: #FFFFFF;

	font-family: "Source Sans Pro";

	text-align: center;

	font-weight: bold;

}

.column_title {

	padding-top: 25px;

	padding-bottom: 25px;

}

.copyright {

	text-align: center;

	background-color: #717070;

	color: #FFFFFF;

	text-transform: uppercase;

	font-weight: lighter;

	letter-spacing: 2px;

	border-top-width: 2px;

	font-family: "Source Sans Pro";

}

body {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-image: url(../images/gradient.png);

}



@media (max-width: 320px) {

.secondary_header ul li {

	float: none;

	margin-top: 28px;

	margin-left: 0px;

	width: 100%;

}

.container .secondary_header ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: auto;

	width: 100%;

	text-align: center;

}

.secondary_header {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 1px;

	padding-bottom: 40px;

}

.left_article {

	width: 100%;

	height: auto;

}

.right_article {

	width: 100%;

	height: auto;

}

.placeholder {

	width: 100%;

	margin-top: 22PX;

	margin-right: 0px;

	margin-bottom: 22PX;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	max-width: 400px;

	max-height: 200px;

	height: auto;

}

.columns {

	width: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0PX;

	padding-right: 0PX;

	padding-bottom: 0PX;

	padding-left: 0PX;

	color:#666666; /*Color of text @ max 320?*/

}

.columns p {

	padding-left: 10px;
   
	padding-right: 10px;



}

.column_half.left_half {

	width: 100%;

}

.column_half.right_half {

	width: 100%;

}



.container .left_article h3 {

	margin-top: 30px;

}

.social .social_icon img {

	width: 80%;

}

.container .secondary_header {

}



}

@media (min-width: 321px) and (max-width: 768px) {

.secondary_header ul li {

	float: none;

	margin-top: 28px;

	margin-left: 0px;

	width: 100%;

}

.container .secondary_header ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: auto;

	width: 100%;

	text-align: center;

}

.secondary_header {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 1px;

	padding-bottom: 40px;

}

.left_article {

	width: 100%;

	height: auto;

}

.right_article {

	width: 100%;

	height: auto;

	padding-bottom: 25px;

}

.placeholder {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	width: 100%;

	max-width: 100%;

	height: auto;

	max-height: 100%;

}

.columns {

	width: 100%;

	margin-top: 6px;

	margin-right: 0px;

	margin-bottom: 6px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	color:#666666; /*Color of text @ max 320 - 768*/

}

.columns p {

	padding-left: 14px;

	padding-right: 14px;

			/*color: #000;  text colour KB*/

}

.column_half.left_half {

	width: 100%;

}

.column_half.right_half {

	width: 100%;

}



.thumbnail {

/*	width: 100px;

	border-radius: 200px;

	height: 100px;*/

	margin-left: auto;

	border:#00000;

	border-width: 1px;

	

}

.thumbnail_align {

	text-align: center;

}

}

@media (min-width: 769px) and (max-width: 1000px) {

.secondary_header {

	overflow: auto;

	padding-top: 30px;

	padding-bottom: 30px;

}

.secondary_header ul li {

	margin-top: 10px;

	margin-right: 7%;

	margin-bottom: 10px;

	margin-left: 7%;

}

.left_article {

	height: auto;

}

.right_article {

	height: auto;

	padding-bottom: 27px;

}

.placeholder {

	width: 100%;

	margin-left: 0px;

	margin-right: 0px;

	padding-left: 0px;

	padding-right: 0px;

}

.columns {

	width: 50%;

	float: left;

	padding-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	color:#666666; /*Color of text @ 768 - 1000*/

}

.container .columns p {

	padding-left: 25px;

	padding-right: 25px;

}



}

@media (min-width: 1001px) {

}

.thumbnail {

/*	width: 100px;

	border-radius: 200px;

	height: 100px;*/

	margin-left: auto;

	border:#00000;

	border-width: 1px;

	

}

.thumbnail_align {

	text-align: center;

}

.social {

	text-align: center;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 100%;

	background-color: #414141;

	clear: both;

	overflow: auto;

}

.social_icon {

	width: 25%;

	text-align: center;

	float: left;

	transition: all 0.3s linear;

	line-height: 0px;

	padding-top: 7px;

}

.container .social .social_icon:hover {

	cursor: pointer;

	opacity: 0.5;

}

#menu {

}