table
	{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	color: black;
	font: 10pt verdana, arial;
	margin-bottom: 25%; /* %, px, em, ex ? */
	}

tr.subhead
	{
	background-color: #cccccc;
	}

th
	{
	padding: 0 3%;
	}

th.alt
	{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}

td
	{
	padding: 0 3%;
	}

tr.alt
	{
	background-color: #eeeeee;
	}

h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

h2
	{
	font: 18pt verdana, arial;
	margin: 0;
	}

h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}

th a
	{
	color: #00008b;
	font: 8pt verdana, arial;
	}

a
	{
	color: #00008b;
	text-decoration: none;
	}

a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}

div.outer
	{
	width: 90%;
	margin: 15%;
	}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}

a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}

a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}

.small
	{
	font: 8pt verdana, arial;
	}

table td
	{
	padding-right: 20%;
	}

table td.nopad
	{
	padding-right: 5%;
	}

/* The following is for the home page*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@font-face {
  font-family: 'GillSans-Bold';
  src: url('fonts/GillSans-Bold.eot?#iefix') format('embedded-opentype'),  
		url('fonts/GillSans-Bold.woff') format('woff'), 
		url('fonts/GillSans-Bold.ttf')  format('truetype'), 
		url('fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gillsans-boldnew';
  src: url('fonts/gillsans-boldnew.eot?#iefix') format('embedded-opentype'),  
		url('fonts/gillsans-boldnew.woff') format('woff'), 
		url('fonts/gillsans-boldnew.ttf')  format('truetype'), 
		url('fonts/gillsans-boldnew.svg#gillsans-boldnew') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
    box-sizing: border-box;
}
body {background-color: rgb(151, 148, 93); font-family: 'GillSans-Bold', Arial; }
.body-custom-wrapper{
	margin: 0 auto;
}
.body-custom{
	width: 800px;
	height: 700px;
	margin: 0 auto;
	
}
.top-bar {background-color: #aea86c; width: 800px; margin: 12px auto 0 auto; }
.top-bar ul {text-align: right; }
.top-bar ul li {display: inline-block; vertical-align: middle;}
.top-bar ul li a {display: block; text-decoration: none; font-size: 12px; padding: 0; color: #FFF; font-family: 'gillsans-boldnew'; text-align:center;}
.top-bar ul li:first-child{margin-right:-6px;}
.top-bar ul li:last-child{line-height: 2; border-left: 1px solid #FFF;}

.top-bar ul li a .on-img{display:none;}
.top-bar ul li a .off-img{display:block;}
.top-bar ul li a:hover {}
.top-bar ul li a:hover .on-img{display:block;}
.top-bar ul li a:hover .off-img{display:none;}

.frame-holder {position: relative; width: 800px; height: 544px; margin: 0 auto; }
.frame-holder .img-slick {position: absolute; left: 107px; top: 110px; }
.frame-holder .img-slick .slide {position: absolute; display: none; }
.frame-holder .img-slick .slide:first-child{display:block;}
.frame-holder .frame {position: relative; z-index: 1; border-bottom: 1px solid #fff;border-top: 1px solid #fff;height: 544px;    overflow: hidden;}
.frame-holder .frame .btn {
	position: absolute;
	z-index: 1;
	color: #FFF;
	left: 338px;
	top: 426px;
	text-decoration: none;
	font-family: 'gillsans-boldnew';
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
}
.frame-holder .frame .btn:hover{
	color: #4b2600;
}

.frame-holder .frame .btn.btn-2 {
	left: 432px;
	top: 216px;
}
.frame-holder .frame .btn.btn-3 {
	left: 284px;
	top: 52px;
}
.frame-holder .frame .btn.btn-4 {
	left: 54px;
	top: 96px;
}
.frame-holder .frame .btn.btn-5 {left: 60px; top: 380px; }
.frame-holder .frame .btn.btn-6 {right: 60px; bottom: 30px; left: auto; top: auto;}


.logo {z-index: 2; width:175px;}
.hover-popup {position: absolute; z-index: 2; top: 50px; right: 10px; width: 300px; height: 130px; display: none; overflow: hidden; padding-left: 10px; }
.hover-popup.show{display:table;height: 130px;}
.popup-bg {position: absolute;
    z-index: 7;
    top: 3px;
    left: 4px;
    /* width: 100%; */
    opacity: .5;}
.popup-deco {position: absolute; z-index: 7; top: 3px; left: -7px; }
.popup-text {position: relative;z-index: 7;top: 0;bottom: 0;margin: auto;left: 20px;width: 100%;color: #fff;line-height: 1.5;vertical-align: middle;font-size: 14px;height: 68%;display:none;font-family: 'gillsans-boldnew';}
.popup-text.show{display:table-cell;vertical-align:middle;height: 100%;}
.bottom-bar{
	width: 800px; margin: 0 auto 0 auto;
}
.bottom-bar .bottom-strip{
	    height: 30px;
    width: 100%;
    background-color: #dec872;
}
.bottom-bar p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
	text-align:center;
	margin-top: 10px;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	.top-bar {width: 100%; margin: 0 auto 0 auto;}
	.frame-holder {width: 100%; height: auto; margin: 0 auto; min-height: calc(100vh - 120px);max-height:calc(100% - 120px)}
	.bottom-bar{width: 100%; margin: 0 auto 0 auto;}
}
@media only screen  
and (max-device-width : 767px) 
and (orientation : portrait) { 

	.top-bar {width: 100%; margin: 0 auto 0 auto;}
	.frame-holder {width: 100%; height: auto; margin: 0 auto; min-height: calc(100vh - 120px);max-height:calc(100% - 120px)}
	.bottom-bar{width: 100%; margin: 0 auto 0 auto;}
}