/*-------------------------------------------
    General Selectors
-------------------------------------------*/



/*-------------------------------------------
    Structure
-------------------------------------------*/


.intro-wrap { padding: 0 0 87px; background: #262626 url("../../a/screen/bg-intro-seal.gif") no-repeat center 0; }
	.intro-wrap + .wrap { margin-top: -87px; }
	.intro h1 { margin-bottom: 3px; }
	.intro p { width: 727px; color: #6c6c7a; font-size: 1.4em; line-height: 1.7; }
	.intro-wrap p { margin-bottom: 34px; color: #f3f3f1; }

/*.no-intro-text .intro-wrap { padding: 0 0 4px; }*/
	/*.no-intro-text .intro-wrap + .wrap { margin-top: -4px; }*/
	/*.no-intro-text .intro h1 { margin-bottom: 30px; }*/

.breadcrumb { position: relative; width: 978px; margin: 0 auto 20px; padding-top: 18px; }
	.breadcrumb li { float: left; list-style: none;}
	.breadcrumb li:after { content: "/"; margin: 0 5px 0 3px;  }
		.breadcrumb a { color: #6a8cb0; text-transform: uppercase; font-weight: bold; text-decoration: none; }
		.breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; }

.wrap { width: 1170px; margin: 0 auto; }
#twocol_wrap { width: 755px; float: right; }

	/* Layout A has only a Main column and takes up the full 978px width */
	.layout-a .main { width: 978px; margin-bottom: 20px; }

	/* Layout B has Secondary on left, Main on the right.*/
	.layout-b .main { float: right; width: 728px; margin-bottom: 20px; }
	.layout-b .secondary { float: left; width: 223px; margin-bottom: 20px;}

	/* Layout C has Secondary on right, Main on the left.*/
	.layout-c .main { float: left; width: 728px; margin-bottom: 20px; }
	.layout-c .secondary { float: right; width: 223px; margin-bottom: 20px;  padding-top: 72px;}

	/* Layout D has Secondary on left, Main in the middle and Sub on the right.*/
	.layout-d .secondary { float: left; width: 223px; margin-bottom: 20px; }
	.layout-d .main { float: left; width: 474px; margin-left: 29px; margin-bottom: 20px; }
	.layout-d .sub { float: left; width: 223px; margin-left: 29px; margin-bottom: 20px; }


	/* split - used for unique split examples, with specific widths */
		.col, ul.split li, ul.split-a li, ul.split-b li { float: left; }
	/* split A - used for two columns of equal width */
		.split-a .col { width: 48.5%; margin-left: 3%; }
	/* split B - used for three columns of equal width */
		.split-b .col, .split-b li { width: 32%; margin-left: 2%; }
		
		.split .first, .split-a .first, .split-b .first { margin-left: 0; }


	.main .section { background: #fff; border-top: 4px solid #a51c30; }
		.main .col .section { border-top: none; }
	.sub .section { background: #fefefe; }

  .header-mobile { display: none; }
  
  .content-pad-left { padding: 0 15px; }
  


/*-------------------------------------------
    Carousel
-------------------------------------------
colors: 
comp-a: Ivy: 52854c
comp-b: Mortar: 8c8179
comp-c: Indigo: 293352
comp-d: Crimson: a51c30
*/

.carousel { height: 348px; overflow: hidden; background: #fff; }
	.carousel .wrap { position: relative; }
		.slide-caption { position: relative; z-index: 10; float: right; width: 400px; min-height: 280px; padding: 68px 40px 0;
			background-position: right top;
			background-repeat: no-repeat; }
			.comp-a { background-color: #013334; }
			.comp-b { background-color: #8c8179; }
			.comp-c { background-color: #293352; }
			.comp-d { background-color: #a51c30; }
			.slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 2em; line-height: 1.21; }
				.slide-caption h2 a { color: #fff; text-decoration: none; }
				.slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; }

			.slide-callout { width: 900px; }
				.slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 1.2em; line-height: 1.5; }
					.slide-callout p:hover { background: #e6eae2; }
					.slide-callout p a { color: #363636; text-decoration: none; }
					.slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; }

				.slide-callout .more { padding: 0; }
				.comp-a .slide-callout .more { background-color: #52854c; }
				.comp-b .slide-callout .more { background-color: #8c8179; }
				.comp-c .slide-callout .more { background-color: #293352; }
				.comp-d .slide-callout .more { background-color: #a51c30; }
					.slide-callout .more a { display: inline-block; min-height: 19px; padding: 8px 10px 7px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font: italic 1.15em Georgia, "Times New Roman", serif; }
					.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; }
		.carousel-image { position: absolute; left: 0; }
	.carousel-item { position: relative; }	
	.carousel-item-secondary { display: none; }

			#hedu_preview .slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 3.15em; line-height: 1.21; }
				#hedu_preview .slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 0.9em; line-height: 1.5; }
				#hedu_preview .slide-callout p.more { padding: 0; }
				#hedu_preview .comp-a .slide-callout p.more { background-color: #52854c; }
				#hedu_preview .comp-b .slide-callout p.more { background-color: #8c8179; }
				#hedu_preview .comp-c .slide-callout p.more { background-color: #293352; }
				#hedu_preview .comp-d .slide-callout p.more { background-color: #a51c30; }



/*-------------------------------------------
    hslider
-------------------------------------------*/



.carousel-controls a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }


/*-------------------------------------------
    Homepage Caraousel
-------------------------------------------*/

* html .carousel { height: 348px !important; }
* html .slide-caption { background-image: none !important; height: 220px; }
* html .carousel-item { height: 348px; }


.comp-b, .comp-b .slide-callout .more { background-color: #8c8179; }
.comp-c, .comp-c .slide-callout .more { background-color: #293352; }
.comp-d, .comp-d .slide-callout .more { background-color: #a51c30; }

.carousel-controls { position: absolute; z-index: 100; left: 50%; bottom: 43px; width: 98px; height: 32px; margin-left: -449px; overflow: hidden; }
* html .carousel-controls { bottom: 20px; }
	.carousel-controls a { float: left; width: 32px; height: 32px; background-image: url(controls-carousel.gif); }
	.carousel-controls .next { background-position: -99px -32px; border-left: 1px solid #333; }
	.carousel-controls .next:hover, .carousel-controls .next:focus { background-position: -99px 0; border-color: #ccc; }
	.carousel-controls .previous { background-position: 0 -32px; }
	.carousel-controls .previous:hover, .carousel-controls .previous:focus { background-position: 0 0; }
	.carousel-controls .pause { background-position: -33px -32px; border-left: 1px solid #333; }
	.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -33px 0; border-color: #ccc; }
	.carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -66px -32px; border-left: 1px solid #333;}
	.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -66px 0; border-color: #ccc; }

.carousel .prev-image { position: absolute; left: -772px; top: 0; opacity: 0.2; }
.carousel .next-image { position: absolute; top: 0; right: -1170px; opacity: 0.2; }

.slide-caption { min-height: 350px; padding: 68px 40px 80px; }
* html .slide-caption { padding-bottom: 60px; }


/*------------------------------------------
    Fixed
-------------------------------------------*/

#filter-drop.fix { position: fixed; top: 0;  z-index: 99; }

.shieldfix { background-attachment: fixed !important; } 



/*------------------------------------------
    custom
-------------------------------------------*/

.hscap a:link {color:#fff; text-decoration:none;}
.hscap a:visited {color:#fff; text-decoration:none;}  
.hscap a:hover {color:#befff4; text-decoration:none}  
.hscap a:active {color:#fff; text-decoration:none;}

.hscap a {
	font-family:'wyekan';
	font-size: 2.0em;
	text-align:right;
	line-height:38px;
	
}

.slide-caption h2 span{
    font-family: "Wroya";
    font-size: 0.6em;
    line-height: 25px;
    text-align:right;
}

.hsbtn {
	text-align:left;
}