/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#100% height adjustments
	#baseline adjustments
	#Site Styles
		#bands
		#heading
		#navigation
		#footer
		#images
		#flexslider neccessary css
	#Page Styles
	#Media Queries
	#Font-Face */

/*	#100% height adjustments
================================================== */

	html, body { margin: 0px; padding: 0px; min-height: 100%; height: 100%; }

	div#full-container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background: #ffffff;
	}

	div#full-footer {
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	background: #ffffff;
	/*border-top: 6px double gray;*/
	}
	
	.push {
	padding-top: 6em;	
	}
	
	
/*	#baseline adjustments
================================================== */

	/* #Typography */
/*	h1 { font-size: 44px; margin-bottom: 14px;}
	h2 { font-size: 24px; margin-bottom: 7px; }
	h3 { font-size: 18px; margin-bottom: 7px; }
	h4 { font-size: 16px; margin-bottom: 7px; }
	h5 { line-height: 21px; }*/
	
	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px;  }
	
	/*	#Blockquotes  */
	blockquote, blockquote p { line-height: 21px; }
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px; }

	/* #Lists */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin-bottom: 7px 0px 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	
	
/* #Site Styles
================================================== */

. {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* fix for stupid browsers */
html.ie nav.primary ul li:hover > a {
	color: white;
}


/*bands*/
.band {

}

.band.breadcrumb a {
	margin-right: 20px;
	position: relative;
}
.band.breadcrumb a:after {
content: '';
width: 20px;
display: block;
height: 20px;
background-image: url('/images/arrow.gif');
position: absolute;
background-repeat: no-repeat;
top: 3px;
right: -25px;
}
.band.breadcrumb a:last-child {
color: #797979;
}
.band.breadcrumb a:last-child:after {
background-image: none;
}

.band.hr-dots {
	padding-top: 20px;
/*	height: 3px;
	background: #ffffff url(../images/title/hr-dot.jpg) repeat-x left center;*/
}

.band.main {
	background: #ffffff;
	color: #282828;
	font-family: "Open Sans", Arial, sans-serif;
}
.band.main a {
	color: #004CD1;
	transition: color 0.1s ease-out;
}
.band.main a:hover {
	color: #01399C;
}
.band.main a img:hover {
	box-shadow: 0 0 3px #01399C;
}


.band.header {
	background: #ffffff;
}

.band.navigation {
/*	background: url(../images/title/hr-dot.jpg) repeat-x left top, 
				url(../images/title/hr-dot.jpg) repeat-x left bottom,
				#000000;
	
	color: #01399C;*/
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
}

.band.footer {
	background: #ffffff;
	
	padding: 5px 0 10px 0;
	color: #383838;
	font-family: "Open Sans", Arial, sans-serif;
	border-top: 1px solid #282828;
}


/*heading*/
header.main {
	/*padding: 35px 0;*/
}

header h1.logo {
	margin: 0;
}

header h1.logo a {
	width: 454px;
	height: 207px;

	display: block;
	background: url(../images/title/title.png) no-repeat;
	
	margin: auto;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}


/*navigation*/
nav.primary ul,
nav.primary ul li {
	margin: 0px;
	
	/*
	background: url(../images/title/hr-dot.jpg) repeat-y left top,
				url(../images/title/hr-dot.jpg) repeat-y right top;
				*/
}
nav.primary ul {
	height: 43px;
display: inline-block;
}

.nav {
	text-align: center;
}

nav.primary select {
	display: none;
	width: 100%;
	height: 28px;
	margin: 21px 0;
	font-size: 14px;
	padding-top: 3px;
}

nav.primary ul li {
	display: inline;
	float: left;
	position: relative;
}

nav.primary ul li a {
	display: inline-block;
	line-height: 49px;
		padding: 0 14px;
	color: #01399C;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.08em;
}

nav.primary ul li a:hover {
	/*background: #424242;*/
	cursor: pointer;
}

/*navigation sub menu*/
nav.primary ul ul {
	opacity: 0;
	filter: alpha(opacity=0);

	position: absolute;
	left: 0;
	top: 49px;
	z-index: 999;
	background: #ffffff;
	min-width: 100%;
	
	height: 0px;
	overflow: hidden;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

nav.primary ul li span {
	display: none;
}

nav.primary ul li:hover ul {
	opacity: 10;
	filter: alpha(opacity=100);
	
	height: auto;
	overflow: auto;
}

nav.primary ul ul li {
	float: none;
	display: list-item;
	/*border-bottom: 1px solid #a4a4a4;*/
/*	background: url(../images/title/hr-dot.jpg) repeat-y left top,
				url(../images/title/hr-dot.jpg) repeat-y right top,
				url(../images/title/hr-dot.jpg) repeat-x left bottom;*/
}

nav.primary ul ul li a {
	display: block;
		font-size: 11px;
	line-height: 35px;
	text-transform: none;
}

nav.primary ul li:hover > a {
	/*background: #424242;*/
	color: red;
}





/*images*/
figure {
	padding: 6px;
	border: 1px solid #ededed;
	background: #fff;
}

footer a img {
	margin-top: 4px;
}

div.adverts {
	text-align: center;
	padding-bottom: 2em;
}

/*
div.logo {
	position: fixed;
	top: 61px;
	left: 25px;
}
*/


/* flexslider necessary css
 *
 * jQuery FlexSlider v1.8
 * https://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * https://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*flexslider styles*/
.flexslider {
	margin: 21px 0;
}

.flex-control-nav {
		margin-top: -14px;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #d5d5d5;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;	
	
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	border-radius: 10px;
}

.flex-control-nav a.flex-active,
.flex-control-nav li a.active,
.flex-control-nav li a:hover {
	background: #4d4d4d;
}


/* #Page Styles
================================================== */

.social {
	position: fixed;
	top: 20px;
	left: 5px;
}
.social img {
	border: 0px;
}
.social img:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

/*.hiddenDiv { position: fixed; overflow: auto; }*/

.center { text-align: center; }

.top-pad { padding-top: 21px}

/* tooltips */
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; margin-top:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; font-weight:700; color:#6c6c6c;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	a.tooltip:hover span { display: none; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		nav.primary select {
			display: block;
		}
		
		nav.primary ul {
			display: none;
			/*height: auto;*/
		}
/*		nav.primary ul li {
			position: relative;
    	float: none;
    	display: block;
		}*/
		
		header h1.logo a {
		width: 380px;
		height: 173px;
		background: url(../images/title/title.png) no-repeat;
		background-size: 380px 173px;
		}

		a.tooltip:hover span { display: none; }
		
		.social {
			position: relative;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		header h1.logo a {
		width: 280px;
		height: 128px;
		background: url(../images/title/title.png) no-repeat;
		background-size: 280px 128px;
		}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
  font-family: 'Love Ya Like A Sister';
  font-style: normal;
  font-weight: 400;
  src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(https://themes.googleusercontent.com/static/fonts/loveyalikeasister/v5/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}