/***
Load Fonts
***/

@font-face {
    font-family: 'cinzel';
    src: url('../fonts/Cinzel-Regular-webfont.eot');
    src: url('../fonts/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cinzel-Regular-webfont.woff') format('woff'),
         url('../fonts/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cinzel-Regular-webfont.svg#cinzel') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cinzelblack';
    src: url('../fonts/Cinzel-Black-webfont.eot');
    src: url('../fonts/Cinzel-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cinzel-Black-webfont.woff') format('woff'),
         url('../fonts/Cinzel-Black-webfont.ttf') format('truetype'),
         url('../fonts/Cinzel-Black-webfont.svg#cinzelblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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


/***
Intial Basics
***/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,body{
	background:#08132a;
	font-family: 'TeXGyreBonum',"Times New Roman", Times, serif;
	color:#4c4c4c;
	margin:0;
	padding:0;
}

.wrapper{
	width:960px;
	margin:0 auto;
	padding:0;
}

/***
Layout Blocks
***/

#header{
	background:#410909;
	color:#fff;
	font-family:'cinzel',"Times New Roman", Times, serif;
	width:100%;
	border-top:2px solid #6d6d6d;
	border-bottom:2px solid #6d6d6d;
	padding:10px 0;
	height:120px;
}
#header:after{
	clear:both;
}

#slideArea{
	width:100%;
	background:#08132a;
	color:#000;
	height:250px;
	/*background:#2a65df;*/
	/*background:#1b3e88;*/
}

#nav{
	width:100%;
	/*background:#2a65df;*/
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
	height:40px;
	position:relative;
	z-index:2;
	/*background:#08132a;*/
	background:#410909;
}

#main{
	width:100%;
	background:#fff;
	padding:10px 0 20px;
}

#footer{
	width:100%;
	padding:10px 0;
	background:#08132a;
	color:#fff;
	font-size:12px;
	line-height:21px;
	border-top:solid 2px #8d090a;
	text-align:center;
}

/***
Content
***/

#hLeft{
	float:left;
	width:60%;
}
#hRight{
	float:left;
	width:39%;
	font-size:16px;
	text-align:right;
}
#hRight a{
	color:#fff;
}

.title{
	font-size:21px;
	font-weight:bold;
}
.title2{
	font-size:34px;
	font-weight:bold;
}
.tagline{
	font-size:18px;
	font-family: 'Quattrocento',Arial, Helvetica, sans-serif;
}

.call{
	font-size:28px;
	font-weight:bold;
	margin:3px 0;
}

h1{
	font-size:48px;
	color:#4c4c4c;
	font-family: 'Quattrocento',Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 0;
}

#main p{
	color:#4c4c4c;
	font-size:18px;
	line-height:30px;
	font-family: 'TeXGyreBonum',"Times New Roman", Times, serif;
}

#content{
	float:left;
	width: 740px;
}
.side{
	float:right;
	margin: 10px;
	padding:10px;
	width:200px;
	color:#fff;
	font-family: 'TeXGyreBonum',"Times New Roman", Times, serif;
	/*background: #2a65df;*/
	background:#1b3e88;
}

.side h2{
	font-family: 'Quattrocento',Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	background:#8d090a;
	margin:0 -15px;
	padding:10px 0 10px 10px;
	color:#fff;
	overflow:visible;
	width:220px;
}
.side h3{
	font-size:21px;
	font-family: 'TeXGyreBonum',"Times New Roman", Times, serif;
	margin-bottom:0;
}

#main .side p{
	margin:0;
	padding:10px 0;
	color:#fff;
}


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

#accordion{
	width:700px;
}

/***
Nav
***/

#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-family: 'Quattrocento',Arial, Helvetica, sans-serif;
	font-size:21px;
	background:#8d090a;
	line-height:40px;
	width:100%;
	height:40px;
}
#nav ul li{
	float:left;
	background:#8d090a;
	line-height:40px;
}
#nav ul li a{
	color:#fff;
	text-decoration:none;
	padding:0 39px;
	line-height:40px;
}
#nav ul li:hover a {
	color:#383a41;
	background:#e9e9e9;
	line-height:40px;
	padding:8px 39px;
	overflow:hidden;
}

/*Hide checkbox and label by default*/
nav  input,
nav  label {
  display: none;
}
 
nav  label {
  width: 100%;
  float: left;
  padding: 10px;
  padding-right: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/***
Slides
***/

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cycle-slideshow img { 
	position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0;  z-index: 600;
    color: #000; padding: 15px; right:0;
	font-size:3em;
    font-family: 'cinzelblack';
	font-weight:bold;
	text-shadow:1px 1px 2px rgba(255,255,255,0.5),
		-1px 1px 2px rgba(255,255,255,0.5),
		1px -1px 2px rgba(255,255,255,0.5),
		-1px -1px 2px rgba(255,255,255,0.5);
}



/***
Forms
***/
form{
	color:#4c4c4c;
	font-family: 'TeXGyreBonum',"Times New Roman", Times, serif;
}
label, input{
	display:block;
}

.side form{
	color:#fff;
}
input[type=submit]{
	color:#fff;
	background:#8d090a;
	margin:10px 0;
	border:none;
	padding:10px 15px;
	font-family: 'Quattrocento',Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	box-shadow:2px 2px 2px rgba(0,0,0,0.4);
	border-radius:7px;
	text-transform:uppercase;
	cursor:pointer;
}


/***
Misc
***/

.lPic{
	float:left;
	margin:10px 10px 5px 0px;
}
.rPic{
	float:right;
	margin:10px 0 5px 10px;
}

.clear:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	line-height:0;
}

IMG{
	border:none;
}

.shadow{
	box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}

.redBord{
	border:1px solid #8d090a;
}

.blueBord{
	border:1px solid #1b3e88;
}

a{
	color:#8d090a;
}

.error{
	color: #F00;
}














@media (max-width: 950px) {
	.wrapper{
		width:96%;
		margin:0 auto;
		padding:0 2%;
	}	
	
	#header{
		padding:10px 0;
		height:auto;
	}
	#hLeft{
		float:none;
		width:100%;
		margin-bottom:10px;
		text-align:center;
	}
	#hRight{
		float:none;
		width:100%;
		font-size:16px;
		text-align:center;
	}
	
	#slideArea{
		height:auto;
	}
	#slideArea img{
		max-width:100%;
		height:auto;
	}
	#content{
		float:none;
		width: 100%;
	}
	
	#content img{
		max-width:100%;
		height:auto;
	}

	.side{
		float:none;
		margin: 10px 0;
		padding:10px 2%;
		width:96%;
	}
	
	/** 
	NAV
	**/
	nav{
		color:#fff;
	}
    nav  label, nav ul li ul {
        display: block;
    }
    nav  ul {
        display: none;
        clear: both;
    }
    nav  input:checked + ul { /* <================ This is the key */
        display: block;
    }
    nav ul li {
        float: none;
        display: block;
		width:100%;
		text-align:center;
    }
	
	#nav ul li a{
		width:100%;
		padding:0;
		
	}
	
	
	#accordion{
		width:100%;
	}
	
	
}