body {
font-family: sans-serif;
background:#27b9e3;
margin:0 auto;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
}

a {
color:#000000;
}

p {
//font-family: "Comic Sans MS", cursive, sans-serif;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:0px;
}

h2 {
font-weight:normal;
font-weight:700;
}


.block-horizonal {
width:90%;
clear:both; 
position:relative;
//border:solid 1px #000000;
margin:0 auto;
}

.block-1-2 {
width:48%;
margin-right:1%;
margin-left:1%;
//min-width:500px;
float:left;
//border:solid 1px #000000;
position:relative;
}
@media screen and (max-width: 1200px) {
   .block-1-2 {
      width:98%;
      min-width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      text-align:center;
   }
}


.block-1-3 {
width:31.33%;
margin-right:1%;
margin-left:1%;
float:left;
//border:solid 1px #000000;
position:relative;
min-width:340px;
}

.block-2-3 {
width:64.66%;
margin-right:1%;
margin-left:1%;
float:left;
//border:solid 1px #000000;
position:relative;
min-width:340px;
text-align:left;
}

@media screen and (max-width: 1200px) {
   .block-1-3 {
      width:98%;
      min-width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      text-align:center;
   }
   .block-2-3 {
      width:98%;
      min-width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      text-align:center;
   }
}

.block-1-4 {
width:23%;
margin-right:1%;
margin-left:1%;
float:left;
//border:solid 1px #000000;
position:relative;
//min-width:340px;
}

@media screen and (max-width: 800px) {
   .block-1-4 {
      width:98%;
      min-width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      text-align:center;
   }
}

 h2.sub-page{
margin-top:0px;
margin-bottom:0px;
padding-left:10px;
text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
}

.align-right {
float:right;
}

.block-1-8 {
width:10.5%;
margin-right:1%;
margin-left:1%;
float:left;
//border:solid 1px #000000;
position:relative;
//min-width:340px;
text-align:center;
}
@media screen and (max-width: 800px) {
   .block-1-8 {
      width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      //min-width:340px;
   }
}

.align-center {
text-align:center;
}


.box-top{
position:relative; clear:both;
background:url(/uploads/template-colour/box-top.png)repeat-x top center;
min-height:10px;
border-left:solid 1px #000000;border-right:solid 1px #000000;
}

.box-middle {

position:relative; clear:both;
background:url(/uploads/template-colour/box-back.png);
border-left:solid 1px #000000;border-right:solid 1px #000000;
margin:0px ;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding:20px 10px 20px 10px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
}

.box-bottom{
background:url(/uploads/template-colour/box-bottom.png)repeat-x bottom center;
min-height:4px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
}

.footer {
color:#ffffff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.footer a{
color:#ffffff;
text-decoration:none;
}

.myads {
min-height:300px;
}
@media screen and (max-width: 1200px) {
   .myads {
    min-height: 20px;
   }
}
.myclear {
clear:both;
height:1px;
width:100%;
}

.myimage {
border:solid 2px #202020;
margin-right:10px;
margin-left:10px;
}

.myPictureMenu {
width:23%;
margin-left:1%;
margin-right:1%;
min-height:400px;
float:left;margin-top:6px;
text-align:center;
}
.myPictureMenu img{
border:solid 2px #000000;
}
@media screen and (max-width: 800px) {
   .myPictureMenu {
      width:98%;
      min-width:98%;
     margin-right:1%;
      margin-left:1%;
      float:none;
      clear:both;
      position:relative;
      text-align:center;
min-height:250px;
   }
}

.logo {
margin-bottom:10px;
margin-right:40px;
float:left;
}

.logo-subhead {
float:left;
font-weight:600;
font-size:26px;
line-height:26px;
margin-top:10px;
margin-bottom:10px;
}

.lozenge {
position:absolute; top:0px;
right:10%;
}

@media screen and (max-width: 1200px) {
  .logo {
  margin-bottom:0px;float:none;  margin:0 auto; text-align:center;
 }

   .logo-subhead {
   clear:both;   margin-top:0px;   margin:0 auto;   text-align:center;   margin-bottom:10px;float:none;
   }

   .lozenge {
   display:none;
   }
}


.title-gnome {
position:absolute; top:0px;
padding:6px 0px 0px 0px;
background:url(/uploads/template-colour/box-top.png)repeat-x top center;
border-left:solid 1px #000000;border-right:solid 1px #000000;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
}

.title {
padding:6px 0px 0px 0px;
background:url(/uploads/template-colour/box-top.png)repeat-x top center;
border-left:solid 1px #000000;border-right:solid 1px #000000;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
clear:both;
}

.title-gnome h2{
margin:0px 0px;
//width:100%;
padding:0px;
background:url(/uploads/template-colour/box-bottom.png)repeat-x bottom center;
padding:4px 10px 4px 10px;
}

.title h2{
margin:0px 0px;
//width:100%;
padding:0px;
background:url(/uploads/template-colour/box-bottom.png)repeat-x bottom center;
padding:4px 10px 4px 10px;
}
.title h4 {
margin:0px 0px;
//width:100%;
padding:0px;
background:url(/uploads/template-colour/box-bottom.png)repeat-x bottom center;
padding:4px 10px 4px 10px;
}



.title-gnome h4 {
margin: 0px;
}



.pic-scanner {
position:relative;
margin:0 auto;
padding-top:20px;
margin-top:20px;
}

.title-scanner {
position:absolute; top:0px;
padding:6px 0px 0px 0px;
background:url(/uploads/template-colour/box-top.png)repeat-x top center;
border-left:solid 1px #000000;border-right:solid 1px #000000;
}

.title-scanner h4 {
margin:0px 0px;
//width:100%;
padding:0px;
background:url(/uploads/template-colour/box-bottom.png)repeat-x bottom center;
padding:4px 10px 4px 10px;
}




.block-white-blue {
width:100%;
clear:both;
background:#ffffff url(/uploads/template-colour/background-white-blue.png)repeat-x bottom center;
}

.block-orange-pink {
width:100%;
clear:both;
background:#faa445 url(/uploads/template-colour/background-orange-pink.png)repeat-x bottom center;
}

.block-orange-blue {
width:100%;
clear:both;
background:#faa445 url(/uploads/template-colour/background-orange-blue.png)repeat-x bottom center;
}

.block-blue-green {
padding-top:20px;
width:100%;
clear:both;
background:#27b9e3 url(/uploads/template-colour/background-blue-green.png)repeat-x;
background-position: center bottom;
}

.block-green-blue {
padding-top:20px;
width:100%;
clear:both;
background:#9BCD52 url(/uploads/template-colour/background-green-blue.png)repeat-x;
background-position: center bottom;
}

.block-pink-blue {
width:100%;
clear:both;
background:#f42e9a url(/uploads/template-colour/background-pink-blue.png)repeat-x bottom center;
}

.block-home {
width:100%;
clear:both;
background:#faa445 url(/uploads/template-colour/background-home.jpg)repeat-x top center;
min-height:510px;
}

.box-white {
background:url(/uploads/template-colour/box-top.png)repeat-x top center;
}

.icon-caption {
font-weight:bold;
color:#ffffff;
}

.icon-caption a{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.readmore {
-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
padding:4px 10px 4px 10px;
background:#F3309F;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align:center;
margin:8px 20% 8px 20%;
text-shadow: 1px 1px 0px rgba(0,0,0, 1);
}

.readmore a{
color:#ffffff;
text-decoration:none;
}

.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}

.rotate:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}


/* ----------------------------------------------
	
        Menu stylesheet - Top and Footer menus

------------------------------------------------- */

/* Main Menu Dropdown - based on Superfish 1.4.8
http://users.tpg.com.au/j_birch/plugins/superfish/
------------------------------------------------- */
#mainNav {

	//width: 960px;
	margin: 0 auto;
	min-height:60px;
	padding: 0;
	z-index:101;
        font-size:0.9em !important;
font-weight:600;
}
#mainNav select {display: none;}
.sf-menu, .sf-menu * {
	margin:		0;
	padding:		0;
	list-style:		none;
}

@media only screen and (max-width: 1200px) {
 		#mainNav ul { display: none; }
		#mainNav { text-align: center; padding-top: 7px; height: 39px;}
	    #mainNav select { display: inline-block; padding: 4px; }
	    .nivo-controlNav, .nivo-caption {display: none !important;}
	    .nivo-directionNav a {opacity: 1;}
	}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:		16em; /* left offset of submenus need to match (see below) */
margin-top:-6px;
}
.sf-menu ul li {
	width:		100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0.05em;
	top:			4.8em; /* match top ul list item height */
	z-index:		101;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		1em 0.6em;
	text-decoration:none;
	text-shadow:	0 1px 0 #fff;
	background:	#44cef5;
	color:			#000000;
margin-left:4px;
margin-right:4px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.sf-menu .sectionheader {
	padding: 		1em 0.6em;
	text-decoration:none;
	text-shadow:	0 1px 0 #fff;
	background:	#44cef5;
	color:			#000000;
margin-left:4px;
margin-right:4px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#373737;
}
.sf-menu li.sfHover	a	{
	color:			#fff;
	text-shadow:	none;	
}
.sf-menu li:first-child,
.sf-menu li:first-child a {
	border-left:	none;
}
.sf-menu li:last-child {
	border-right:	1px solid #f0f0f0;
}
.sf-menu li li:last-child,	
.sf-menu li li li:last-child,
.sf-menu li li:first-child,
.sf-menu li li li:first-child	{
	border:			none;
}
.sf-menu li li a {
	text-shadow:	none;
	border-top:		1px solid #BCBCBC;
	border-left:	1px solid #CCC;
	border-right:	1px solid #EEE;
	padding: 		1em 1.6em;
}
.sf-menu li.sfHover	li a,
.sf-menu li.sfHover	li li a	{
	color:			#373737;
	text-shadow:	none;
	font-size:		13px;	
	line-height:	        1.4em;
	background:	#DEDEDE;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.menuactive a.menuactive {
	background:	#0080a0 url(/uploads/tpl-buddy-009/menu-glow.png) no-repeat top center;
	color:			#fff;
	outline:		0;
	text-shadow:	none;
	transition: 		background-color .2s;
	-moz-transition:	background-color .2s;
	-webkit-transition:background-color .2s;
	-o-transition: 	background-color .2s;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.sf-menu li + li a:hover, .sf-menu li.menuactive a.menuactive	{
	border-radius:0;
}
.sf-menu li:first-child.menuactive a.menuactive {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.sf-menu li.sfHover li.sfHover a,
.sf-menu li.sfHover li a:hover,
.sf-menu li.sfHover li.sfHover:hover		{
	background:	#CCC;
}
.sf-menu li.sfHover li.sfHover li a	{
	background:	#DEDEDE;
}
.sf-menu li.sfHover li li a:hover	{
	background:	#CCC;
}
.sf-menu li.menuactive li.menuactive a.menuactive {
	text-decoration:none;
	background:	#CCC;
	color:			#000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:		10px;
	height:		10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/uploads/tpl-buddy-009/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.7em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
a.menuactive > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; top: 1.2em; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:url(/uploads/tpl-buddy-009/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Footer menu (1 level)
------------------------------------------------- */
#footerNav {
	float:left;
	font-size:100%;
	margin: 0 0 20px 20px;
	width:290px;
}
#footerNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* menu list items */
#footerNav li {
	list-style: none;
	margin: 0;
	border-top:1px solid #60d5f2;
	border-bottom:1px solid #0188aa;
	padding:0;
}
#footerNav li:last-child	{
	border-bottom:1px solid #60d5f2;
}
#footerNav li:last-child a	{
	border-bottom:1px solid #0188aa;
}
#footerNav a, #footerNav h3 span, #footerNav .sectionheader span {
	padding: 8px 7px 8px 0px;
	margin: 0;
	text-decoration: none;
	color: #dedede; /* default link color */
	display: block;
	transition: color .2s;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
}

/* hover state for links */
#footerNav li a:hover {
	color:#fff;	
}
#footerNav a span {
	padding: 6px 4px 0 0;
}
#footerNav li.menuactive a span {
	color: #fff;
}
#footerNav li.currentpage h3	{
	font-size:100%;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}
#footerNav li.currentpage h3 span { 
	padding: 14px 7px 6px 4px;
	color: #fff;
}
#footerNav .sectionheader span {
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
#footerNav li.menuactive, #footerNav li.menuactive a:hover {
	color: #fff;
}
	
ins {
background: transparent;
text-decoration: none;
}
/* Stylesheet: colour-stylesheet Modified On 2016-04-26 12:40:06 */