/*
* 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
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.logo {
	margin:75px 0 18px 0;
	width:300px;
	text-align:left;	
}

.contact {
	margin:10px 0 0 0;
	text-align:right;	
	font-size:14px;
	font-family: 'texgyreadventorregular',Tahoma,Arial,sans-serif;
}

.contact a {
	color:#30354a;
	text-decoration:none;
	outline:none;
	font-size:14px;
	font-family: 'texgyreadventorregular',Tahoma,Arial,sans-serif;
}

.leftmain {
	margin-top:30px;
	background-color:#fff;
	font-size:11px;
	border:solid 1px #ccc;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
	padding:7px 12px 0px 12px;
}

.leftmain-lg {
	margin-top:20px;
	margin-bottom:20px;
	/*background-color:#fff;
	border:solid 1px #ccc;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);*/ 
	padding:7px 12px 3px 0px;
}

.small {
	font-size:12px;	
}

.mainpic {
	margin-top:30px;
	margin-bottom:30px;	
}

.box1 {
	margin-bottom:30px;
	font-family: 'texgyreadventorregular',Tahoma,Arial,sans-serif;
	background-color:#e1e4ee;
	background-image:url("../images/quotes.png");
	background-position:left top;
	background-repeat: no-repeat;
	padding:25px 12px 7px 12px;
	-moz-border-top-right-radius: 25px; 
	-webkit-border-top-right-radius: 25px;
	 -khtml-border-top-right-radius: 25px; 
	 border-top-right-radius: 25px; 
	 -moz-border-top-left-radius: 25px; 
	 -webkit-border-top-left-radius: 25px; 
	 -khtml-border-top-left-radius: 25px; 
	 border-top-left-radius: 25px;	
	-moz-border-bottom-right-radius: 25px; 
	-webkit-border-bottom-right-radius: 25px;
	 -khtml-border-bottom-right-radius: 25px; 
	 border-bottom-right-radius: 25px; 
	 -moz-border-bottom-left-radius: 25px; 
	 -webkit-border-bottom-left-radius: 25px; 
	 -khtml-border-bottom-left-radius: 25px; 
	 border-bottom-left-radius: 25px;
	 color:#657071;
	 font-size:14px;
	 min-height:160px;
}

.box1 a {
	color:#315c71;
	text-decoration:none;	
}

.box1 a:hover {
	color:#777;
	text-decoration:none;		
}

.box2 {
	margin-bottom:20px;
	font-family: 'texgyreadventorregular',Tahoma,Arial,sans-serif;
	font-size:14px;
	line-height:22px;
	background-image:url("../images/map.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	padding:0px 12px;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px;
	 -khtml-border-radius: 25px; 
	 border-radius: 25px; 
	 color:#436c71;
	 min-height:230px;
}

.box2 a {
	color:#315c71;
	text-decoration:none;	
}

.box2 a:hover {
	color:#777;
	text-decoration:none;		
}

.box3 {
	font-family: 'texgyreadventorregular',Tahoma,Arial,sans-serif;
	font-size:16px;
	width:180px;
	line-height:22px;
	background-color:#30354a;
	margin-top:30px;
	margin-bottom:12px;
	padding:10px;
	text-align:center;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px;
	 -khtml-border-radius: 25px; 
	 border-radius: 25px; 
	 color:#fff;
}

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

.box3 a:hover {
	color:#eee;
	text-decoration:none;		
}

.rounded-corners {
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px;
	 -khtml-border-radius: 25px; 
	 border-radius: 25px; 	
}

.footer-left {
	margin-top:20px;
	text-align:left;	
}

.footer-right {
	margin-top:20px;
	text-align:right;	
}

.hidden { display: none; }
.unhidden { display: block; }

.close_textlg {
	float:left;
	width:610px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#C00;	
}

.caption {
	margin-top:10px;
	text-align:center;
	font-size:12px;	
}

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

#message a
{
    /* display: block before hiding */
    display: block;
    display: none;

    /* link is above all other elements */
    z-index: 999; 

    /* link doesn't hide text behind it */
    opacity: .8;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -80px; /* = height + preferred bottom margin */

    /* link is centered */
    left: 50%;
    margin-left: -160px; /* = half of width */

    /* round the corners (to your preference) */
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    /* make it big and easy to see (size, style to preferences) */
    width: 300px;
    line-height: 48px;
    height: 48px;
    padding: 10px;
    background-color: #000;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

/* #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) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* 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
================================================== */
/* 	CSS for mobile Menu. */	
.navbar {
	margin:0 0 5px 0;
	text-align:center;
	/*background-color:#4295B0;
	background:url("../images/navbar-bg-repeat.png") repeat #4295B0;*/
}
.navbar ul li a{
	color:#30354a;
	text-transform:none;
    padding:3px 0;
    display:block;
    font-weight:normal;
}
.navbar a:hover, .navbar a.active{
	text-decoration:none;
	outline:none;
	background:url("../images/nav-repeat.png") repeat-x;
}
.navbar ul{ 
	display:none; 
	padding:0; 
	margin:0;
}
.navbar ul li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.navbar ul li:hover, .navbar ul li.active{
	text-decoration:none;
	outline:none;
	background:url("../images/nav-repeat.png") repeat-x;
}

.menu-toggle {
	background:url("../images/navbar-bg-repeat.png") repeat #30354a;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 12px 6%;
    width: 88%;
}
.menu-toggle:after {
	background:url("../images/navbar-menu-closed.png");
	content:" ";
	width:12px;
	height:8px;
	display:inline-block;
	margin-left:10px;
}
.toggled-on  ul.main-menu{
	display: block;
}
.toggled-on .menu-toggle:after {
	background:url("../images/navbar-menu-open.png");
}

@media only screen and (min-width: 767px) {
	.menu-toggle {
		display: none;
	}
	.navbar ul{ float:right; display:block; text-align:center; }
	.navbar ul li{ 
		display:inline-block; 
	}
    .navbar ul li a{
        padding: 10px 7px;
    }
	

}

	
/* #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: 'aaarghnormal';
    src: url('/fonts/aaargh-webfont.eot');
    src: url('/fonts/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aaargh-webfont.woff2') format('woff2'),
         url('/fonts/aaargh-webfont.woff') format('woff'),
         url('/fonts/aaargh-webfont.ttf') format('truetype'),
         url('/fonts/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


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

}

hr.red-line{ background:#980F34; border:0; height:1px; padding:0; margin:0 0 2px; }