/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Media Queries
	
	
/* #Site Styles
================================================== */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #363636;
}

p {
	line-height: 160%;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}

hr {
	display: none;
}


/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.style1 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}
	
	ul.style1 li:first-child
	{
		border-top: 0;
		padding-top: 0;
	}

	ul.style2
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.style2 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}
	
	ul.style2 li:first-child
	{
		border-top: 0;
		padding-top: 0;
	}


/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title	{
		margin-bottom: 2em;
		text-transform: uppercase;
		color: #314D5D;
	}

	.title h2	{
		color: #314D5D;
	}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

#header-wrapper
{
	padding: 2em 0em 1em 0em;
	background: #314D5D;
}

#menu-wrapper
{
	background: #314D5D;
}

#page-wrapper {
	background: #FFFFFF url(../images/bg01.png) repeat;
}

#footer-wrapper
{
	background: #0F0F0F;
}

.clearfix {
	clear: both;
}



/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header 
	{
		text-align: center;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo {
		text-transform: uppercase;
	}
	
	#logo h1
	{
		font-family: 'Playfair Display SC', serif;
		letter-spacing: 0.10em;
		font-size: 3em;
		/*font-weight: bold;*/
		margin-bottom: 6px;
	}
	
	#logo p 
	{
		letter-spacing: 0.10em;
		color: #FFF;
	}
	
	#logo a 
	{
		text-decoration: none;
		color: #FFF;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner {
		height: 330px;
		background: url(../images/index.jpg) no-repeat center;
		background-size: cover;
	}
	
/** MENU */

#menu {
	/*height: 100px;*/
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
	margin: 0;
}

#menu a {
	display: block;
	letter-spacing: 1px;
	padding:30px 30px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	border: none;
	color: #FFF;
}

#menu a:hover, #menu .current a {
	background: #6096B5;
	text-decoration: none;
}

/** PAGE */

#page
{
	padding: 5em 0em 4em 0em;
}


/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar .title h2
	{
		font-size: 1.6em;
	}
	
	#sidebar .box1
	{
		margin-bottom: 3em;
	}


/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		text-align: center;
	}
	
	#copyright p
	{
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: rgba(255,255,255,.5);
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,.7);
	}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	#page .button, #page .button a
	{
		display: inline-block;
		margin-bottom: 0.5em;
		padding: 0.50em 2em 0.50em 2em;
		background: #314D5D;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.80em;
		color: #FFF;
	}
	
	 #page .button :hover, #page .button :focus { background-color: #6096B5;}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer-wrapper
	{
		padding: 4em 0 3em;
		background: #314D5D;
	}

	#footer
	{
		color: #6096B5;
	}
	
	#footer .title h2
	{
		font-weight: 400;
		font-size: 1.2em;
		color: #FFF;
	}

	#footer .title
	{
		border-color: #2D2926 !important;
	}
	
	#footer .style1 li
	{
		border-color: #2D2926 !important;
	}
	
	#footer .style1 a
	{
		font-size:1em;
		color: #B1B1B1;
	}
	
/*********************************************************************************/
/* Added for GetSimple                                                           */
/*********************************************************************************/

/* Give sidebar h2 the attributes of class="title" */

#sidebar h2 {
	margin-bottom: 2em;
	color: #314D5D;
}

/* Give sidebar ul the attributes of class="style2" */

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	border-top: solid 1px #E5E5E5;
	padding: 0.80em 0;
	margin-bottom: 0;
}
	
#sidebar ul li:first-child	{
	border-top: 0;
	padding-top: 0;
}


/* #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) {
	#logo h1 { font-size: 2.5em;}
	
	#menu a { padding:30px 30px;}
	
	#banner { height: 280px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	#logo h1 { font-size: 2em;}
	
	#menu a { padding:20px 20px;}
	
	#header-wrapper{ padding: 1em 0em 0em 0em;}
	
	#banner { height: 230px;}
	}

	/* 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) {
	
	#menu a { padding:10px 10px;}
	
	#header-wrapper{ padding: 0.5em 0em 0em 0em;}
	
	#banner { height: 180px;}
	}