/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #00AEEF; color: #fff; text-shadow: none; }
::selection { background: #00AEEF; color: #fff; text-shadow: none; }

a { color: #00AEEF; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

@font-face {
    font-family: 'MaxTF';
    src: url('fonts/maxtf-book.eot');
    src: url('fonts/maxtf-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/maxtf-book.woff') format('woff'),
         url('fonts/maxtf-book.ttf') format('truetype'),
         url('fonts/maxtf-book.svg#maxtf-book') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Book.eot');
	src: local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { font-family: Gotham, sans-serif; background: #F8F8F8; }

h1, h2, h3, h4, h5, h6 { font-family: MaxTF, sans-serif; font-weight: bold; color: #111; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none !important; }
p { margin: 0 0 1em; color: #111; line-height: 1.5em;}

.clear { clear: both; }
.container { max-width: 940px; margin: 0 auto; padding: 0 20px;  }

header { height:95px; background: rgba(0, 174, 239, 0.7); width:100%; }
header .container { position: relative; max-width: 95%; }
.homepage header, .clubsmap header { position: absolute; top:0; z-index: 999;}
header #logo { float: left; margin-top: 20px; }
header ul#smnav { margin: 30px 0 0; padding: 0; position: absolute; right:0px; }
header ul#nav { margin: 30px 0 0; padding: 0; position: absolute; right:92px; }
header li { float: right;  list-style: none; font-family: MaxTF, sans-serif; /*background: url('../img/topnav-div.png') no-repeat center left;*/  margin-left: 5px; position: relative; }
header li.sel { background: #00AEEF; }
/*header li.sel a:before { content: "> ";}*/
header li.fbout { border-left:none; background: #3C5993; }
header li a { color: #FFF; text-decoration: none; font-size: 16px; padding: 6px 10px; display: block; white-space: nowrap; }
header li:hover a { color: #FFF; background: #00AEEF; background: rgba(0, 174, 239, 0.7);}
header li.fbout:hover a { color: #EEE; background: #3C5993;}

header li.smlink { margin-left: 5px; }
header li.smlink a { padding: 6px; }
header li.smlink img { height: 25px; margin-top: -6px; }

header .mnav { float: right; width: 50%; margin: 35px 5% 0 0; }

header ul#nav li ul { position: absolute; left: -9999px; width: 200px; padding-top: 4px; }
header ul#nav li ul li { padding-top: 1px; text-align: left;  float: none;  }
header ul#nav li:hover ul { left: -45px; top:15px; width: auto; }
header ul#nav li li:hover a { background: #00AEEF; }

.resp-menu { cursor: pointer; display: none; margin-right: 10px; }

span.pagehead { font-family: MaxTF, sans-serif; font-weight: bold; color: #FFF; font-size: 40px; display: block; padding: 140px 0 10px; 
text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); }

.secnav {  font-size: 12px; color: #FFF;  max-width: 940px; margin: 0 auto; margin-bottom: 40px; padding: 0 20px; }
.secnav .container { width: auto; background: rgba(0, 174, 239, 0.7); padding: 0; display: inline-block; padding: 2px 15px 1px 5px;  }
.secnav a { text-decoration: none; color: #000; }

.page { background: #FFF; margin: 0; padding-top: 50px; padding-bottom: 100px; min-height: 350px; 
max-width: 1020px; margin: 0 auto 20px; border: 1px solid #EEE; border-top: 4px solid #00AEEF;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.13);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);

}
.leftcol { width: 20%; margin-right: 5%; float: left; }
.maincol { width: 75%; float: left; }
.page .maincol { float: right; }

.maincol h1 { margin: 0; font-size: 32px; }
.maincol h2 { margin-top: 0; color: #00AEEF; font-size: 20px; margin-bottom: 2em; }
.maincol h3 { color: #00AEEF; font-size: 18px; }
.maincol p { font-size: 14px; line-height: 22px; }
.maincol ul, ol { font-size: 14px; line-height: 22px; margin: 30px 0; }
.maincol ol li { margin-bottom: 20px; }

p.small { font-size: 12px; }
p.grey { color: #999; }

.subnav { margin: 0; padding: 0; }
.subnav li { list-style: none;  font-size: 14px; font-family: MaxTF, sans-serif; font-weight: bold; background: url('../img/division270long.png') no-repeat bottom left;}
.subnav li a { padding: 10px 0; display: block; text-decoration: none; color: #000; }
.subnav li:hover a { color: #00AEEF; }
.subnav li.sel a { color: #00AEEF; background: url('../img/menu-sel.png') no-repeat center left; padding-left: 16px;}

.sub-options { margin: 0 0 0 16px; padding:0; }
.sub-options li { }
.sub-options li a { padding: 6px 0; }

.sub-options ul { margin: 0; padding: 0; }
.sub-options ul a { color: #999 !important;  background: none !important; }
.sub-options ul a:hover { color: #00AEEF !important }

.news h2 { font-size: 16px; }
.news .page .maincol { float: left; width: 65%;  }
.news .page .leftcol { float: right; margin: 0 0 0 5%; }
.news .page .leftcol .a  { display:block; color: #999; padding: 10px 0; }
.news .page .leftcol .subnav li { background: url('../img/division270long.png') no-repeat bottom left; }
.newsblock { margin-bottom: 40px; background: url('../img/division270long.png') no-repeat bottom left; padding-bottom: 5px; }
.newsblock h2 { font-size: 32px; margin-bottom: 0; }
.newsblock h3 { font-size: 16px; margin-top: 0; color: #00AEEF;}
.newsblock h2 a, .newsblock p a { text-decoration: none; color: #000; }
.newsblock strong.link { white-space: nowrap; color: #00AEEF; font-size: 12px; }
.newsblock:hover h2 a{ color: #00AEEF; }
.newsblock img { float: left; margin: 0 20px 20px 0;}
img.newsimg-page { margin-bottom: 20px; max-width: 100%;  }

.newsbio { background: url('../img/division270long.png') no-repeat top left; padding: 15px 0; margin: 50px 0; font-size: 13px; color: #999; 
}
.newsbio p { margin-top: 10px; font-size: 13px; color: #999; }

.list-block { clear: both; font-size: 16px; border-bottom: 1px solid #E6E6E6; padding: 20px 0; }
.list-block .list-head { width: 33%; float: left; }
.list-block .list-head h3 { font-size: 16px; margin: 0; color: #00AEEF;}
.list-block ul { float: left; width: 67%; padding: 0; margin: 0; }
.list-block ul li { float: left; list-style: none; width: 50%; padding-bottom: 5px;  }
.list-block ul li a { text-decoration: none; color: #000; }
.list-block ul li a:hover { text-decoration: underline; }

.profile-block { clear: both; font-size: 14px; background: url('../img/division270long.png') no-repeat bottom left; padding: 20px 0 5px; margin-bottom: 30px;}
.profile-block img { float: left; margin: 0 20px 20px 0; }
.profile-block h3 { margin-bottom: 0; }
.profile-block h4 { margin-top: 0; }
.profile-block .links { color: #DDD; margin-bottom: 10px; }
.profile-block .links a { text-decoration: none; }
.profile-block .links a:hover { text-decoration: underline; }

.page-file { margin-top: 30px; background: #F8F8F8; padding: 20px; }
.page-file a { text-decoration: none; }
.page-file a:hover { text-decoration: underline; }
.page-file img { margin-right: 20px; }

/*.page-1 .container p { font-size: 30px; line-height: 45px; }*/

#club-finder { background: #F8F8F8; width: 200px; position: absolute; left: 50px; top: 150px; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		}
#club-finder h1 { margin: 0 0 0.25em; color: #00AEEF; }
#club-finder ul.subnav { margin-top: 25px; }
#club-finder ul.subnav li a { padding: 5px 0; }
#club-finder p { margin: 1em 0; font-size: 13px; }
#club-finder label { font-size: 14px; }

.mapadr { color: #00AEEF; font-size: 14px; }
.mapadr strong { font-family: MaxTF, sans-serif; font-weight: bold; color: #111; display: block; font-size: 16px;  }
.mapadr a { display:block; padding: 10px 0 0; text-decoration: none; font-weight: bold; font-size: 12px; }


.club-page .maincol { float: left; width: 55%;  }
.club-page .leftcol { float: right; margin: 0 0 0 5%; width: 38%; }
.club-page .leftcol .a  { display:block; color: #999; padding: 10px 0; }
.club-page .leftcol .subnav li { background: url('../img/division270long.png') no-repeat bottom left; }
.club-page h3 { margin: 2em 0 0.5em; }
.club-page #map_canvas { width: 100%; height: 220px; margin-bottom: 10px; }
#clublogo { float: left; margin: 0 20px 10px 0; border: 1px solid #DDD; }
.spacer { height: 1px; }
.club-page .leftcol p { font-size: 14px; line-height: 22px; }
.club-page .leftcol h4 { color: #00AEEF; margin-bottom: 0.5em; margin-top: 2em; }
.eventlist { margin: 0 !important; padding: 0; }
.eventlist li { list-style: none; background: url('../img/division270long.png') no-repeat bottom left; padding: 0 0 20px; margin-bottom: 20px; font-size: 14px; color: #666; }
.eventlist li span.location { display: block; }
.eventlist li span.name { margin-right: 10px;  font-family: MaxTF, sans-serif; font-weight: bold; color: #111; font-size: 16px;  }
.eventlist li span.when { color: #00AEEF;font-family: MaxTF, sans-serif; font-weight: bold; }


.addfacebook { background: #3C5993;  color: #FFF; padding: 20px; }
.addfacebook h3 { margin-top: 0; font-size: 16px; color: #FFF; }
.addfacebook input[type=text] { border: none; padding: 6px; outline: none; font-family: Gotham, sans-serif;}
.addfacebook input[type=submit] { border: none; padding: 6px 10px; outline: none; background: #F8F8F8; color: #3C5993; margin-left: 10px; font-family: Gotham, sans-serif;}
.addfacebook input[type=submit]:hover { background: #EEE; }

.club-event { border-left: 3px solid #00AEEF; padding-left: 10px; }

.entryform { }
.entryform input[type=text], .entryform input[type=password], .entryform textarea { padding: 6px; border: 1px solid #CCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 70%; outline:none; font-family: Gotham, sans-serif; font-size: 14px; }
.entryform input[type=text]:focus, .entryform input[type=password]:focus, .entryform textarea:focus, .entryform input[type=text]:hover, .entryform input[type=password]:hover, .entryform textarea:hover { border: 1px solid #444; }
.entryform textarea { height: 100px; }
.forminput p { font-size: 13px; color: #666; margin-top: 5px; }
.entryform label { margin-top:30px; margin-bottom: 5px; display: block; font-size: 14px; }
.entryform input[type="submit"] { font-size: 16px; padding-top: 8px; margin: 20px 0 50px; }

.foottop { background: #F8F8F8; /* border-top:1px solid #F1F1F1; */ border-bottom: 2px solid #00AEEF; padding: 25px 40px;}
.foottop .leftcol { background: url('../img/division.png') no-repeat top right; }
footer h4, .footbase h4 { font-size: 14px; color: #00AEEF; margin: 0 0 0.5em; }
.foottop a.title { display: block; color: #111; font-size: 20px; text-decoration: none;  }
.foottop a.title.small { font-size: 14px; }
.foottop a.title:hover { color: #00AEEF; }
.foottop a.linkthrough { display: inline-block; color: #111; font-size: 12px; text-decoration: none; text-transform: uppercase; margin-top: 15px; padding-right: 20px;   }
.foottop a.linkthrough:hover { color: #00AEEF; }
.footbase { background: #232323; padding: 30px 0; }
.footbase ul { margin: 0; padding: 0;}
.footbase li { list-style: none; color: #FFF; }
.footbase li a { color: #FFF; text-decoration: none; font-size: 12px; }
.footbase li a:hover { color: #00AEEF; }
.footbase p.small { font-size: 10px; }

ul.socialfoot { margin: 0; padding: 0;}
ul.socialfoot li { list-style: none; font-size: 20px; line-height: 28px; }
ul.socialfoot li a { text-decoration: none; }
ul.socialfoot li span.meta a { font-size: 12px; color: #999;}

.resource { padding-left: 50px; }
.resource.file { background: url('../img/file-icon.jpg') no-repeat 10px 3px; }
.resource.img { background: url('../img/image-icon.jpg') no-repeat; }
.resource h4 { margin-bottom: 5px; }

.legalinfo { color: #FFF; }
.legalinfo strong { font-family: MaxTF, sans-serif; display: block; margin-bottom: 0.5em; font-size: 14px;}
.legalinfo p { font-size: 12px; line-height: 1.5em; color: #FFF;}

.col-4 { float: left; width: 22%; margin-right: 3%; }

.btn {
  cursor: pointer;
  display: inline-block;
  background-color: #00AEEF;
 
  padding: 5px 14px 7px;
  color: #FFF;
  font-size: 13px;
  line-height: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  border: none;
}

.btn:hover { opacity: 0.8; }

table.infotable { margin-bottom: 20px; }
table.infotable td { padding: 5px 10px 5px 0; }
table.infotable tr td:first-child { color: #999; }

.bowling-scores {}
.bowling-scores li { font-size: 22px; font-family: MaxTF, sans-serif; font-weight: bold; color: #999; margin-bottom: 40px !important;  }
.bowling-scores .team, .score { font-size: 22px; font-family: MaxTF, sans-serif; font-weight: bold; color: #00AEEF; }
.bowling-scores .score { float: right; }
.bowling-scores .organisation { font-weight: normal; font-size: 16px; display: block; margin-bottom: 5px; margin-top: 3px; }
.bowling-scores .member { width: 45%; display: inline-block; font-size: 14px; }


.royalSlider .homeimagetitle { font-family: MaxTF, sans-serif; font-weight: bold; color: #FFF; font-size: 60px; display: block;  
text-shadow: 2px 2px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); white-space: nowrap;}

.royalSlider .homesubhead { font-family: MaxTF, sans-serif; font-weight: bold; color: #FFF; font-size: 28px; display: block;  
text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); white-space: nowrap; }

.royalSlider {	
	position:relative;
	/* set width and height of slider here, in px, % or em*/
	width:100%;
	height:600px !important;
	/* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden;
}



/**
*  Slides area (set background here)
*/

.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;

	width:100%; 
	height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides */
	background: #111111; 
	background: -moz-linear-gradient(top, #111111 0%, #242424 100%); 	
	background: -webkit-linear-gradient(top, #111111 0%,#242424 100%); 
	background: -o-linear-gradient(top, #111111 0%,#242424 100%);
	background: -ms-linear-gradient(top, #111111 0%,#242424 100%); 	
	background: linear-gradient(top, #111111 0%,#242424 100%);
}
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0 !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	border: 0 !important;
}


/* slide item */
.royalSlider .royalSlide {
	padding: 0 !important;
	margin: 0 !important;	
	border: 0 !important;
	list-style: none !important;
	
	position:relative;
	float:left;	
	
	overflow:hidden;	
}

/* 

	Direction Navigation (arrows) 

*/
.royalSlider .arrow
{	
	/*background:url(../img/controlsSprite.png) no-repeat 0 0;*/
	background-repeat: no-repeat;
	background-position: 0 0;

	/* change arrows size here */
	width: 45px;
	height: 90px;
	
	top:50%;
	margin-top:-45px;	
	
	cursor: pointer;
	display: block;
	position: absolute;		
	
	z-index:25;
	
}
.royalSlider .arrow:hover {
	
}
.royalSlider .arrow.disabled {
	
}
/* left arrow */
.royalSlider .arrow.left {
	background-position: top left;
	left: 0;	
}
/* right arrow */
.royalSlider .arrow.right {
	background-position: top right;
	right: 0;
}




/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;	
}


/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {		
	left:0;
	position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {	
	width: auto;
	position: relative;
	overflow: hidden;
	margin-top:4px;	
}






/* 

	Control navigation (bullets, thumbnails)
	
*/
.royalSlider .royalControlNavOverflow a{	
	background:#0C0 none no-repeat scroll 0 0;
	
	width:20px;
	height:20px;	
	
	float:left;	
	cursor:pointer;	
	
	position:relative;
	display:block;
	
	text-indent: -9999px;	
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {	
	background-color: #C00;	
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	
	background-color: #00C;
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{	
	/*background: none no-repeat 0 0;*/
	/*background-color: ;*/
	width:144px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
	
}
.royalSlider .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #C00 !important;
	width:138px;
	height:54px;
}
.royalSlider .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border:3px solid #00C;
	width:138px;
	height:54px;
}



/* 

	Thumbnails navigation arrows 
	
*/
.royalSlider .thumbsArrow {	
	width: 38px;
	height: 68px;	
	
	cursor: pointer;
	display: block;
	position: relative;		
	z-index: 25;
	
	background: #C99;
	
}
.royalSlider .thumbsArrow.left {	
	float: left;
}
.royalSlider .thumbsArrow.right {	
	float: right;
}
.royalSlider .thumbsArrow:hover  {
	
}
.royalSlider .thumbsArrow.disabled {
	
}






/* Captions container */
.royalSlider .royalCaption {
	z-index:20;
	display:block;
	position:absolute;	
	left:0;
	top:0;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}
/* Caption item */
.royalSlider .royalCaptionItem {
	position:absolute;	
	left:0;
	top:0;
	margin: 0;
	padding: 0;
}



/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	
}
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {		
	width:100%;
	position:absolute;	
	margin:0 auto;
	top: 45%;
	text-align:center;
}

/* single slide image preloader */
.royalSlider .royalPreloader {	
	position:absolute;
	width:24px;
	height:24px;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px;	
	z-index:0;	
	background-image:url(../img/preloader.gif);
}






.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url("../img/cursors/grab.png") 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(../img/cursors/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url("../img/cursors/grabbing.png") 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(../img/cursors/grabbing.cur);}


/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
	position: absolute;
	top: 0;
	left: 0;
}
.royalSlider .non-draggable {
	cursor: auto;
}
.royalSlider .fade-container .royalSlide{
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important;	
}


/* Slider itself */
.royalSlider.default {	
	
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.default.with-thumbs {
	padding-bottom: 68px;
}

/* 
	Left and right navigation arrows 	
*/
.royalSlider.default .arrow
{	
	
	
	background-image:url('../img/large-arrows.png');

	/* change arrows size here */
	width: 50px;
	height: 50px;
	margin-top:-25px;	
	

 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
	margin-top:-49px;
}
/* Arrow down state */
.royalSlider.default .arrow:active {	
}
/* Arrow hover state */
.royalSlider.default .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Arrow disabled state */
.royalSlider.default .arrow.disabled {	
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
	filter: alpha(opacity=20) !important;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}
/* left arrow */
.royalSlider.default .arrow.left {
	background-position: top left;
	left: 15px;	
}
/* right arrow */
.royalSlider.default .arrow.right {
	background-position: top right;
	right: 15px;
}





/* 
	Bullets and thumbnails navigation	
*/
.royalSlider.default .royalControlNavOverflow a {	
	background-color: transparent;
	background-image: url(controls-sprite.png);
	background-position: 0 -164px;
	
	width:18px;
	height:18px;			
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {	
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {	
	padding:3px 5px;
	
	background: rgb(50, 50, 50);	
	background: rgba(0,0,0,0.5);
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
	margin-top:-30px;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;	
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{	
	background-color: transparent;	
	background-position: 0 0;
	
	width:60px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #666 !important;
	width:54px;
	height:54px;
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border: 3px solid #AAA;
	width: 54px;
	height: 54px;
}



/* 
	Thumbnails navigation arrows 	
*/
.royalSlider.default .thumbsArrow {
	background:url(controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 68px;	
	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.royalSlider.default .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider.default .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.default .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.default .thumbsArrow.disabled {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.default .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.royalSlider.default .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}











@media only screen and (min-width: 1200px) {
  body { background-size: 100%;} 

}

@media only screen and (max-width: 900px) {
	
	.resp-menu { display: block; }

	header #logo { margin-left: 3%; }
	header ul#nav { right:0; top:95px; margin: 0; background: #00AEEF; width: 100%; display: none; }
	header ul#nav li { float: none; display: block; padding: 0; border-top:1px solid #7BD4EF; margin: 0; padding: 0 10px;}
	header ul#nav li a { padding: 6px 2px; }
	header ul#nav li ul { left: 0 !important; display: block; width: auto; position: relative; margin: 0; padding: 0;  }
	header ul#nav li ul li { display: inline-block; opacity: 0.9; border-top:none; }
	header ul#nav li:hover ul { top: auto !important; }
	header ul#nav li a:hover { background: none; }

}


@media only screen and (max-width: 800px) {
	
  .royalCaption { display: none !important; }
	.list-block ul li { width: 100%;}
	
	
}

@media only screen and (max-width: 600px) {
  body { background: #FFF !important;}
  .container { width: 95%; padding: 0;  }
  
  header { background: #00AEEF;}
  header .container { width: 100%; }
  
  span.pagehead { display: none; }
  .secnav { display: none; }
  .page { padding-top: 15px; padding-bottom: 5px; 
	  -moz-box-shadow: none;
	  -webkit-box-shadow: none;
	  box-shadow: none;

  }
  .leftcol { width: 100% !important; margin-bottom: 20px !important; float: none !important; margin: 0 !important; }
  .maincol { width: 100% !important; margin-bottom: 20px !important; float: none !important; }
  .col-4 { width: 100%; margin-bottom: 20px; }
  .page { border: none; }
    
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
