@charset "iso-8859-1";
/* CSS Document */

/* ==================================================================================================================== FONTS === */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(fonts/fonts.css);


/* ==================================================================================================================== TRANSITIONS === */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}

a, a.visitied{
	color:#9d4b47;
	text-decoration:none;}
	
a:hover, a.active{
	color:#395a63;}


/* ==================================================================================================================== ALIGNMENT === */
.clear{
	clear:both;}
	
.pt0p5rem{
	padding-top:0.5rem;}
	
.tacenter{
	text-align:center;}
	
.taright{
	text-align:right;}
	
.smalltext{
	font-size:0.8rem;}
	
	
/* ==================================================================================================================== DISPLAY === */
.co{
	visibility:visible;}
	
.candt{
	visibility:visible;}
	
.scrollupphone{
	display:none;}
	
.tandp, .po, .to{
	visibility:hidden; display:none;}
	
	
/* ==================================================================================================================== DIVIDES, COLORS === */
.line3px{
	width:auto; height:3px; background:#ddd; margin:1rem auto;}
	
.line1px{
	width:auto; height:1px; background:#ddd; margin:0.7rem auto;}
	
.red{
	color:red;}
	
	
/* ==================================================================================================================== BANNER AREA === */
.gradientbg{
	background-image:-ms-radial-gradient(left, rgba(82,119,135,1), rgba(47,69,79,1)); /* IE10 Consumer Preview */ 
    background:-webkit-radial-gradient(left, rgba(82,119,135,1), rgba(47,69,79,1)); /* For Safari 5.1 to 6.0 */
    background:-o-radial-gradient(right, rgba(82,119,135,1), rgba(47,69,79,1)); /* For Opera 11.1 to 12.0 */
    background:-moz-radial-gradient(right, rgba(82,119,135,1), rgba(47,69,79,1)); /* For Firefox 3.6 to 15 */
    background:radial-gradient(to right, rgba(82,119,135,1), rgba(47,69,79,1)); /* Standard syntax (must be last) */
	box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	position:relative;
	z-index:100;}
	
.bannerleftside{
	color:#fff;}

.bannerleftside p strong{
	font-family:'AGENCYB' !important; font-size:1.5rem; font-weight:normal;}
	
.bannerleftside p a, .bannerleftside p.visited{
	color:rgba(255,255,255,1); margin:0 10px auto 0;}
	
.bannerleftside p a:hover, .bannerleftside p.active{
	color:rgba(89,202,254,1);}
	
.bannerrightside{
	background:url(../images/flagbg.jpg) center center no-repeat; height:100%; min-height:330px; position:relative;}
	
.bannerrightside h1{
	font-family:'Droid Serif', serif; font-style:italic; font-weight:400; margin:0; padding:0; position:absolute; bottom:1rem; left:0; right:0; text-align:center; text-shadow:1px 1px 2px rgba(255,255,255,1);}
	
	
/* ==================================================================================================================== CONTENT AREA === */
.graybreak{
	background:#2b2b2b; padding-top:1rem;}
	
.thesecond{
	margin:1rem auto auto; background:#2b2b2b; padding-top:1rem;}
	
.thesecond ul{
	margin:0; padding:0; list-style:none;}
	
.thesecond ul li{
	font-size:1.1rem;
	text-decoration:none;
	font-weight:600;}
	
.thesecond ul li a, .thesecond ul li a.visited{
	color:rgba(255,255,255,0.5);
	display:block;
	text-transform:uppercase;}
	
.thesecond ul li a:hover, .thesecond ul li a.active{
	color:rgba(255,255,255,1);}
	
.contentarea{
	background:#f5f5f5; padding:1rem 1rem 1rem 0;}
	
/* leftside */
.homepageimg{
	margin:0 0 10px 10px; float:right; display:block;}
	
.apimg{
	margin:0 0 10px 10px; float:right; display:block;}
	
h2{
	font-family:'Droid Serif', serif; font-style:italic; font-weight:400; margin:0; padding:0; color:#9d4b47; line-height:2.4rem;}
	
.contentarea ul{
	margin:0 auto 1rem 0.25rem; padding:0; list-style:none;}
	
.contentarea ul li{
	margin:0; padding:0; background:url(../images/dot-teal.png) 0 10px no-repeat; padding-left:10px;}
	
.contentarea dl{
	margin:0; padding:0;}
	
.contentarea dl dt{
	font-size:1.3rem; font-weight:600; margin:0; padding:0; color:#395a63;}
	
.contentarea dl dd{
	margin:0 auto 1rem; padding:0;}
	
.formstyles{}

.formstyles #submit{
	width:35%;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding:0.7rem 0;
	border-radius:0.7rem;
	font-size:1.5rem;
	background:#395a63;
	box-shadow:none;
	border:none;
	margin-bottom:1rem;}

.formstyles #submit:hover{
	background:#9d4b47;
	color:#fff;}
	
/* rightside */
.rightside{
	background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,0.1); padding:1rem; text-align:center;}
	
h3{
	font-family:'Droid Serif', serif; font-style:italic; font-weight:400; margin:0 auto 1rem; padding:0; font-size:1.3rem;}
	
/* btn */
#btn{
	width:50%;
	margin:0 auto;}
	
#btn a.rollover,
#btn a.rollover:hover{
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding:0.7rem 0;
	border-radius:0.7rem;
	font-size:1.5rem;}
	
#btn a.rollover{
	display:block;
	width:auto;
	text-decoration:none;
	background:#395a63;}

#btn a.rollover:hover{
	color:#fff;
	background:#9d4b47;}
	
	
/* ==================================================================================================================== FOOTER AREA === */
.footer{
	background:rgba(0,0,0,1); padding:1rem; color:rgba(255,255,255,0.7);}
	
ul.footerlinks{
	margin:0; padding:0; list-style:none;}
	
.footerlinks li{
	margin:0; padding:0; list-style:none; text-transform:uppercase; font-weight:300;}
	
.footerlinks li a, .footerlinks li a.visited{
	color:rgba(255,255,255,0.7); display:inline-block; float:left; margin:0 0.7rem auto 0;}
	
.footerlinks li a:hover, .footerlinks li.active{
	color:rgba(255,255,255,1);}

.footer a i.fa, .footer a.visited i.fa{
	color:rgba(255,255,255,0.5);}
	
.footer a:hover i.fa, .footer a.active i.fa{
	color:rgba(255,255,255,1);}
	
	
/* ==================================================================================================================== MQ === */
/*// Small screens*/
@media only screen {

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	body{
		margin:0;}
		
	.tab-bar h1.maintitle, .tab-bar h1.maintitle a, .tab-bar h1.maintitle a.visited, .tab-bar h1.maintitle a:hover, .tab-bar h1.maintitle a.active{
		text-align:left;
		font-size:1.7rem;}
		
	.co{
		visibility:hidden;
		display:none;}
		
	.candt{
		visibility:hidden;
		display:none;}
		
	.contentarea{
		padding:1rem 0 0;}
		
	.homepageimg{
		margin:0 auto 10px; float:none; display:block;}
		
	.contentarea dl dd{
		margin:0 auto 1rem; padding:0;}
		
	.taright{
		text-align:left;}
		
	.tandp, .po{
		visibility:visible; display:block;}
		
	.apimg{
		margin:0 auto; float:none;}
		
	.footleft{
		margin-bottom:1rem;}
		
	.footright{
		border-top:1px solid rgba(255,255,255,0.3); padding-top:1rem;}
		
	.scrollupphone{
		display:block;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*// Medium screens*/
@media only screen and (min-width: 40.063em) {			

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	body{
		margin:0;}
		
	.co{
		visibility:hidden;
		display:none;}
		
	.homepageimg{
		margin:0 auto 10px; float:none; display:block;}
		
	#btn{
		width:70%;}
		
	.to{
		visibility:visible; display:block;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*// Large screens*/
@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {	

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*// XLarge screens*/
@media only screen and (min-width: 90.063em) {	

} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*// XXLarge screens*/
@media only screen and (min-width: 120.063em) {		

} /* min-width 1921px, xxlarge screens */


/*// Firefox*/
@-moz-document url-prefix() {
	.homepageimg{
		margin:0 auto 10px; float:none; display:block;}	

}