body { text-align: justify; }

.shell  { width: 100%; margin: 0 auto; }
.shell1 { width: 95%; margin: 0 auto; }

.top-nav.desktop ul { display: block !important; }
.top-nav .shell { position: relative; }
.top-nav { background: #205081; height: 59px; margin-top: -10px; }
.top-nav ul { list-style: none; list-style-position: outside; font-family: 'Abel', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
.top-nav ul li { float: left; padding: 0 0 0 0; border-left: 1px solid #2e6fb2; border-right: 1px solid #14314f; }
.top-nav ul li.active { border-left: 1px solid #2e6fb2; border-right: 1px solid #14314f; }
.top-nav ul li.last { border-right: none; } 
.top-nav ul li.first { border-left: none; } 
.top-nav ul li a { color: #fff; float: left; padding: 20px 14px; }
.top-nav ul li span { float: left; }
.top-nav ul li a:hover { text-decoration: underline; }
.top-nav ul li.active a { color: #fff; text-decoration: none; background: #CC0000; }

.top-nav ul li.active span { padding: 0px; }
.top-nav span.top-nav-shadow { background: #cc0000; width: 1120px; height: 4px; position: absolute; top: 59px; left: 50%; margin-left: -560px; z-index: 99999;  }
.top-nav a.nav-btn { display: none; } 

.header-top { background: url(images/header-tt.png) repeat-x 0 0; width: 100%; height: 72px; position: absolute; top: 0; left: 0; right: 0; }
.header-bottom { background: url(images/header-bb.png) repeat-x 0 0; width: 100%; height: 72px; position: absolute; bottom: 0; left: 0; right: 0; }
.header-center { background: url(images/header-ii.png) repeat 0 0; width: 100%; position: relative; }
.header-inner { z-index: 1; position: relative; background: url(images/header-cnt.png) repeat-y center 0; margin-bottom: -47px; }

.header-cnt #logo { width: 365px; font-size: 0; line-height: 0; }
.header-cnt #logo a { height: 105px; background: url(images/logo.jpg) no-repeat 0 0; text-indent: -4000px; display: block; }
.header-cnt a.blue-btn { background: url(images/blue-btn.png) no-repeat 0 -75px; position: relative; bottom: 0; left: 80px; z-index: 100; width: 198px; height: 56px; text-align: center; line-height: 56px; display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   }
.header-cnt a.blue-btn:hover  { text-decoration: none; background-position: 0 0px; }


.header-center { background: url(images/header-ii.png) repeat 0 0; width: 100%; position: relative; }
.header-top { background: url(images/header-tt.png) repeat-x 0 0; width: 100%; height: 72px; position: absolute; top: 0; left: 0; right: 0; }
.header-bottom { background: url(images/header-bb.png) repeat-x 0 0; width: 100%; height: 72px; position: absolute; bottom: 0; left: 0; right: 0; }
.header-inner { z-index: 1; position: relative; background: url(images/header-cnt.png) repeat-y center 0; margin-bottom: -47px; }

.header-cnt { width: 442px; height: 300px; padding-top: 30px; }
.header-cnt h3 { max-width: 435px; font-size: 40px; padding-bottom: 1px; line-height: 40px; margin-top: -19px; font-weight: normal;  color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; font-family: 'Ubuntu', arial, helvetica, serif; } 
.header-cnt p { max-width: 435px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom: 10px; font-family: 'Open Sans', sans-serif; }

.slider-holder { width: 495px; height: 293px; background: url(images/slider.png) no-repeat 0 0;	position: absolute;	bottom: -36px; right: -19px; padding: 34px 44px; z-index: 1000;}
.slider-holder .flexslider { width: 497px; height: 288px; position: relative; }
.slider-holder .flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.slider-holder .flexslider ul.slides li { width: 497px; height: 288px; float: left; }
.slider-holder .flexslider ul.slides li img { width: 497px; height: 288px; }

.pub970 {margin: 0 auto; max-width: 970px; height: 90px;}
.page {margin-top: 8px; margin-bottom: 10px; margin-left: -6px; float: left; width: 102%; min-height: 15px;}
.rectangle {width: 200px; height: 200px; margin: 4px 12px 4px 0; float: left;}
@media(min-width: 480px) { .rectangle { width: 250px; height: 250px; margin: 2px 12px 4px 0; float: left; } }
@media(min-width: 768px) { .rectangle { width: 300px; height: 250px; margin: 3px 12px 4px 0; float: left; } }
@media(min-width: 1024px) { .rectangle { width: 336px; height: 280px; margin: 3px 12px 4px 0; float: left; } }
.pub300 {width: 300px; height: 250px; margin: 4px 12px 4px 0; float: left;}
.pub250 {width: 250px; height: 250px; margin: 4px 12px 4px 0; float: left;}
.pub200 {width: 200px; height: 200px; margin: 4px 12px 4px 0; float: left;}
.pub468 {width: 468px; height: 60px; margin: 4px 12px 4px 0; float: left;}
.pub728 {width: 728px; height: 92px; margin: 4px 0 4px 0; float: left;}

img.left { float: left; padding: 4px; margin:8px 10px 10px 0; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
img.right { float: right; padding: 4px; margin:8px 0 10px 10px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
img.center { padding: 4px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
img.centre { padding: 4px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.text-center {text-align: center;}
.photo-center {text-align: center; margin-bottom: 20px;}

.clear {clear: both; line-height: 1px; padding: 0; margin: 0;} 
.spacer {clear: both; line-height: 1px; padding: 0; margin: 0;}

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


    /* Medium Devices, Desktops */
    @media only screen and (max-width : 979px) {
	.shell { max-width: 979px; }

	.schell1 { display: none; }

    .top-nav span.top-nav-shadow { background: #cc0000; width: 100%; height: 4px; position: absolute; top: 59px; left: 50%; margin-left: -50%; z-index: 99999;  }
	.top-nav ul { font-size: 13px; }
	.top-nav ul li a { color: #fff; float: left; padding: 4px 16px; }
	.top-nav ul li.last a { padding-right: 20px; } 

    .header-center { display: none; margin: 0 -40px;}
    .header-top { display: none; }
    .header-bottom { display: none; }
    .header-inner { display: none; }
    h1,.page-content h1 { margin-top: -68px !important}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
	.shell { max-width: 767px; }

	.schell1 { display: none; }

	.top-nav { position: relative; z-index: 1001; background: #fcfcff; height: 48px; margin: 7px; border: 1px solid #9ad0e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { display: none; list-style: none; font-size: 14px; position: absolute; width: 100%; top: 46px; left: -24px; line-height: 20px; padding: 0 0px 0px 0px; background: #b94a48; border: 1px solid #9ad0e2; border-top: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
	.top-nav ul li.active a { display: block; float: none; background: #b94a48; }
	.top-nav ul li.active span { display: block; float: none; background: #b94a48; }
	.top-nav ul li { display: block; float: none;  padding: 15px 20px 15px 20px;  background: url(images/tablet-section-shadow.png) no-repeat center top; }
	.top-nav ul li a { display: block; float: none; padding: 0 0 0 0; }
	.top-nav ul li span { float: none; }

	.top-nav ul li a:hover { display: block; float: none; background: none; }
	.top-nav ul li.last a { float: none; display: block;  padding-right: 0; } 
	.top-nav ul li.last {  padding-bottom: 10px }
	.top-nav a.nav-btn { width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  height: 48px; display: block; color: #239CC5; font-size: 14px; line-height: 48px;  text-shadow: 0 1px 0 rgba(255, 255, 255,0.8); font-family: 'Ubuntu',sans-serif; font-weight: bold; padding-left: 20px;  }  
	.top-nav a.nav-btn:hover { text-decoration: none; }
	.top-nav a.nav-btn span { background: url(images/nav-arr@2x.png) no-repeat center 20px; width: 40px; height: 48px; display: block; position: absolute; top: 0px; right: 0; z-index: 2000;}
	.top-nav a.nav-btn span.active { background: url(images/nav-arr-active.png) no-repeat center 20px; }
	.top-nav ul li.first  { display: none; }

    .header-center { display: none;}
    .header-top { display: none; }
    .header-bottom { display: none; }
    .header-inner { display: none; }
    h1,.page-content h1 { margin-top: -68px !important}
}


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	.shell { max-width: 480px; }
	.schell1 { display: none; }

	.top-nav { position: relative; z-index: 1001; background: #fcfcff; height: 48px; margin: 7px; border: 1px solid #9ad0e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { display: none; list-style: none; font-size: 14px; position: absolute; width: 100%; top: 46px; left: -24px; line-height: 20px; padding: 0 0px 0px 0px; background: #b94a48; border: 1px solid #9ad0e2; border-top: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
	.top-nav ul li.active a { display: block; float: none; background: #b94a48; }
	.top-nav ul li.active span { display: block; float: none; background: #b94a48; }
	.top-nav ul li { display: block; float: none;  padding: 15px 20px 15px 20px;  background: url(images/tablet-section-shadow.png) no-repeat center top; }
	.top-nav ul li a { display: block; float: none; padding: 0 0 0 0; }
	.top-nav ul li span { float: none; }

	.top-nav ul li a:hover { display: block; float: none; background: none; }
	.top-nav ul li.last a { float: none; display: block;  padding-right: 0; } 
	.top-nav ul li.last {  padding-bottom: 10px }
	.top-nav a.nav-btn { width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  height: 48px; display: block; color: #239CC5; font-size: 14px; line-height: 48px;  text-shadow: 0 1px 0 rgba(255, 255, 255,0.8); font-family: 'Ubuntu',sans-serif; font-weight: bold; padding-left: 20px;  }  
	.top-nav a.nav-btn:hover { text-decoration: none; }
	.top-nav a.nav-btn span { background: url(images/nav-arr@2x.png) no-repeat center 20px; width: 40px; height: 48px; display: block; position: absolute; top: 0px; right: 0; z-index: 2000;}
	.top-nav a.nav-btn span.active { background: url(images/nav-arr-active.png) no-repeat center 20px; }
	.top-nav ul li.first  { display: none; }

    .pub970  { display: none; }

    .header-center { display: none; }
    .header-top { display: none; }
    .header-bottom { display: none; }
    .header-inner { display: none; }

    h1,.page-content h1 { margin-top: -68px !important}

	.slider-holder  { display: none; }
	.slider-holder .flexslider  { display: none; }
	.slider-holder .flexslider ul.slides li  { display: none; }
	.slider-holder .flexslider ul.slides li img  { display: none; }

	.header-inner { height: auto;  margin-bottom: -60px; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	.slider-holder { background: url(images/slider-mobile@2x.png) no-repeat 0 0;   -webkit-background-size: 320px 202px; -moz-background-size: 320px 202px; background-size: 320px 202px; }
}