/* ----------------------------- */
/*        Reset/Global           */
/* ----------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body, html {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
	height:100%;
	width:100%;
}

.wrap {
    width: 100%;
    min-height: 100%;
    overflow:hidden;
    position: relative;
}
.wrap2 {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.content {
    width: 100%;
    margin: 0 auto;
    color: rgb(72, 87, 95);
    line-height: 2em;
}


/* ----------------------------- */
/*   NON ESSENTIAL STYLES BELOW  */
/* ----------------------------- */


.text {
    padding:30px 0;
}
.text h1 {
    font-size:25px;
    margin:20px 0px;
    clear:both;
}
.text h2 {
    font-size: 22px;
    margin: 15px 0px;
    clear: both;
    clear: both;
}
.text h1:first-of-type {
    margin-top:0;
}
.text ul, text ol {
    padding:15px; 
    border-radius:3px;
    font-size: .9em;
    line-height: 1.5em;
}
.text li { 
    list-style: circle;
    margin-left:25px;
}
.text ol li {
    list-style: decimal;
    margin-left:30px;
}
hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid rgb(231, 231, 231);
    margin: 30px -30px;
    clear: both;
}
.page-image {
    max-width:100%;
    height:auto;
    display:block;
    float:left;
    margin:0px 15px 15px 0px;
    border-radius:5px;
}
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ----------------------------- */
/*           Slideshow           */
/* ----------------------------- */

.responsive-show {
    max-width: 960px;
    position: relative;
    font-size: 0;
    line-height: 0;
}
.setter {
    width: 100%;
    height: auto;
}
.slide {
    position: absolute;
    top:0;
    left:0;
}
.slide img {
    width: 100%;
    height:auto;
}
.slide-caption {
    background: rgb(255,255,255);
    background:rgba(255,255,255,.8);
    color:rgb(128,128,128);
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
}
.slide-caption-text {
    padding:15px 30px;
}
#slide-left,
#slide-right {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    width: 36px;
    height: 30px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    color: #ccc;
    padding: 7px 0 0 0;
    border-radius: 18px;
    opacity: .4;
}
#slide-left {
    top:40%;
    left:20px;
}
#slide-right {
    top:40%;
    right:20px;
}
#slide-left:hover, #slide-right:hover {
    opacity:1;
    color:#222;
}
/* ----------------------------- */
/*           Responsive          */
/* ----------------------------- */

@media screen and (max-width: 600px) {
    #main-nav-wrap {
        display:none;
    }
    .nav-header {
        display: block;
    }
    #logo {
        text-align: center;
    }
    .slide-caption{
        opacity: 0;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #main-nav-wrap {
        display:none;
    }
    .nav-header {
        display: block;
    }
    #logo {
        text-align: center;
    }
    .slide-caption{
        opacity: 0;
    }
}



p.mod-heading {font-size:18rem;}
.mod-content p, #main-content .mod-content ol li, #main-content .mod-content ol li ul li {font-size:18rem;line-height:26rem;}
body #main-content .mod-content ol li ul li {background: url('/images/bullet-green.png') 0 7px no-repeat;margin:0 0 0;}
#main-content .mod-content ol li ul, #main-content .mod-content ol li ul {padding:0 15px;}

#prebannerBtn { border-radius: 50%; min-height:45px; height:45px; min-width:45px; width:45px; padding:10px 14px 8px; left:12px; bottom:13px; }