@charset "utf-8";
/* CSS Document

reflex blue: #001689;
 */

html{
-ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
.adminPositionTop{top:34px;}

#siteContactInfoBar {background:#FAFAFA; border-bottom:1px solid #EEEEEE; padding:3px 0px; font-size:12px; }
#siteContactInfoBar ul { padding:0px; margin:0px;}
#siteContactInfoBar ul li, #siteContactInfoBar ul li a { color:#444444; font-size:12px;}
#siteContactInfoBar ul span.glyphicon { color:#001689; font-size:14px; margin-right:5px;}
#siteContactInfoBar #topLinks{ text-align:right; font-size:12px;}

#frm_LoginQck, #frm_LoginA{ margin-top:9px;}
#frm_LoginQck legend, #frm_LoginA legend{ color:#001689; font-size:24px; margin:0px 0px 6px; text-transform:uppercase; border-bottom:1px solid #E6E6E6}
#frm_LoginQck .form-group, #frm_LoginA .form-group { padding:0px;}
#frm_LoginQck #qclgnEmail , #frm_LoginA #qclgnEmail{-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
#frm_LoginQck #qclgnPass, #frm_LoginA #qclgnPass {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; /*border-left:0px; border-right:0px;*/}
#frm_LoginQck .btn, #frm_LoginA .btn {-webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background:#001689; border-color:#001689; color:#FFF; 
	-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0px 16px 0px 0px rgba(255,255,255,0.3);
	box-shadow: inset 0px 16px 0px 0px rgba(255,255,255,0.3);}
#frm_LoginQck .btn:hover, #frm_LoginA .btn:hover { box-shadow:none;}

#frm_LoginQck #lgnHelpers{ margin:6px 0px;}
#frm_LoginQck #lgnHelpers, #frm_LoginQck #lgnHelpers a{ font-size:12px; color:#001689;}

.MemberQuickLinks{margin-top:20px;}
.MemberQuickLinks h2{ color:#0092DD; font-size:24px; margin:0px 0px 6px; text-transform:uppercase; border-bottom:1px solid #E6E6E6}

#topLinks li { margin-left: 40px;}



#qclgnEmail, .form-group label, #qclgnPass { font-size: 12px;}
.form-control { padding: 6px 10px;}



.siteBrand img {margin-top: 25px; margin-bottom:25px;}
.siteBrand { float: left;}
.aihhp { float:left; line-height:24px; margin-top:22px; margin-left:20px; font-size:23.5px; }
.years { color: #000; font-weight: bold; font-size: 22px; text-transform:uppercase;}
.date { color: #001689; font-size: 26px; font-weight:bold;}


#IncContactDetails li {margin-right: 30px;}

#TopNav { background:#001689; background:#001689; border-color:#001689; color:#FFF; 
	-webkit-box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.3);
	box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.3);} 
	
#TopNav .container{}
#TopNav ul li a {color:#666666; font-size:15px; padding:10px 8px; }
#TopNav ul li a:hover { background-color:#4d5cad;}
.dropdown-menu  > .active > a { background-color: #4d5cad; !important;  }
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus { background-color:#4d5cad; }

.intotext { padding:10px; color: #333; font-size:12px; margin-top:10px; text-align:center; font-weight:bold;}

/* Film ROLL */

.hero-unit{padding:10px 0;margin-bottom:-40px;}
.film_roll_wrapper img {transition: all 1s ease;display:block;}

.film_roll_container {position: relative;}
.film_roll_child.active{opacity:1;}
.film_roll_child{opacity:0.6;}
.mb{margin-bottom:8px;}

a.darken {
    background: black;
	display:block;
    padding: 0;
	
}

a.darken img {
display:block;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darken:hover img {
    opacity: 0.7;

}

#content .input-group-addon img { padding-top: 0px; padding-bottom: 0px; margin-bottom:0px; margin-left: 0px; }
.featurebox{float:left;width:30.6%; border: 1px solid #EBEBEB;margin-right:1.2%;  margin-left:1.2%;}

.featurebox img { max-width: 100%;}

.blackbg { background-color: rgba(0,0,0,.80); margin-top: -70px; position:relative; z-index: 5; padding: 5px; padding-left:10px;padding-bottom:10px; color:#fff; line-height:1.1;}
.headertext { color:rgba(255,255,255,1.00); text-transform:uppercase; font-size:22px; }
.headertext a, .blackbg a { color:rgba(255,255,255,1.00);}
.headertext a:hover, .blackbg a:hover {text-decoration:none;color:rgba(255,255,255,.80) }



/* Film ROLL END */

#BodyContent h1 { display:none;}



#BreadCrumbContainer{ background:#F9F9F9; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin-top:10px;}
.breadcrumb { background:none; padding:8px 0px; margin-bottom:0px; color:#333}
.breadcrumb a, .breadcrumb li.active, .breadcrumb > li + li:before{ color:#001689;}
#BodyContentOuter{}

.nivoSlider{max-height:310px;}

#BreadCrumbContainer { margin-bottom:10px; }
#siteSubContent { margin-top:40px;}

#siteSubContent h2 a { color: #fff;}

/*#SideCol h2:first-of-type, #BodyContent h1:first-of-type{margin-top:0px;}*/

#SideCol .box{ clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E6E6E6;}
#SideCol .nav a{ color:#1FB7F2}
#SideCol .nav li.active a{ color:#fff}


.fourboxes { margin-top:20px; margin-bottom:20px; padding-left: 15px; padding-right: 15px; color: #333; background-color:#fff; border: 1px solid #B9B9B9; color: #333; line-height:1.2; font-size:12px; min-height: 262px;}
.fourboxes img { max-width: 100%;}


.contactbotfour, .botboxcontact { font-size: 16px;}

.artical { margin-bottom: 40px; border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; padding-top: 10px; padding-bottom: 10px; }
h3 { margin-top: 0px;}
h1 { margin:0px; display:none;}
.newsimg { max-width: 100%; margin-left:auto; margin-right: auto; text-align: center;}

#siteSubContent h2 { margin-top:5px; font-weight:bold; font-size:17px; padding: 10px; background-color:#001689; padding-left:15px; color: #fff; margin-left: -22px;
	-webkit-box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 22px 0px 0px rgba(255,255,255,0.2); width:auto;} 

#siteSubContent h2:after {  content: url(../images/corner.png); width: 9px; height: 9px; display:block; margin-left:-15px; margin-bottom:-12px; margin-top:4px; }
#siteFooter{ margin:10px 0px; margin-bottom:20px; background-color: #fff; padding-top: 20px; padding-bottom:20px; text-align:left; font-size:14px; box-shadow: 0px 0px 5px 1px #D3D3D3; line-height: 1.2;}
#siteFooter .SDGdesign{ text-align:right;}
.greyfooter { background-color: rgba(239, 239, 239, 0.6); width: 100%; padding-bottom:20px; padding-top:2px; text-align:center; font-size:10px; color: #333; line-height: 1.2; }
.greyfooter strong { color: #000;}
#siteFooter a { color: #001689; font-weight:bold;}


#frm_contact {width: 45%; padding:10px; border: 1px solid rgba(221,221,221,1.00); margin-top:20px;  font-size:14px; margin-left:15px;}
#frm_feedback  {width: 45%; padding:10px; border: 1px solid rgba(221,221,221,1.00); margin-top:20px;  font-size:14px; margin-left:0px;}
#frm_contact img { padding:0px; margin-left:0px; max-width: none;}
#frm_contact .input-group-addon { padding: 5px 12px;}
#frm_contact .form-group label {  float: left; width: 30%; display:block;}
#frm_contact .form-group input, #frm_contact .form-group textarea { width: 70%; display:block;}
#frm_contact #secCode { width: 100%;}
.btn-primary { background-color:#001689; border-color:#001689;}

.alert-danger, .alert-success { margin-left: 15px; max-width: 45%; margin-top:15px; font-size: 13px;}


.media-object { max-width: 100%; border: 1px solid #D7D7D7;}
.media > .pull-left { margin-left: 20px;}
.media-body h4 { margin-top:0px;}

#backtotop{ position:fixed; display:block; right:10px; bottom:50px; width:90px; height:45px; text-align:center; background:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);}
#backtotop { display:none;}


.styledtable td, .styledtable th { border: 1px solid rgba(0, 0, 0, 0.2); padding:3px;}

#RegisterPrompt span {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #333333;
  display: block;
  font-size: 21px;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
  font-family: 'Fjalla One',sans-serif;
}


ul.social {
	width: 40px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -0px;
	top: 0%;
	z-index: 10;
}

ul.social li {display:block;zoom:1;float:left;background:none;margin:0;padding:0;}
ul.social li a {border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,0.9);display:block;height:32px;width:32px;margin:4px;overflow:hidden;text-indent:-5000px; background-image:url(../images/social.png);background-repeat:no-repeat; }
ul.social li a.facebook {background-position:-4px -4px;}
ul.social li a.facebook:hover {background-position:-4px -44px;}
ul.social li a.google-plus {background-position:-44px -4px;}
ul.social li a.google-plus:hover {background-position:-44px -44px;}
ul.social li a.twitter {background-position:-84px -4px;}
ul.social li a.twitter:hover {background-position:-84px -44px;}
ul.social li a.linkedin {background-position:-124px -4px;}
ul.social li a.linkedin:hover {background-position:-124px -44px;}
ul.social li a.tumblr {background-position:-164px -4px;}
ul.social li a.tumblr:hover {background-position:-164px -44px;}
ul.social li a.pinterest {background-position:-204px -4px;}
ul.social li a.pinterest:hover {background-position:-204px -44px;}
ul.social li a.youtube {background-position:-244px -4px;}
ul.social li a.youtube:hover {background-position:-244px -44px;}
ul.social li a.blog {background-position:-284px -4px;}
ul.social li a.blog:hover {background-position:-284px -44px;}

.listgroup{ color:#666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 0px 20px 0px;}
.listgroup:after{	content:'';	display:block;	clear:both;}
.listgroup ul{	float:left;	margin:10px 5% 10px 0;	padding:0 0 0 5%;	width:40%;}
.listgroup ul li { padding:5px 0px;  font-size:16px; color:#666;}

.col-sm-12 img { max-width: 100%;}
.form-group img {max-width:none; }

.facebook { width: 100%; overflow:hidden;}
#BodyContentOuter #frm_LoginQck, #BodyContentOuter #frm_LoginA { padding:20px; border: 1px solid #E1E1E1; padding-right: 30px;}



.twobox {width: 50%; margin-top: 25px;}

.threebox {width: 33%; margin-top: 25px;}


iframe { width: 100%:}





@media (min-width: 1200px) {
	#TopNav ul li a {color:#fff; font-size:14px; padding:10px 25px; padding-bottom:12px; font-weight:bold;}
	.fb-like-box span { width: 600px !important;}
	.twobox, #you, #comment { max-width: 50%;}
}

@media (min-width: 980px) and (max-width: 1200px) {
	#TopNav ul li a {font-size:14px; padding:10px 18px; color:#fff;}
	.nivo-caption, .nivo-caption p{ font-size:30px; line-height:1.1;}
	.nivo-main-image{ max-height:220px !important}
	.LeadBox{ padding:27px 7px; min-height:242px; line-height:1.4}
	#LeadBoxes .textLarge, #LeadBoxes .textLarge a {font-size:27px;}
	#LeadBoxes .textNormal, #LeadBoxes .textNormal a{font-size:11px;}
	#topLinks { display: none;}
	.aihhp { font-size:20px; }
	.years {  font-size: 18px;}
	.date {font-size: 22px; }
	#frm_LoginQck #lgnHelpers, #frm_LoginQck #lgnHelpers a { font-size: 10px;}
	ul.social { top: 22%;}
	.intotext { font-size: 11px;}
	.blackbg { font-size: 11px; margin-top: -60px;}
	.headertext { font-size: 19px;}
	.film_roll_next { right: 2.6%!important;}
	.film_roll_prev { left: 2%!important;}
	.contactbotfour, .botboxcontact { font-size: 14px;}
	 #you, #comment { width: 80%;}
}

@media (min-width: 768px) and (max-width: 979px) {
	#TopNav ul li a {font-size:14px;}
	#BodyContent h1{font-size:29px;}
	#SideCol h2{ font-size:29px;}
	.nivo-caption, .nivo-caption p{ font-size:20px; line-height:1;}
	ul.social { top: 22%;}
	.nivo-main-image{ max-height:196px !important}
	#topLinks { display: none;}
	.aihhp { font-size:14px; }
	.years {  font-size: 12px;}
	.date {font-size: 16px; }
	#IncContactDetails li { margin-right: 10px;}
	#TopNav .form-group { margin-top: 10px;}
	#frm_LoginQck legend { font-size: 17px;}
	#frm_LoginQck #lgnHelpers, #frm_LoginQck #lgnHelpers a { font-size: 10px;}
	ul.social { display:none;}
	.intotext { font-size: 11px;}
	.blackbg { font-size: 11px; margin-top: -60px; min-height: 95px; background-color: rgba(0, 0, 0, 1);}
	.headertext { font-size: 19px;}
	.film_roll_next { right: 2.6%!important;}
	.film_roll_prev { left: 2%!important;}
	.fourboxes { min-height: 320px;}
	.contactbotfour, .botboxcontact { font-size: 12px;}
	#siteSubContent h2 { font-size: 14px;}
    #you, #comment { width: 80%;}
}

@media (max-width: 767px) {
	#backtotop{display:none}
	#topLinks { display: none;}
	#TopNav .form-group { margin-top: 10px;}
	.social { top: 22%;}
	.aihhp { font-size:16px; }
	.years {  font-size: 14px;}
	.date {font-size: 18px; }
	.intotext { font-size: 9px;}
	.blackbg { font-size: 11px; margin-top: -2px; min-height: 122px; background-color: rgba(0, 0, 0, 1);}
	.headertext { font-size: 15px;}
	.film_roll_next { right: 2.6%!important;}
	.film_roll_prev { left: 2%!important;}
	.film_roll_prev, .film_roll_next { top: 33%!important; }
	#IncContactDetails li { margin-right: 0px; text-align:center; display:block; font-size:11px;}
	.logoandtext { margin-left: auto; margin-right:auto; text-align:center;}
	.fourboxes { min-height: 100px;}
	.newsimg { text-align:left; margin-bottom: 10px;}
	.contactbotfour, .botboxcontact { font-size: 12px;}
    #frm_contact {width: 95%;}
	#frm_feedback  {width: 95%;}
		 .twobox {width: 100%;}
		 
		.threebox {width: 100%; margin-top: 25px;} 
		 
		 
}

@media (max-width: 550px) {
	#BodyContent h1{font-size:24px;}
	#SideCol h2{ font-size:24px;}
	#topLinks { display: none;}
	#TopNav .form-group { margin-top: 10px;}
	#frm_pagejump .control-label { font-size:9px;}
	ul.social { display:none;}
	.aihhp { margin-left: 5px; font-size:16px; text-align:center; line-height: 1.2; margin-left:0px; margin-top:0px; margin-bottom: 10px; }
	.years {  font-size: 12px;}
	.date {font-size: 18px; }
	.intotext { font-size: 9px;}
	.logo { text-align:center; width: 100%; margin-left: auto; margin-right: auto; position: static;}
	.siteBrand img { margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
	.siteBrand { float:none;}
	.blackbg { min-height: 130px; font-size:10px;}
	.headertext { font-size:12px;}
	.aihhp { width: 100%;}
	.fourboxes { min-height: 100px;}
	.newsimg { text-align:left; margin-bottom: 10px;}
	.film_roll_prev, .film_roll_next { top: 33%!important; }
	#frm_contact {width: 95%;}
	#frm_feedback  {width: 95%;}
    #you, #comment { width: 100%;}
	
	
}