
/***************************************************************

---------------------- Basic CSS -------------------------------

***************************************************************/


.clearfix { *zoom: 1; }
.clearfix:before, 
.clearfix:after { display: table; line-height: 0; content: ""; }

.clearfix:after { clear: both; } 
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } 
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {  display: block; } 
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } 
audio:not([controls]) { display: none; }  

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
a { outline: none; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } 
a:hover, 
a:active { outline: 0; } 

sub, sup { position: relative; font-size: 75%; line-height: 0;  vertical-align: baseline; }
sup { top: -0.5em; }  
sub { bottom: -0.25em; }

img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; outline: none; } 
#map_canvas img, 
.google-maps img { max-width: none; }

button, 
input, 
select, 
textarea { margin: 0; font-size: 100%; vertical-align: middle; } 
button, 
input {  *overflow: visible; line-height: normal; } 
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } 

textarea { overflow: auto; vertical-align: top; } 

@media print { 

* { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } 
a,
a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; } 
abbr[title]:after { content: " (" attr(title) ")"; }

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

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

head { display: table-header-group; }

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


}



/***************************************************************

---------------------- Grid System  ----------------------------

***************************************************************/


.span12 { width: 942px; }

.span11 { width: 862px; }

.span10 { width: 782px; }

.span9 { width: 702px; }

.span8 { width: 680px; }

.span7 { width: 665px; }

.span6 { width: 462px; }

.span5 { width: 382px; }

.span4 { width: 262px; }

.span3 { width: 300px; }

.span2 { width: 94px; }

.span1 { width: 62px; }

.pull-left { float: left; }

.pull-right { float: right; }

.border-radius { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -0-border-radius: 4px; border-radius: 4px;  }

.full { width: 100%; }

.center { margin: 0 auto; width: 780px; }

/***************************************************************

---------------------- Custome CSS -----------------------------

***************************************************************/

a, .left, .right
{ -webkit-transition: all .5s ease;-moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.container { width: 942px; margin: 0 auto; background: #ffffff; padding: 0 29px; box-shadow: 0px -3px 5px #888888; *zoom: 1; border-bottom: 1px solid #b2bbbb;

}

.container:before,
.container:after { display: table; line-height: 0; content: ""; }
.container:after { clear: both; }

.header { margin: 15px 0}

.msg-box { background: #667878; width: 100%; display: block; overflow: hidden; margin: 30px 0 0; width: 167px; float: right; }

.down-arrow { position: absolute; margin: 30px -13px 0}

a.msgbutton { float: left; cursor: pointer; line-height: 28px; text-align: center; width: 33px;  height: 30px; background: #50b9a4; }

a.msglink { float: left; line-height: 30px; color: #ffffff; width: 130px; font-size: 16px;  text-align: center; }

a.msglink:hover { color: #50b9a4; text-decoration: none; }

.nav-border { width: 100%; border-top: 2px solid #ececec; border-bottom: 1px solid #ececec; margin: 0 0 20px; padding: 8px 0; overflow: hidden; }


.nav { float: left; width: auto; margin: 0; padding: 0; display: 0; }

.nav ul { margin: 0; padding: 0; display: block; }

.nav ul li { margin: 0; padding: 0 30px 0 30px; display: inline-block; background: url(../images/menu-line.png) right 0 no-repeat; width: 100px; float: left; }

.nav ul li img { display: block; margin: 2px 5px 0 0; padding: 0; float: left; }

.nav ul li span { clear: both; float: left; font-size: 10.5px; margin: 0 0 0 20px; padding: 0; line-height: 20px; display: block; white-space: nowrap; }

.nav ul li { color: #667878; }

.nav ul li:hover { color: #50b9a4; }

.nav ul li a { margin: 0; padding: 0; font-size: 16px; text-transform: uppercase; text-decoration: none; color: #3d4a4a; line-height: 18px; white-space: nowrap; }

.nav ul li a:hover { text-decoration: underline; color: #3d4a4a;  }

.padding-none { padding: 0 15px 0 0 !important; }

.home { padding: 10px 15px 12px 0 !important; margin: 0 15px 0 0 !important; width: 30px !important; }

.home img { position: relative; left: 10px; }

li.home { background: none !important; border-right: 1px solid #D3D3D3; }

.back-none { background: none !important; }

.social { margin: -1px 0 0 0; padding:0; display: inline-block; }

a.fb-icon { background: #FFF url(../images/fb-icon.png) 0 0 no-repeat; text-decoration: none; padding: 5px 13px 10px; line-height: 40px; margin: 0; }

a.tw-icon { background: #FFF url(../images/tw-icon.png) 0 0 no-repeat; text-decoration: none; padding: 5px 13px 10px; line-height: 40px; margin: 0 0 0 5px; }

a.yt-icon { background: #FFF url(../images/yt-icon.png) 0 0 no-repeat; text-decoration: none; padding: 5px 13px 10px; line-height: 40px; margin: 0 0 0 5px; display: none !important; }

a.ins-icon { background: #FFF url(../images/instagram-icon.png) 0 0 no-repeat; text-decoration: none; padding: 5px 13px 10px; line-height: 40px; margin: 0 0 0 5px; }

a.pin-icon { background: #FFF url(../images/pinterest-icon.png) 0 0 no-repeat; text-decoration: none; padding: 5px 13px 10px; line-height: 40px; margin: 0 0 0 5px;  display: none !important; }

a.fb-icon:hover { background: #50b9a4 url(../images/fb-icon-hover.png) 0 0 no-repeat; text-decoration: none; }

a.tw-icon:hover { background: #50b9a4 url(../images/tw-icon-hover.png) 0 0 no-repeat; text-decoration: none; }

a.yt-icon:hover { background: #50b9a4 url(../images/yt-icon-hover.png) 0 0 no-repeat; text-decoration: none; }

a.ins-icon:hover { background: #50b9a4 url(../images/instagram-icon-hover.png) 0 0 no-repeat; text-decoration: none; }

a.pin-icon:hover { background: #50b9a4 url(../images/pinterest-icon-hover.png) 0 0 no-repeat; text-decoration: none; }

.slider { max-width: 100%; height: 413px; overflow: hidden; margin: 0 0 20px; padding: 0; }

.slider img { max-width: 100%; }

.left-panel { margin: 0; width: 96%; margin: 0; width: 96%; float: left; min-height: 435px; }

.right-panel { margin: 0 auto; width: 210px; min-height: 435px; overflow: hidden; visibility: initial; }

.left-back { background: #f7f8f8; }

.right-back { background: #f7f8f8 url(../images/right-bg.png) left 0 repeat-y; }

.footer { width: 100%; min-height: 30px; margin: 60px 0 0 0; padding: 0; border-top: 1px solid #e0e4e4; }

.content-slids { padding: 0; margin: 0 0 20px; display: inline-block; overflow: hidden; }

.footer-logo { margin: 0 auto; padding: 0; width: 223px }

.footer-logo img { position: absolute; margin: -40px 0 0}

.footer p { line-height: 20px; font-size: 15px; text-align: center; color: #667878; margin: 30px 0 0 0; padding: 0; }

.footer a { line-height: 20px; font-size: 15px; color: #2e3838; text-decoration: none; }

.footer a:hover { font-size: 15px; color: #2e3838; text-decoration: underline; }

.copyright { margin: 0 auto; padding: 0; text-align: center;  color: #667878; font-size: 13px; }

.copyright a { color: #667878; text-decoration: none;  font-size: 13px; }

.copyright a:hover { color: #667878; text-decoration: underline; }

.copyright span { color: #c60e15;  font-size: 13px; }

#thumbs .title { float: left; margin: 0; padding: 0; line-height: 25px; font-size: 18px; clear: both !important; width: 100%; text-transform: uppercase; color: #667878; }

.sky-color { color:#333; }

.title .sky-color { color: #667878; }

.video-title .sky-color { color: #667878; }


#slides {  }
#slides h4 { display: block; position: absolute; bottom: -30px; right: 22px; } 
#slides .slidesjs-navigation { margin-top : 3px; cursor: pointer; } 
.slidesjs-previous { margin-right : 5px; float : left; cursor: pointer; }
.slidesjs-next { margin-right : 5px; float : left; }
.slidesjs-pagination { margin : 0px 0 0; float : left; list-style : none;  position: relative; z-index: 9999; } 
.slidesjs-pagination li { float : left; margin : 0 1px; } 
.slidesjs-pagination li a { display : block; width : 13px; height : 0; padding-top : 13px; background-image : url(images/pagination.png); background-position : 0 0; float : left; overflow : hidden; }
.slidesjs-pagination li a.active, 
.slidesjs-pagination li a:hover.active { background-position : 0 -13px; } 
.slidesjs-pagination li a:hover { background-position : 0 -26px; } 
#slides a:link, #slides a:visited { color : #333; } 
#slides a:hover, #slides a:active { color : #9e2020; } 
#slides a { display: none; }

.slidesjs-container { width: 100% !important; height: 118px !important; float: left; top: 10px; }
.slidesjs-control { width: 100% !important; height: 118px !important; float: left; }

.nav-previous { margin: 0; float: left; }
.nav-next { margin: 0; float: right; }
.nav-previous a { color: #7CAF24; text-decoration: none; text-transform: capitalize }
.nav-next a { color: #7CAF24; text-decoration: none; text-transform: capitalize }
.nav-previous a:hover { color: #f7f7f7; }
.nav-next a:hover { color: #f7f7f7; }

.flex-prev { background: url(../images/top-lr.png) left 0 no-repeat !important; height: 60px !important; width: 24px !important; font-size: 0 !important; }

.flex-next { background: url(../images/top-lr.png) right 0 no-repeat !important; height: 60px !important; width: 24px !important; font-size: 0 !important; }



#slides { display: none; height: 319px; overflow: visible !important; }
#slides .slidesjs-navigation { margin-top:3px; } 
#slides .slidesjs-previous { margin-right: 5px; float: left; }
#slides .slidesjs-next { margin-right: 5px; float: left; }
.slidesjs-pagination { margin: 6px 0 0;  float: right;list-style: none; } 
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block;  width: 13px;  height: 0; padding-top: 13px; background-image: url(img/pagination.png); background-position: 0 0; float: left; overflow: visible !important; } 
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-position: 0 -13px }  
.slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }
.navbar { overflow: visible !important; } 	
#slides .left { padding: 0 6px 3px; background: #BDC5C5; margin: 1px; color: #FFF; text-decoration: none !important; font-size: 13px; line-height: 15px; 
float: right; top: 7px; position: relative; }
#slides .left:hover { background: #50B9A4; }  
#slides .right { padding: 0 6px 3px; background: #BDC5C5; margin: 1px; color: #FFF; text-decoration: none !important; font-size: 13px; line-height: 15px; float: right;  top: 7px; position: relative;}

#slides .right:hover { background: #50B9A4; }

.video-title { margin: 0; padding: 0; line-height: 25px; font-size: 18px; width: 100%; text-transform: uppercase; color: #667878;  top: 29px; position: relative;
}

#slides .video-box ul { float: none; clear: both; list-style-type: none; margin: 0; padding: 0; }

#slides .video-box li { width: 100%; float: none; clear: both; list-style-type: none; margin: 0 0 10px; padding: 0; }

.video-box { margin: 20px 0 0 0;}


/**************************************************** video css ***********************************************/


.video-wrap { width: 260px; margin: 0 28px 20px 0; min-height: 100px }
	
.prev { background: url(../images/lr-icon.png) left 0 no-repeat !important; height: 11px !important; width: 11px !important; float:left !important; font-size: 0 !important; padding: 0 !important; }
.next { background: url(../images/lr-icon.png) right 0 no-repeat !important; height: 11px !important; width: 11px !important; float:left !important; font-size: 0 !important; padding: 0 !important; margin: 0 2px;}

.prev:hover { background: url(../images/lr-icon-hover.png) left 0 no-repeat !important; height: 11px !important; width: 11px !important; float:left !important; font-size: 0 !important; padding: 0 !important; }
.next:hover { background: url(../images/lr-icon-hover.png) right 0 no-repeat !important; height: 11px !important; width: 11px !important; float:left !important; font-size: 0 !important; padding: 0 !important;}

.prev-2 { background: url(../images/lr-icon.png) right 0 no-repeat !important; height: 11px !important; width: 11px !important; float:right !important; font-size: 0 !important; padding: 0 !important; }
.next-2 { background: url(../images/lr-icon.png) left 0 no-repeat !important; height: 11px !important; width: 11px !important; float:right !important; font-size: 0 !important; padding: 0 !important; margin: 0 2px;}

.prev-2:hover { background: url(../images/lr-icon-hover.png) right 0 no-repeat !important; height: 11px !important; width: 11px !important; float:right !important; font-size: 0 !important; padding: 0 !important; }
.next-2:hover { background: url(../images/lr-icon-hover.png) left 0 no-repeat !important; height: 11px !important; width: 11px !important; float:right !important; font-size: 0 !important; padding: 0 !important;}


.fb-like {  background: url(../images/fb-like.png) 0 0 no-repeat; width: 116px; height: 24px; float: left; clear: both; }


/**************************************************** NEW ***********************************************/

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

.thumb-gal { width: 50% !important; } 
.galcap { width: 50% !important; }
.linkenone { top: 90px !important; }
.gal-box { min-height: 670px } 
.abt-box { min-height: 100px; }
.linkenone { top: 10px !important; position: relative; left: 50%; margin: 0 0 40px; }

.inner-box { padding: 20px; } 
.inner-box .title { margin: 0; font-family: "gthm-thin", Courier New, Courier, monospace; font-size: 18px; line-height: 20px; }
table, .inner-box p { font-family: "calibri-font", Arial, monospace; font-size: 15px }


table.resumet h2 { font-size: 30px; margin: 0 0 10px; }
table.resumet h3 { font-size: 18px; margin: 0 0 10px; }
.heading { padding: 5px 0 5px; font-weight: bold; font-size: 16px }
.inner-box .title { font-size: 46px; line-height: 45px }

.video-link-box { clear: both; width: 100% }


.newsbox .video-title { margin: 0px; padding: 0 !important; top: 0; width: 35%; float: left; }

.newsbox ul { margin: -15px 0 0 0; padding: 0; display: block; }

.newsbox li { display: block; clear: both; list-style: none; }

.newsbox { margin: 10px 10px 15px 0; border: 1px solid #E4E4E4; padding: 5px; float: left; width: 94%; }

.newsbox .slidesjs-pagination { display: none !important; }

.newsbox #slides-2 .left { margin: 7px 2px 0 0; }

.newsbox #slides-2 .right { margin: 7px 7px 0 0; }

.slidesjs-next.slidesjs-navigation.left.next-2 { cursor: pointer; }

.newsbox .slidesjs-container { overflow: hidden !important; position: relative !important; height: 96px !important; margin: 0 !important; padding: 0 !important; top: 0; 
height: 70px !important; }

.newsbox { display: none !important; }

.newnews-title {

margin: 0;
padding: 0;
line-height: 25px;
font-size: 18px;
width: 100%;
text-transform: uppercase;
color: #667878;

font-family: "gthm-thin", Gotham, Courier New, Courier, monospace;

}