/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);



body {
	font-family: 'Lora',Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	margin:0;
	padding:0;
	background-color:#EEEEEE;
	background-image:url(../../images/background.jpg);
}



#test {
	position:fixed;
	top:66px;
	right:-30px;
	width: auto;
	min-height:10px;
	padding: 2px 6px;
	background-color: #ED8029;
	color: white;
	border-radius: 3px;
	opacity: 0.2;
-webkit-transition: background-color 5s, background-size 5s, position 5s;
-moz-transition: background-color 5s;
-o-transition: background-color 5s;
-ms-transition: background-color 5s;
transition: background-color 5s;
-webkit-transition: opacity 5s;
-moz-transition: opacity 5s;
-o-transition: opacity 5s;
-ms-transition: opacity 5s;
transition: opacity 5s;
}

#test:hover {
background-color: #A7B526;
opacity: 0.8;
right:30px;
background-size:30px 30px;
} 









.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }































p {
	margin:0;
	padding:0;
	text-align:left;
	color:white;
	font-size:11px;
}

p.text_video_sub1 {
	margin:0;
	padding:0;
	color:#EDEDED;
}

p.text_video_sub2 {
	margin:2px 0 0 0;
	padding:0;
	color:#BBBBBB;
	font-size:10px;
}

h2 {
	margin:0;
	padding:0;
	font-size:9px;
	font-weight:bold;
	color:white;
}

a {
	text-decoration:none;
	color:#ffdffb;/*#FFB3F5;*/
	font-weight:bold;
	margin:0;
	padding:0;
}

a:hover, a:focus {
	color:magenta;
}

/*__________________________________________________________________________________________________________________________________________main__________*/

#border_header {
	position:absolute;
	top:0;
	height:2px;
	width:100%;
	margin:99px 0 0 0;
	padding:0;
	background-repeat:repeat-x;
	background-image:url(../../images/border_header.gif);
}

#frame {
	position:absolute;
	top:0;
	left:50%;
	width:646px;
	height:100%;
	margin:0;
	padding:0;
    margin-left:-323px;
}

#logo {
	position:absolute;
	top:57px;
	height:59px;
	width:233px;
	left:0;
	padding:0;
	margin:0 0 30px 0;
	background-image:url(../../images/logo.png);
	z-index:1;
}

#content {
	position:absolute;
	top:101px;
	left:0;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

/*__________________________________________________________________________________________________________________________________________head_box__________*/

.head_box {
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-height:33px;
	margin:0;
	padding:0;
}

.head_box_l {
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-height:33px;
	margin:0;
	padding:0;
}


.border_head {
	position:absolute;
	right:0;
	bottom:0;
	width:2px;
	height:100%;
	background-image:url(../../images/border_headline.gif);	
}

.head_box_l .border_head {
	left:0;
	background-position:-2px 0;
	background-repeat:repeat-y;
}

.border_head_corner {
	position:absolute;
	bottom:0;
	right:1px;
	width:6px;
	height:6px;
	margin:0;
	padding:0;
	background-image:url(../../images/headline_corner.png);
	z-index:2;
}

.head_box_l .border_head_corner {
	left:1px;
	background-position:-6px 0;
	background-repeat:no-repeat;
}

.headline_box {
	position:absolute;
	float:left;
	right:3px;
	bottom:3px;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
	color:white;
}

.head_box_l .headline_box {
	left:3px;
}

.headline_content {
	position:relative;
	float:left;
	width:auto;
	min-height:13px;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	background-image:url(../../images/headline_background.png);
	z-index:1;
}

.headline_corner_r {
	position:relative;
	float:left;
	width:15px;
	height:13px;
	margin:0;
	padding:0;
	background-position:-12px 0;
	background-repeat:no-repeat;
	background-image:url(../../images/headline_right.png);
}

.headline_corner_l {
	position:relative;
	float:left;
	width:12px;
	height:13px;
	margin:0;
	padding:0;
	background-image:url(../../images/headline_right.png);
}


.head_box_l .headline_corner_l {
	width:15px;
	background-image:url(../../images/headline_left.png);
}

.head_box_l .headline_corner_r {
	width:12px;
	background-position:-15px 0;
	background-repeat:no-repeat;
	background-image:url(../../images/headline_left.png);
}

/*__________________________________________________________________________________________________________________________________________video_box__________*/

.video_box {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:3;
}

.border_content_tl {
	position:absolute;
	top:0;
	left:0;
	width:3px;
	height:3px;
	margin:0;
	padding:0;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../../images/border_content_corner.gif);
	z-index:2;
}

.border_content_t {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3px;
	margin:0;
	padding:0;
	background-image:url(../../images/border_content_t.gif);
}

.border_content_tr {
	position:absolute;
	top:0;
	right:0;
	width:3px;
	height:3px;
	margin:0;
	padding:0;
	background-position:-3px 0;
	background-repeat:no-repeat;
	background-image:url(../../images/border_content_corner.gif);
	z-index:2;
}

.border_content_r {
	position:absolute;
	top:0;
	right:0;
	width:3px;
	height:100%;
	margin:0;
	padding:0;
	background-position:-3px 0;
	background-image:url(../../images/border_content_r.gif);
}

.border_content_br {
	position:absolute;
	bottom:0;
	right:0;
	width:3px;
	height:3px;
	margin:0;
	padding:0;
	background-position:-3px -3px;
	background-repeat:no-repeat;
	background-image:url(../../images/border_content_corner.gif);
	z-index:2;
}

.border_content_b {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	margin:0;
	padding:0;
	background-image:url(../../images/border_content_b.gif);
}

.border_content_bl {
	position:absolute;
	bottom:0;
	left:0;
	width:3px;
	height:3px;
	margin:0;
	padding:0;
	background-position:0 -3px;
	background-repeat:no-repeat;
	background-image:url(../../images/border_content_corner.gif);
	z-index:2;
}

.border_content_l {
	position:absolute;
	top:0;
	left:0;
	width:3px;
	height:100%;
	margin:0;
	padding:0;
	background-position:0 0;
	background-image:url(../../images/border_content_l.gif);
}

.border_content_tr_headline {
	position:absolute;
	top:0;
	right:1px;
	width:6px;
	height:2px;
	margin:0;
	padding:0;
	background-position:0 -1px;
	background-image:url(../../images/border_content_t.gif);
	z-index:3;
}

.border_content_tl_headline {
	position:absolute;
	top:0;
	left:1px;
	width:6px;
	height:2px;
	margin:0;
	padding:0;
	background-position:0 -1px;
	background-image:url(../../images/border_content_t.gif);
	z-index:3;
}

.border_content_bl_headline {
	position:absolute;
	bottom:0;
	left:1px;
	width:1px;
	height:3px;
	margin:0;
	padding:0;
	background-position:0 1px;
	background-repeat:no-repeat;
	background-image:url(../../images/border_content_b.gif);
	z-index:2;
}

.video {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-image:url(../../images/subtext_bg.png);
}

/*__________________________________________________________________________________________________________________________________________video_subtext__________*/

.video_subtext_box {
	position:relative;
	top:0;/*top:-40px;*/
	left:0;
	height:auto;
	width:640px;
	margin:0;
	padding:0 0 50px 0;








}
/*
.video_subtext_box:hover {
animation:mymove 2s 1 ease-out;
-moz-animation:mymove 2s 1 ease-out; /*Firefox*/
-webkit-animation:mymove 1s 1 ease-out; /*Safari and Chrome*/
-o-animation:mymove 1s 1 ease-out; /*Opera*/
}
@keyframes mymove
{
0% {top:-40px;}
75% {top:2px;}
100% {top:0;}
}

@-moz-keyframes mymove /*Firefox*/
{
0% {top:-40px;}
75% {top:2px;}
100% {top:0;}
}*/





















.video_subtext_box p {
	text-align:left;
}

.video_subtext {
	position:relative;
	height:auto;
	width:auto;
	margin:0 3px 0 2px;
	padding:8px 10px 0 10px;
	background-image:url(../../images/subtext_bg.png);
}


.video_subtext_bg_b_box, .video_subtext_bg_b_box_r {
	position:relative;
}

.video_subtext_bg_b {
	position:absolute;
	top:0;
	left:0;
	width:625px;
	height:10px;
	margin:0 0 0 2px;
	padding:0;
	background-image:url(../../images/subtext_bg.png);
}

.video_subtext_bg_b_box_r .video_subtext_bg_b {
	right:0;
	margin:0 0 0 12px;
}

.video_subtext_bg_corner {
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:10px;
	margin:0 3px 0 2px;
	padding:0;
	background-position:10px 0;
	background-image:url(../../images/subtext_bg_corner.png);
}

.video_subtext_bg_b_box_r .video_subtext_bg_corner {
	left:0;
	background-position:0;
}

.video_subtext_bg_peak {
	position:relative;
	top:10px;
	left:0;
	width:10px;
	height:10px;
	margin:0 13px 0 2px;
	padding:0;
	background-position:10px 0;
	background-image:url(../../images/subtext_bg_corner.png);
}

.video_subtext_bg_b_box_r + .video_subtext_bg_peak {
	float:right;
	margin:0 3px 0 0;
	background-position:0;
}

/*__________________________________________________________________________________________________________________________________________footer__________*/

#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:55px;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	background-image:url(../../images/footer.png);
}



































/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	position: relative;
}
#cssmenu a {
	line-height: 1.3;
}







#cssmenu > ul > li:first-child {
	background: #66665e;
	background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
	background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
	background: linear-gradient(#66665e 0%, #45463d 100%);
	border: 1px solid #45463d;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
	padding: 15px 10px;
	background: url(pattern.png) top left repeat;
	border: none;
	border-top: 1px solid #818176;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 1.2em;
	font-weight: 300;
	text-shadow: 0 -1px 1px #000000;
}
#cssmenu > ul > li:first-child > a > span {
	padding: 0;
}
#cssmenu > ul > li:first-child:hover {
	background: #66665e;
	background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
	background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
	background: linear-gradient(#66665e 0%, #45463d 100%);
}





#cssmenu > ul > li {
	background: #e94f31;
	background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
	background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
	background: linear-gradient(#e94f31 0%, #d13516 100%);
}
#cssmenu > ul > li:hover {
	background: #e84323;
	background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
	background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
	background: linear-gradient(#e84323 0%, #c33115 100%);
}
#cssmenu > ul > li > a {
	font-size: .9em;
	display: block;
	background: url(menu_images/pattern.png) top left repeat;
	color: #ffffff;
	border: 1px solid #ba2f14;
	border-top: none;
	text-shadow: 0 -1px 1px #751d0c;
}
#cssmenu > ul > li > a > span {
	display: block;
	padding: 12px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#cssmenu > ul > li > a:hover {
	text-decoration: none;
}
#cssmenu > ul > li.active {
	border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
	background: url(menu_images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
	background: url(menu_images/icon_minus.png) 96% center no-repeat;
}





/* Sub menu */
#cssmenu ul ul {
	display: none;
	background: #fff;
	border-right: 1px solid #a2a194;
	border-left: 1px solid #a2a194;
}
#cssmenu ul ul li {
	padding: 0;
	border-bottom: 1px solid #d4d4d4;
	border-top: none;
	background: #f7f7f7;
	background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
	background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
	background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}
#cssmenu ul ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul a {
	padding: 10px 10px 10px 25px;
	display: block;
	color: #676767;
	font-size: .8em;
	font-weight: normal;
}
#cssmenu ul ul a:before {
	content: '\00BB';
	position: absolute;
	left: 10px;
	color: #e94f31;
}
#cssmenu ul ul a:hover {
	color: #e94f31;
}