/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:300; font-size:1em; line-height:1.4;
	background:#fcfbf6;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

b,strong {font-weight:500;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Color Palette

Navy-20		#7c8ca0
Navy-10		#506681
Navy		#244061
Navy+10		#1d334e
Navy+20		#16263a

Cream 		#faf8f2

Red-20		#f36d6d
Red-10		#ef3c3d
Red			#eb0b0c
Red+10		#bc090a
Red+20		#8d0707

*/

p.lipsum {background:yellow !important;}

.contain {width:960px; margin:0 auto;}

p.spacer {margin-bottom:25px !important; }

.small {font-size:16px !important;}
.large {font-size:24px !important;}

/* Utility Nav ------------ */
#utilityNav {text-align:right; padding:2px 0 4px; background:#244061; border-bottom:5px solid #506681; }
#utilityNav a {margin:0 10px; padding:0 5px 0 20px; color:#faf8f2; font-size:12px; font-weight:500; text-decoration:none; text-transform:uppercase; }

#utilityNav a#mission {background-image:url(../images/iconTrophy.png); background-position:left center; background-repeat:no-repeat;}
#utilityNav a#about {background-image:url(../images/iconAbout.png); background-position:left center; background-repeat:no-repeat;}
#utilityNav a#contact {background-image:url(../images/iconContact.png); background-position:left center; background-repeat:no-repeat;}

#utilityNav a:hover#mission {background-image:url(../images/iconTrophyHover.png);}
#utilityNav a:hover#about {background-image:url(../images/iconAboutHover.png);}
#utilityNav a:hover#contact {background-image:url(../images/iconContactHover.png);}

/* Header ------------ */
.left {float:left;}
.right {float:right;}

header img {margin:30px 0 0;}
header p#tagline {float:right; text-align:right; width:480px; margin:30px 0; color:#959087; font-size:16px; font-style:italic; font-weight:400;}

header .right {width:600px;}
header .right nav {text-align:right;}
header .right nav ul {float:right; margin:0;}
header .right nav ul li {display:inline; margin:0 10px;}
header .right nav ul li a {padding:0 0 5px; color:#506681; font-size:16px; text-decoration:none;}
header .right nav ul li a:hover {color:#bc090a; border-bottom:1px solid #bc090a;}

/* Footer ------------ */
footer {padding:20px 0; border-top:5px solid #43495d;
	background-color:#43495d; /* fallback/image non-cover color */
	background-image: url(../images/bgFooter.png); background-position:top; background-repeat:repeat-x; /* fallback image */
  	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#818c9e), to(#43495d)); /* Safari 4+, Chrome 1-9 */
   	background-image: -webkit-linear-gradient(top, #818c9e, #43495d); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   	background-image: -moz-linear-gradient(top, #818c9e, #43495d); /* Firefox 3.6+ */
   	background-image: -ms-linear-gradient(top, #818c9e, #43495d); /* IE 10+ */
   	background-image: -o-linear-gradient(top, #818c9e, #43495d); /* Opera 11.10+ */
}
footer a {color:#d3d9df; text-decoration:none;}
footer a:hover {text-decoration:underline;}

#contactPathways {float:left; margin:0 70px 0 0; color:#d3d9df;}
.pathway {float:left; text-align:center; width:150px; padding:20px 0; cursor:pointer;}
.pathway img {margin:0 0 10px;}
.pathway h3 {margin:0 0 2px; font-size:16px; line-height:18px; font-weight:400;}
.pathway a {font-size:12px;}
.pathway a:hover {text-decoration:none;}
.pathway p {margin:0; font-size:12px;}
.pathway:hover {background:#43495d;}

footer nav {float:left; width:160px; margin:0 40px 0 0;}
footer nav a {display:block; margin:5px 0; color:#d3d9df; text-decoration:none;}
footer nav a:hover {text-decoration:underline;}
footer nav a:first-child {margin:0 0 5px;}

#contactInformation {float:left; text-align:right; width:240px; color:#d3d9df;}
#contactInformation h3 {margin:0; font-weight:300;}
#contactInformation p {margin:0; }
#contactInformation a {margin:0; }

/* Utility Footer ------------ */
#utilityFooterNav {text-align:left; padding:2px 0 6px; font-size:12px; font-weight:300; color:#d3d9df; background:#292f44; }
#utilityFooterNav a {margin:0 10px; padding:0 5px;}
#legal {float:left; width:460px; padding:2px 0;}
#copyright { text-align:left; width:100%; padding:2px 0;}
#copyright p {margin:0;}

/* Home ------------ */

#redBand {margin:40px auto 0; padding:20px 0 0; background-image:url(../images/redBand.png); background-position:top; background-repeat:repeat-x;}
#redBand.redBandHome {background-image:url(../images/redBandHome.png); background-position:top; background-repeat:repeat-x;}

.slider-wrapper { width:960px; margin:-20px auto 40px; }
/*rest are in nivo-slider.css*/

article {margin:0 10px;}
section.home {float:left; width:300px; margin:0 0 60px 20px;}
section.home:first-child {margin-left:0;}
section.home h1 {margin:0; padding:0 0 3px; color:#244061; font-size:18px; font-weight:300; border-bottom:1px solid #244061;}
section.home p {margin:0 0 8px; color:#959087; font-size:16px;}

section.home#mission {width:280px; padding:0 10px; }
section.home#mission p {margin:10px 0;}
section.home#mission a {text-decoration:none; color:#bc090a; font-size:16px;}
section.home#mission a:hover {text-decoration:underline;}

.featurePathway {
	cursor:pointer;
	text-align:center;
	color:#faf8f2;
	background:#7c8ca0; background-image:url(../images/pttrnDiagonal.png);
	-moz-box-shadow:    0px 1px 2px 1px #9a9c9a;
  	-webkit-box-shadow: 0px 1px 2px 1px #9a9c9a;
  	box-shadow:         0px 1px 2px 1px #9a9c9a;
}
.featurePathway h2 {margin:0; padding:10px; font-size:1.5em; font-weight:500; line-height:120%; text-shadow:0px 1px 3px #244061;}
.featurePathway a { 
	display:block; text-align:center; text-decoration:none;
	width:100%;
	margin:0; padding:10px 0;
	color:#faf8f2; font-size:21px; font-style:italic; font-weight:300; letter-spacing:1px; text-shadow:0px 1px 1px #8d0707; 
	background:#bc090a; -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease;
}
.featurePathway a:hover {background:#eb0b0c;}

/* Counter */
#counterContain {
	position:relative; display:block;
	margin-bottom:20px; padding:10px;
	color:#FFFFFF; text-shadow:0 1px 0 #244061;
	background:#818C9E; border:5px solid rgba(0,0,0,.1);
	-moz-box-shadow:    0px 1px 2px 1px #9a9c9a;
  	-webkit-box-shadow: 0px 1px 2px 1px #9a9c9a;
  	box-shadow:         0px 1px 2px 1px #9a9c9a;
}
#counterBG { float:left; width:100%; background-color:rgba(0,0,0,.4); border:2px solid rgba(0,0,0,.1); }
#counter { float:left; margin-left:10px; font-weight:500; text-shadow: 0 2px 1px rgba(0,0,0,.7);;}
#counter div { padding:2px 0 5px; }
#counter div div { padding:0; background:none; }
#counterText p { color:#FFFFFF; }



/*
a#counterLink {
	float:right; text-align:center; text-decoration:none;
	padding:10px 20px;
	font-style:italic; font-weight:300; color:#faf8f2; text-shadow:0px 1px 1px #8d0707;
	background:#bc090a; -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease;
}
a:hover#counterLink { background:#eb0b0c;}
*/

section.homeBanner {
	float:left;
	width:940px;
	margin:0 0 40px;
	background:none;
	-moz-box-shadow:    0px 1px 2px 1px #9a9c9a;
  	-webkit-box-shadow: 0px 1px 2px 1px #9a9c9a;
  	box-shadow:         0px 1px 2px 1px #9a9c9a;
}

/*section.homeBanner:hover {border-bottom:5px solid rgba(200, 54, 54, 0.5);}*/

/* Interior --------- */

section#breadcrumb {color:#faf8f2; font-size:14px;}
section#breadcrumb a {margin:0 5px; text-decoration:none; color:#faf8f2;}
section#breadcrumb a:hover {text-decoration:underline;}

.interiorFull {
	min-height:300px;
	margin:20px 0 0; padding:10px 30px 40px;
	background:#fcfbf6; background-image:url(../images/bgInteriorFrame.png); background-position:top; background-repeat:no-repeat;
	-moz-box-shadow:    0px 0px 5px 6px rgba(0,0,0,.1);
  	-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,.1);
  	box-shadow:         0px 0px 5px 6px rgba(0,0,0,.1);
}
.interiorFull h1 {
	padding:0 0 10px;
	color:#244061; font-weight:500; 
	border-bottom:3px solid #e3e2dd;
	text-shadow: 1px 1px 0px #fcfbf6, 2px 2px 0px #7c8ca0;
}

.interiorFull h2 {padding:0 5px 2px 0; color:#244061; line-height:110%; font-weight:300; border-bottom:1px solid #c6c3ba;}
.interiorFull h3 {margin:0 0 10px; padding:0; color:#244061; font-size:1.2em; font-weight:500; }
.interiorFull h4 {padding:0 5px 2px 0; color:#244061; line-height:110%; font-weight:300; text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid #c6c3ba;}
.interiorFull p {margin:0 0 15px; padding:0px; font-size:18px; line-height:145%; color:#244061;}
.interiorFull a {text-decoration:none; color:#bc090a; }
.interiorFull a:hover {text-decoration:underline; }

aside#sidebar {float:left; width:200px; margin-right:30px; padding:20px 0 0;}
.sidebarWidget {float:left; margin-bottom:40px;}
.sidebarWidget h2 {margin:0px 0 10px; font-size:21px;}
.sidebarWidget p {padding:0; color:#a9a7a0 !important; font-size:16px; font-style:italic;}
.sidebarWidget a {
	float:left; text-align:center; text-decoration:none;
	margin:10px 0 0; padding:2px 15px 5px;
	color:#faf8f2 !important; font-style:italic; font-weight:300; text-shadow:0px 1px 1px #8d0707; 
	background:#bc090a;
}
.sidebarWidget a:hover {text-decoration:none !important; background:#eb0b0c;}


.doclink { margin-bottom:24px; padding-top:100px; background:black; }
.doclink.ten-reasons {background:url(../images/docBtn-whyYouNeedUs.png) top center no-repeat;}
.doclink.vendor-list { background:url(../images/docBtn-vendorList.png) top center no-repeat;}
.doclink.quality-assurance { background:url(../images/docBtn-quality-assurance.png) top center no-repeat;}
.doclink.store { background:url(../images/docBtn-store.png) top center no-repeat;}

.doclink a {
	display:block; 
	margin-top:30px; padding:5px 0;
	text-align:center; text-decoration:none; color:#faf8f2 !important; font-style:italic; font-weight:300; text-shadow:0px 1px 1px #8d0707; 
	background:#bc090a;
}



section.interiorMain {float:left; width:670px;}

.differenceList {float:left; margin-bottom:20px; }
.differenceList span {float:left; width:20px; padding:0 0 30px; font-size:24px; font-weight:300; color:#8d0707; }
.differenceList span.reason {width:840px; margin-left:20px; padding:0; font-size:18px; color:#244061;}

.differenceListShort {float:left; margin-bottom:40px; }
.differenceListShort span {float:left; width:20px; padding:0 0 30px; font-size:28px; font-weight:300; color:#244061; text-shadow: 1px 1px 0px #fcfbf6, 2px 2px 0px #7c8ca0;}
.differenceListShort span.reason {width:610px; margin-left:30px; padding:0; font-size:18px; color:#244061; text-shadow:none;}

/* Testimonial ------- */
blockquote.testimonial {
	text-align:center;
	margin:40px 40px 20px; padding:0 40px;
	font-family:'Playfair Display', serif; font-size:28px; color:#16263a; 
	background-image:url(../images/iconQuoteOpen.png); background-position: top left; background-repeat: no-repeat;
  }
  blockquote.testimonial span {
    	display:block;
    	padding:0 40px 0 0;
    	background-image:url(../images/iconQuoteClose.png);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  }
  
section.interiorFull p.testimonialCredit {text-align:center; margin:10px 0 40px; padding-bottom:40px; color:#7c8ca0; border-bottom:5px solid rgba(124, 140, 160, 0.10); }
section.interiorFull p.testimonialCredit.last {border-bottom:none;}

/* Buy Back */
.accordionButton, .accordionButtonSelected,
.accordionButton2, .accordionButtonSelected2 {	
	float:left; cursor:pointer;
	width:610px;
	margin:10px 0 0; padding:5px;
	font-style:italic; color:#bc090a;
	background:#f1efe8; border-bottom:2px solid #bc090a; 
}
.more {	display:inline-block; margin:0 0 2px 10px; color:#16263a; font-size:14px;}

.accordionButton:hover, .accordionButtonSelected:hover, .accordionButton2:hover, .accordionButtonSelected2:hover {background:none;}
 
.accordionContent, .accordionContent2 {	
	float:left;
	width:580px;
	padding:20px; 
	font-size:14px;
	background:#f1efe8;
}
.accordionContent p, .accordionContent2 p {font-size:14px;}
.accordionContent ul li, .accordionContent2 ul li {margin:3px 0;}


/* Purchase Product */
ul#purchaseProduct li p {font-size:1.8em;}

/* FAQ */

section#faq {}
section#faq p {color:#506681;}
section#faq p strong {color:#244061; text-decoration:underline;}

.accordionButtonFAQ, .accordionButtonSelectedFAQ {	
	float:left; cursor:pointer;
	width:890px;
	margin:20px 0 0; padding:5px;
	font-style:italic; color:#bc090a;
	background:#f1efe8; border-bottom:2px solid #bc090a; 
}

.accordionButtonFAQ:hover, .accordionButtonSelectedFAQ:hover {background:none;}
 
.accordionContentFAQ {	
	float:left;
	width:860px;
	padding:20px; 
	font-size:14px;
	background:#f1efe8;
}
.accordionContentFAQ p {font-size:14px;}
.accordionContentFAQ ul li {margin:3px 0;}


/* Education Materials - */

p.document {font-size:24px;}
p.document img {margin-right:10px;}
p.document a {font-size:24px;}

p.documentThumb {text-align:center; float:left; width:280px; margin-right:20px;}
p.documentThumb:last-child {margin-right:0;}
p.documentThumb a {padding:5px 10px; font-size:14px; color:#faf8f2; font-style:italic; font-weight:300; text-shadow:0px 1px 1px #8d0707; background:#bc090a;}
p.documentThumb a:hover {text-decoration:none !important; background:#eb0b0c;}

/* Quote ------------- */

#quoteContact {margin-bottom:40px; }
#quoteContact p {margin:0; text-indent:30px;}
#quoteContact span {color:#bc090a;}

/* Forms (Quote, Newsletter) ------------- */

label {color:#244061;}
label,input {display:block;}
input, textarea {width:98%; margin:0 0 10px; padding:5px; resize:none; border:1px solid #7c8ca0;}
input[type=submit] {width:100%;}
label.error {margin-bottom:10px; font-size:10px; color:#8d0707;}

.inputGroup {display:inline-block; width:47%; }
.inputGroup.first, .inputGroupThird.first {margin-right:5%;}
.inputGroup input, .inputGroupThird input {display:inline-block;}

.inputGroupThird {display:inline-block; width:29%;}

span.required {color:#bc090a;}

.submit-button { 
	text-transform:uppercase;
	padding:15px 0;
	color:#faf8f2 !important; font-style:italic; font-weight:300; text-shadow:0px 1px 1px #8d0707; 
	background:#bc090a; border:none; -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease;
}

.submit-button:hover {text-decoration:none !important; background:#eb0b0c;}

/* Contact ----------- */
#contact p {margin:0;}

.splitCol {float:left; width:450px;}
.splitCol:last-child {margin-left:20px;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}