/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio, canvas, img, video { vertical-align: middle; }
/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }
/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ===================
	FONTS: CSS
=================== */
   .font-Bree { font-family: 'Bree Serif', serif; }
/* ===================
	COMMAN: CSS
=================== */
/** { margin:0 auto; padding:0px; }*/

html, body { }
body { font: 16px/23px Helvetica, Helvetica Neue, Arial; background:url(../img/gallery/02.jpg) no-repeat center top fixed; background-size:100%; }
img { vertical-align:middle;/* width:100%;*/ }
p { /*line-height:18px;*/ font-family: 'Bree Serif', serif; }
.left { float:left; display:inline-block; }
.right { float:right; display:inline-block; }
.wrapper { width: 1000px; margin: 0 auto; padding:0px 5px; }
a { color:#fff; text-decoration:none; }
.header-container, .footer-container, .content-container { width:100%; }
.homeBG { background:url(../img/home-bg.jpg) no-repeat center top fixed; }
.clear-right { clear:right; }
.clear-left { clear:left; }
.marginRight { margin-right:10px; }
/* ===================
	HEADER: CSS
=================== */
.header-container { background:#147997; height:90px; position:fixed; z-index:20 }
.logo { width:106px; height:72px; margin-top:9px; }
.contactRef { margin-top:9px; }
.contactRef a { color:#fff; text-decoration:none; margin-left:20px; font-size:15px; color:#FFCD03; }
.contactRef a img { margin-right:5px; width:22px; }
/* ===================
	NAVIGATION: CSS
=================== */
.homeNav1 { position:absolute; width:350px; height:316px; left:25%; margin-left:-0px; z-index:10; top:50%; margin-top:-153px; font-family: 'Bree Serif', serif; }
.homeNav { position:absolute; width:350px; height:316px; left:60%; margin-left:-0px; z-index:10; top:50%; margin-top:-153px; font-family: 'Bree Serif', serif; }
.peakNav { position:absolute; width:350px; height:316px; left:50%; margin-left:-165px; z-index:10; top:50%; margin-top:-153px; font-family: 'Bree Serif', serif; }
.homeNav a { line-height:59px; }
.exa-1 { width: 0; border-bottom: 30px solid rgba(20, 121, 151, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.exa-2 { width: 104px; height: 60px; background-color: rgba(20, 121, 151, 0.8); text-align:center; }
.exa-3 { width: 0; border-top: 30px solid rgba(20, 121, 151, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.exa-21 { width: 0; border-bottom: 30px solid rgba(20, 121, 151, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.exa-22 { width: 104px; height: 60px; background-color: rgba(20, 121, 151, 0.8); text-align:center; }
.exa-23 { width: 0; border-top: 30px solid rgba(20, 121, 151, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.hexaA, .hexaB, .hexaC, .hexaD, .hexaE, .hexaF, .hexaG { position:absolute; }
.hexaA { left:113px; top:93px; }
.hexaB { left:113px; top:93px; }
.hexaC { left:113px; top:93px; }
.hexaD { left:113px; top:93px; z-index:20 }
.hexaE { left:113px; top:93px; }
.hexaF { left:113px; top:93px; }
.hexaG { left:113px; top:93px; }
.active { }
.active .exa-1 { width: 0; border-bottom: 30px solid rgba(242, 88, 34, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.active .exa-2 { width: 104px; height: 60px; background-color: rgba(242, 88, 34, 0.8); text-align:center; }
.active .exa-3 { width: 0; border-top: 30px solid rgba(242, 88, 34, 0.8); border-left: 52px solid transparent; border-right: 52px solid transparent; }
.bigText { line-height:26px !important; }
.longText { line-height:18px !important; }
.displayNone { display:none; }
.exa-3 span { position: absolute; top: 69px; left: 33px; font-size: 13px; }
nav { margin-top:20px; }
nav ul { margin: 0; padding: 0; list-style:none; }
nav ul li { display:inline; }
nav a { font-family: 'Bree Serif', serif; color:#fff; padding:5px 10px; }
nav a:hover, nav a:visited { color: white; }
nav a:hover { text-decoration: none; }
/* ===================
	CONTENT: CSS
=================== */

.content-container { }
.content-container .wrpSec { min-height:440px; width:100%; position:relative; margin-top: 95px; margin-bottom:70px; }
.circleDia { width:1000px; height:800px; display: block; position: relative; }
.whyPeak { width:150px; height:150px; background:#f25822; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align:center; position:absolute; top:30%; left:50%; margin-left:-75px; line-height:150px; }
.cir01 { width:150px; height:100px; background:#147997; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align:center; position:absolute; top:13%; left:24%; padding-top:50px; }
.left-bar { width:67px; height:56px; background:url(../img/left-bar.png) no-repeat; position:absolute; top:219px; left:372px; }
.right-bar { width:67px; height:56px; background:url(../img/right-bar.png) no-repeat; position:absolute; top:219px; left:560px; }
.middle-bar { width:56px; height:67px; background:url(../img/middle-bar.png) no-repeat; position:absolute; top:389px; left: 471px; }
.cir02 { width:150px; height:150px; background:#147997; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align:center; position:absolute; top:13%; left:72%; margin-left:-105px; line-height:150px; }
.cir03 { width:170px; height:150px; background:#147997; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align:center; position:absolute; top:55%; left:50%; margin-left:-100px; padding: 50px 15px 0px; }
.nweBox { width:245px; height:311px; background:url('../img/fourboxBG.png') repeat-x; background-position:bottom; margin-right:6px; position:absolute; bottom:0px }
.nweBox.one { bottom:0px; left:0px; }
.nweBox.two { bottom:20px; left:250px; }
.nweBox.three { bottom:40px; right:250px; }
.nweBox.last { bottom:60px; right:0px; }
.stone { background-color:#f15922; height:11px; }
.sttwo { background-color:#2fafae; height:11px; }
.stthree { background-color:#b4ca34; height:11px; }
.stfour { background-color:#fcae17; height:11px; }
.nweBox .boxContent { padding:10px; }
.nweBox .head { background:#043b4b; color:#fff; padding:5px; }
.nweBox p { color:#fff; margin:0px; }
.containerMain { width:100%; margin:15px 0px; background:url(../img/containerBG.png) repeat-x; color:#fff; }
.contStp { width:100%; height:10px; background:#f15922; }
.galleryImg { width:997px; }
.containerMain section { padding-bottom:20px; min-height:200px; margin-top:10px; }
.containerMain h1 { font-weight:normal; font-size:25px; text-indent:20px; }
.containerMain section > h2 { font-family: 'Bree Serif', serif; color:#fff; font-weight:normal; font-size:20px; text-indent:20px; }
.containerMain p { margin-left:20px; width:640px; font-size:15px; }
.containerMain table { margin-left:20px; width:640px; font-size:15px; font-family: 'Bree Serif', serif; }
.containerMain table td { vertical-align:text-top; padding-bottom:10px; }
.containerMain table td input[type="text"], .containerMain table td textarea { width:200px; font-family: 'Bree Serif', serif; }
.containerMain table td select { width:65px; font-family: 'Bree Serif', serif; }
.containerMain table td input[type="text"] { height:25px; }
.containerMain table td textarea { height:45px; }
.containerMain table td input[type="submit"] { font-family: 'Bree Serif', serif; padding:5px 10px; }
.containerMain p span, .containerMain li span { font-weight:18px!important; }
.containerMain ol { list-style:none; width:640px; font-size:20px; }
.containerMain ol h2 { font-family: 'Bree Serif', serif; color:#fff; font-weight:normal; font-size:20px; }
.containerMain ol p { margin-left:0px; }
.containerMain .highlight { color:#FFCD03; font-size:18px; }
.containerMain p.highlight { font-size:15px; }
.containerMain ol ul { list-style:lower-latin; width:640px; font-size:20px; }
.containerMain .testiUl { list-style:lower-latin; width:88%; font-size:20px; margin-left:20px; }
.containerMain .testiUl p { margin:0px; width:100% }
.containerMain .testiUl p.author { text-align:right; color:#FFCD03; }
.containerMain p.school { color:#FFCD03; }
.containerMain .testiUl li { margin-bottom:20px; }
.containerMain aside { background:url(../img/border.png) repeat-y; width: 235px; margin-top: 10px; padding: 20px; }
.containerMain aside img { margin-bottom:30px; }
.containerMain aside ul { list-style:none; margin:0px; padding:0px 0px 0px 15px; }
.containerMain aside ul li { padding:0px 0px 0px 15px; background:url(../img/star-li.png) no-repeat 0px 9px; font-family: 'Bree Serif', serif; color:#fff; }
.colorContainer { width:800px; height:500px; padding:20px 15px 20px 20px; }
.colorContainer h1 { font-family: 'Bree Serif'; font-weight:normal; font-size:25px; }
.colorContainer .highlightMain { color:#fff; font-size:18px; background: #147997; width:100%; text-align: center; display: block; padding: 10px 0px; }
.colorContainer p.highlight { font-size:15px; color:#147997; }
.colorContainer ul { font-family: 'Bree Serif'; font-size:15px; }
.dev { width:200px; height:200px; position:relative; margin:0 auto; }
.click { width:200px; height:200px; cursor:pointer; position:absolute; }
.dev .ball-1, .dev .ball-2, .dev .ball-3 { width:200px; height:200px; position:absolute; display:none; }
.dev .ball-1 { left:0px; }
.dev .ball-2 { left:0px; }
.dev .ball-3 { left:0px; }
/* ===================
	FORM: CSS
=================== */


/* ===================
	FOOTER: CSS
=================== */
.footer-container { height:45px; background:#000; font-size:11px; color:#fff; z-index: 22; position: fixed; bottom: 0px; }
.footer-container a { color:#fff; text-decoration:none; margin:0px 10px; }
.footer-container span { padding:0px 5px; }
/* ===================
	SLIDER FULL PAGE: CSS
=================== */

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center; }
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:80px; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display:inline; }
/* ===================
	SCROLL PAGE: CSS
=================== */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #bedee7; position: relative; }
.jspDrag { background: #147997; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
.scroll-pane { width: 100% !important; height:100%!important; overflow: auto; }
/* ===================
	FLEX SLIDER PAGE: CSS
=================== */
#slider { margin: 0 0 10px!important; }
#carousel li { margin-right: 5px; }
#carousel li img { display: block; cursor: pointer; }
/*#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}*/


/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; height:100% } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; height: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); zoom: 1; }
.flex-viewport { height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; height:100%; }
.carousel li { margin-right: 5px }
/* Direction Nav */
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
 @media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}
 .flex-direction-nav .flex-next {
opacity: 1;
right: 0;
}
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */ *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@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; }
}



.clear { clear:both;}

.data { width:95%; float:none; margin:0px auto; padding:0px;}
.data p {padding:0px; margin:0px; float:left}



#photogallery{width:100%; margin:0 auto; padding:0; min-height:500px;}
#photogallery ul{list-style:none; margin:0 auto; padding:0; }
#photogallery li{width:200px; height:133px; float:left; margin:10px; padding:0; }
#photogallery li img{border:  3px solid #fff;}