@charset "utf-8";
/* Global Stylesheet */


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET ########################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin:0; padding:0;	font-size: 62.5%;height: 100%; background-color:#090}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}
textarea { overflow:auto; }


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; height:1px; }

.wrap { width:960px; margin:0px auto; padding:0px; }

p { font-size:14px; color:#191919; line-height:20px; margin:0px; padding:0 0 22px 0; }
a{color:#28727a;}
a.green { background:url(../images/button_green.gif) no-repeat left top; width:134px; height:35px; float:left; font-size:14px; text-align:center; color:#f1eee8;  line-height:35px; margin:0px; padding:0px; }
a.green:hover { background-position:left bottom; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-family:"Georgia", Times, serif; font-size:2.4em; color:#b05d0b; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h2 { font-family:"Georgia", Times, serif; font-size:2.4em; color:#b05d0b; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h3 { font-family:"Georgia", Times, serif; font-size:1.8em; color:#5b7d1f; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h4 { font-family:"Georgia", Times, serif; font-size:1.4em; color:#5b7d1f; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:#f1eee8;
	font-family:Arial, Helvetica, sans-serif;
}

/* header */

#header { background:url(../images/bg_header.gif) repeat-x; width:100%; height:167px; float:left; margin:0 0 40px 0; padding:0px; }
#header_box { background:url(../images/bg_header_box.jpg) no-repeat center center; width:100%; height:165px; float:left; margin:0px; padding:0px; }
#header_top { width:100%; height:125px; float:left; margin:0px; padding:0px; }
#logo { float:left; margin:0px; padding:5px 0px 0px 0px; }
#navigation { width:100%; height:40px; float:left; margin:0px; padding:0px; }
#navigation ul {}
#navigation ul li { display:block; float:left; font-size:14px; color:#f1eee8; margin:0px; padding:0px; }
#navigation ul li a { display:block; line-height:40px; color:#f1eee8; margin-top:-1px; padding:0px 24px; }
#navigation ul li a:hover, #navigation ul li a.active { background:url(../images/menu-backgroundactive.jpg); /*#f1eee8;*/ color:#fff; }

/* showcase */

#showcase { width:100%; height:auto; float:left; margin:0px; padding:0 0 30px 0; }
#showcase_left { width:265px; height:169px; float:left; margin:0 40px 0 0; padding:3px 7px 55px 7px;  background: url("../images/bg_showcase_hover2.png") no-repeat 0 0;}
#showcase_left2 { width:265px; height:169px; float:left; margin:0 40px 0 0; padding:3px 7px 55px 0px; background: url("../images/bg_showcase_hover1.png") no-repeat 0 0;}
#showcase_right { width:600px; height:auto; float:left; margin:0px; padding:0px; }
#showcase_right .button { width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0px; background: url("../images/play-icon.png") no-repeat 0 0;}
	span.video-thumb-overlay { display:block; height:168px; left:0px; position:relative; top:0px; width:200px; 
	}
	span.video-thumb-overlay a { visibility: visible; opacity: 0; display: block;  height:168px; left:05px; position:relative; top:09px; width:200px; }
			span.video-thumb-overlay:hover { visibility: visible; opacity: 1; display: block;  height:168px; left:-115px; position:relative; top:-59px; width:200px; background: url("../images/play-icon.png") no-repeat 0 0; }
   /* a span.play-icon { display: block; background: url(../images/play-icon.png) no-repeat; width: 31px; height: 31px; position: relative; top: 27px; left: 61px; } */
   

.video { position: relative; }

.video a {
   position: absolute;
   display: block;
   /*background: url(../images/play-icon.png);*/
   height: 40px;
   width: 40px;
   top: 60px;
   left: 115px;
}

/* headline */

#headline { background:url(../images/bg_headline.gif) repeat-x; width:100%; height:40px; float:left; font-family:"Georgia", Times, serif; font-size:18px; color:#f1eee8; line-height:40px; text-align:center; font-weight:normal; margin:0 0 40px 0; padding:0px; }
#headline a { color:#9ECBCB !important; }
#headline a:hover { color:#191919 !important; }


/* container */

#container { width:100%; height:auto; float:left; margin:0px; padding:0px; }

#leftcol_hp { background:url(../images/bg_leftcol.gif) repeat-y right top; width:480px; height:auto; float:left; margin:0 40px 0 0; padding:0 40px 80px 0; }

#rightcol_hp { width:400px; height:auto; float:left; margin:0px; padding:0 0 60px 0; }
#event_box { width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0px; }
#event_box p { font-size:14px; color:#191919; line-height:20px; border-bottom:solid 1px #d0ccc4; margin:0 0 18px 0; padding:0 0 18px 0; }
#event_box h3 { font-family:Arial, Helvetica, sans-serif; display:block; color:#8c8473;font-size:14px; font-weight:normal; line-height:20px;margin:0; padding:0; }
#event_box h3 a { color:#28727a; font-weight:bold; }
#event_box h3 a:hover { color:#191919; }
#event_box .button { width:100%; height:auto; float:left; margin:10px 0 0 0; padding:0px; }

#event_box1 { width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0px; }
#event_box1 p { font-size:14px; color:#191919; line-height:20px; border-bottom: hidden !important; margin:0 0 18px 0; padding:0 0 18px 0; }
#event_box1 h3 { font-family:Arial, Helvetica, sans-serif; display:block; color:#8c8473;font-size:14px; font-weight:normal; line-height:20px;margin:0; padding:0; }
#event_box1 h3 a { color:#28727a; font-weight:bold; }
#event_box1 h3 a:hover { color:#191919; }
#event_box1 .button { width:100%; height:auto; float:left; margin:10px 0 0 0; padding:0px; }

/* footer */

#footer { background:url(../images/bg_footer.gif) repeat-x #809f47; width:100%; height:100px; float:left; font-size:14px; color:#f1eee8; margin:0px; padding:25px 0 0 0; overflow:hidden; }
#footer span { display:block; padding:0 0 4px 0; }
#footer_left { width:50%; height:auto; float:left; margin:0px; padding:0px; }
#footer_right { width:50%; height:auto; float:left; text-align:right; margin:0px; padding:0px; }
#footer_right ul { display:block; width:100%; float:left; margin:0px; padding:0 0 3px 0; }
#footer_right ul li { float:right; display:block; margin:0px; padding:0 0 0 16px; }
#footer_right ul li a { color:#f1eee8; }
#footer_right ul li a:hover { color:#b05d0b; }

/* inner page */
/* inner page */

/* About us */

#leftcol { min-height:625px; background:url(../images/bg_leftcol.gif) repeat-y right top; width:585px; height:auto; float:left; margin:0 40px 0 0; padding:0 35px 40px 0; }
#rightcol { width:300px; height:auto; float:left; margin:0px; padding:0 0 60px 0; }