body {
	/*background-color:#F5F5F5;*/
	/*background-image: linear-gradient(to bottom, #ddd, #ccc);*/
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	font-size: 0.9em;
	color: #666;
	font-weight: 200;
}

* {
	margin:0;
	padding:0;
}

/** element defaults **/
table {
	/*width: 100%;*/
	text-align: left;
	
}

th, td {
	padding: 10px 10px;
}

th {
	color: #666;
	/*background: #ccc none repeat-x scroll left top;*/
	background-color:#EFECDD;
	border: #F00 1px dotted;
	padding: 3px 3px 3px 3px ;
	text-align:center;
	border-radius: 7px 7px 0px 0px;
}

td {
	/*border-bottom: 1px solid #ccc;*/
}
#container {
	background-color:#FFF;
	/*background-color:#F5F5F5;*/
	width: 1100px;/*width: auto;*/
	margin: 30px auto;
}

header {
	/*padding: 90px 0px;*/padding: 0px 0px;
	margin: 0 auto;
	text-align:center;
	background-color:FFF;/*background-color: #333;*/
	/*background-image: url('image/bg.jpg');*/
	background-position: center;
	box-shadow: 0px 5px 10px #ccc;
}

header h1 a, header h1 a:hover {
    color: #eee;
    font-size: 2.0em;
    padding: 5px 20px;
    letter-spacing: -2px;
    background-color: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 0 #222;
    border-bottom: none;

}


nav {
	/*height: 80px;*/height: 25px;
	margin-bottom: 0px;
	width: 1100px;
	background-color:#FFF;
	/*background-image: linear-gradient(#333, #111);*/
	box-shadow: 0px 5px 10px #ccc;
	/*border-top: 1px solid #222;*/
	border-bottom: 1px solid #fff;
}

nav ul {
	list-style: none;
	margin: 0;
	/*padding: 32px 0 0;*/padding: 3px 0 0;
	text-align: center;
	/*font-weight: bold;*/
}

nav ul li {
	display: inline;
	padding: 0px 18px;
}
/*######### Buttom ########### */
nav_buttom {
	/*height: 80px;*/height: 25px;
	margin-bottom: 0px;
	width: 1100px;
	background-color:#FFF;
	/*background-image: linear-gradient(#333, #111);*/
	box-shadow: 0px 5px 10px #ccc;
	/*border-top: 1px solid #222;*/
	border-bottom: 1px solid #fff;
}

/*######### Buttom ########### */
nav ul li a {
    color: #666;
	font-size:12px;
    border-bottom: none;
    text-transform: uppercase;
}


nav ul li a:hover {
	/*color: #ccc;*/color:#AAA;
	text-decoration: none;
}

nav ul li.selected a,
nav ul li.selected a:hover {
	font-weight:normal;
	/*color: #eee;*/color: #ac1e55;
	text-decoration: underline;
}

img {
	/*max-width: 100%;*/
	height: auto;
}
#body {
	background: none;
	margin: 10px 2%;
 	padding: 0;
	clear: both;
}
#content {
    float: left;
}

.two-column {
	width: 66%;
}

.with-right-sidebar {
	margin-right: 2%;
}

.with-left-sidebar {
	margin-left: 2%;
}


.three-column {
	width: 46%;
	margin: 0 2%;
}


article {
    padding: 10px 10px 20px 5px;
 }
article-about {
    padding: 10px 10px 10px 5px;
 }
article h2 {
    padding-bottom: 0;
}

article .article-info {
    color:#666;
    font-size: 0.9em;
    letter-spacing: -0.5px;
    padding: 0 0 10px 5px;
}
article-about .article-info-title {
    color:#666;
    font-size:14px;
    letter-spacing: -0.5px;
    padding: 20px 5px 5px 5px;
	background:#F5F5F5;
}
article-about .article-info-about {
    color:#ac1e54;/*color:#666;*/
    font-size:13px;
    letter-spacing: 0.7px;
    padding: 20px 15px 5px 20px;
	background:#F5F5F5;
	/*font-weight: bold;*/
}
article-about .article-info-about-philosophy {
    color:#666;
    font-size:13px;
    letter-spacing: 0.7px;
    padding: 20px 15px 5px 20px;
	background:#F5F5F5;
	
	border: 1px dotted #a1a1a1;
    border-radius: 10px;
	/*font-weight: bold;*/
}
article-about .article-info-about-mission {
    /*color:#666;*/
    font-size:13px;
	background:#F5F5F5;
    padding: 20px 15px 5px 20px;
	border: 1px dotted #a1a1a1;
    border-radius: 10px;
	font-weight: bold;
	
}
article-about .article-info-about-philosophy td{
	border-bottom: 1px solid #ccc;
}

article .article-info a { 
	color: #999;
	border-bottom: none;
}
article hr { 
/* Flaired edges, by Tomas Theunissen 

    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;

    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
	*/
	/* Glyph, by Harry Roberts 
		
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;

    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
	*/
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

.selected a,
.selected a:hover {
	font-weight: bold;
	/*color: #eee;*/color: #ac1e55;
	text-decoration: underline;
}

/*################### Side page #############################*/
.sidebar {
	margin-top: 10px;
}

.small-sidebar { 
   width: 25%;
}

.big-sidebar {
	/*width: 30%;*/width: 30%;
}

.left-sidebar { 
	float: left;
}

.left-company_profile { 
	float: left;
}
.left-company_profile img{
	border-radius:5px 5px 5px 5px;
}


.right-sidebar {
	float: right;
}
.right-sidebar li selected {
	font-weight: bold;
}
.sidebar h4 {
    color: #555;
    font-size: 1.2em;
    padding: 6px 0px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    font-weight: normal;
	font-weight: bold;
	

	
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
	padding: 10px;
}

.sidebar ul li.bg {
	background-color: #f0f0f0;
}

.sidebar ul li.bg h4 {
	color: #9E9A99;
}

.sidebar li ul {
    list-style: none outside none;
    margin: 0px;
}

.sidebar li ul li {
	display: block;
	border-top: none;
	padding: 7px 2px;
	margin: 0;
	line-height: 1.5em;
	font-size: 0.85em;
}



/*xxxxxxxxxxxxxxxxxx Left Box xxxxxxxxxxxxxxxxxxxxx*/
.sidebar_left h4 {
    color: #555;
    font-size: 1.2em;
    padding: 6px 0px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    font-weight: normal;
	font-weight: bold;
	width:700px;
}
.sidebar_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.sidebar_left ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
	padding: 10px;
	
}

.sidebar_left ul li.bg {
	background-color: #f0f0f0;
}

.sidebar_left ul li.bg h4 {
	color: #9E9A99;
}

.sidebar_left li ul {
    list-style: none outside none;
    margin: 0px;
}

.sidebar_left li ul li {
	display: block;
	border-top: none;
	padding: 7px 2px;
	margin: 0;
	line-height: 1.5em;
	font-size: 0.85em;
}
.sidebar_left li mission {
	/*background-image:url(image/bg_scot.jpg);*/
	display: block;
	width:670px;
	font-size:13px;
	/*background:#F5F5F5;*/
	background:#F7F7F7;
    padding: 30px 15px 30px 20px;
	/*border: 1px dotted #a1a1a1;*/
	border: 1px dashed #a1a1a1;
    border-radius: 5px;
	letter-spacing:1px;
	/*font-weight: bold;*/

	
	
}
.sidebar_left li mission td {
	border-bottom: 1px solid #ccc;
}
.sidebar_left li mission b {
	font-weight:bold;
}
/*------------ TB Groups ---------------*/
.sidebar_left li mission_group {
	/*background-image:url(image/bg_scot.jpg);*/
	display: block;
	width:670px;
	font-size:13px;
	/*background:#F5F5F5;*/
	background:#F7F7F7;
    padding: 30px 15px 30px 20px;
	/*border: 1px dotted #a1a1a1;*/
	border: 1px dashed #a1a1a1;
    border-radius: 5px;
	letter-spacing:1px;
	/*font-weight: bold;*/
}
.sidebar_left li mission_group img {
	box-shadow:3px 3px 3px #929699; 
	border:1px solid #FFF;
}
.sidebar_left li mission_group b {
	font-weight:bold;
	color:#000;
}
.sidebar_left li mission_group b img {
	box-shadow:none; 
	border:none;
}
.sidebar_left li mission_group p {
	font-size:12px;
}
.sidebar_left li mission_group td {
	
    border-radius: 5px;
}
/*------------ TB Groups ---------------*/
.sidebar_left li title-info-index {
	border-image:none;
}
.sidebar_left li title-info-index img {
	border:dotted 1px;
	border-radius: 15px 0px 15px 0px;
}
.sidebar_left li title-info-index a:visited {
	color:#999;
}
.sidebar_left li title-info-index a:link {
	color:#999;
}
.sidebar_left li title-info-index a:visited {
	color:#999;
}

/*------------ Activities ---------------*/
.sidebar_left li activity-show {
	border-image:none;
}
.sidebar_left li activity-show img {
	border:solid 2px #CCC;
	/*border-bottom-width: 10px;*/
	/*border-radius: 5px 5px 5px 5px;*/
}
.sidebar_left li activity-show a:link {
	text-decoration: none;
}
.sidebar_left li activity-show a:active {
	color:#FF0000;
}
.sidebar_left li activity-show td {
	padding:7px;
}
.sidebar_left li activity-show h1 {
	font-size:20px;
}
.sidebar_left li activity-show h2 {
	font-size:12px;
}
.sidebar_left li activity-show h3 {
	font-size:15px;
	font-weight: bold;
	color:#006666;
}
.sidebar_left li activity-show h4 {
	font-size:12px;
}
/*xxxxxxxxxxxxxxxxxx Left Box xxxxxxxxxxxxxxxxxxxxx*/
.sidebar ul.blocklist {
	border-top: 1px solid #ddd;
}

.sidebar ul.blocklist li {
	border-bottom: 1px solid #ddd;
	padding: 0;
}

.sidebar ul.blocklist li a {
	border-bottom: 0;
	display: block;
	padding: 12px 10px;
}

.sidebar ul.blocklist li a.selected {
	background-color: #5282BA;
	border-bottom: 5px solid #3F6B9D;
	color: #EAF0F6;
	font-weight: bold;
}


.sidebar ul.newslist li {
	padding: 10px 10px;
	border-bottom: 1px solid #ddd;
	font-size:13px;
}

.sidebar ul.newslist img {
	
	border:solid;
	border-width:1px;
	box-shadow:4px 4px 4px #929699;
	
}
.sidebar ul.newslist td {
	padding:0px 0px 0px 5px;
}
.sidebar ul.newslist p {
	margin-bottom: 0;
}

.sidebar ul.newslist span.newslist-date { 
	background-color:#ac1e54;/*background-color: #5282BA;
	background: -webkit-linear-gradient(left, #ac1e54 80% , #FFF); /* For Safari 5.1 to 6.0 
    background: -o-linear-gradient(right, #ac1e54 80%, #FFF); /* For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(right, #ac1e54 80%, #FFF); /* For Firefox 3.6 to 15 
    background: linear-gradient(to right, #ac1e54 80% , #FFF); /* Standard syntax (must be last) 
	*/
	color: #fff;
	padding: 3px 15px 3px 5px;
	
}
.sidebar ul.newslist span.newslist-video { 
	/* background-color:#06F; */
	background:url(image/a.png);
	color: #fff;
	padding: 3px 15px 3px 5px;
	
}
/*xxxxxxxxxxxxxxxxxx Left Box xxxxxxxxxxxxxxxxxxxxx*/
.sidebar_left ul.newslist_left li {
	width:700px;
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
	font-size:13px;
	letter-spacing:1px;
}

.sidebar_left ul.newslist_left table.history {
	border: 1px dotted #a1a1a1;
    border-radius: 5px;
}
.sidebar_left ul.newslist_left td.history {
	border: 1px dotted #a1a1a1;
    /*border-radius: 5px;*/
}

.sidebar_left ul.newslist_left img {
	/*
	border:solid;
	border-width:1px;
	box-shadow:4px 4px 4px #929699;
	*/
}

.sidebar_left ul.newslist_left p {
	margin-bottom: 0;
}

.sidebar_left ul.newslist_left span.newslist_left-date { 
	background-color: #5282BA;
	color: #fff;
	padding: 3px 10px;
}
/*xxxxxxxxxxxxxxxxxx Left Box xxxxxxxxxxxxxxxxxxxxx*/

.sidebar li ul li.text { 
	border-bottom: none;
}



.sidebar li ul li a {
	 border-bottom-color: #666;
	color: #666;
}

.sidebar li ul li a:hover {
	 border-bottom-color: #5282BA;
	color: #5282BA;
}


.sidebar li ul li a.readmore {
   font-weight: bold;
}
.clear {
	clear: both;
}

footer {
	margin:20px auto 0;
	background: #222;
	border-top: 2px solid #eee;
}

footer p {
	text-align: left;
	color: #ccc;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

footer p a {
	color: #ccc;
	font-weight: bold;
}

.footer-content {
	padding: 20px 2% 40px;
	border-top: 10px solid #111;
}

footer .footer-content ul {
	width: 25%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

footer .footer-content li {
	padding: 5px 5px;
 	color: #505050;
 	font-size: 0.9em;
	line-height: 7px;
}

footer .footer-content li a, footer .footer-content h4 {
}

footer .footer-content li a {
 color: #505050;
	border-bottom-color:#505050;
   
}

footer .footer-content li a:hover { 
	color: #909090;
	border-bottom-color:#909090;
}

footer .footer-content h4 {
   color: #999;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 0;
}

footer .footer-bottom {
	padding: 10px;
	text-align: center;
	background-color: #5282BA;
	border-top: 10px solid #3F6B9D;
}

footer .footer-bottom p {
	text-align: center;
}

footer .footer-bottom p, footer .footer-bottom p a {
	color: #B7D2F0;
	border-bottom-color: #B7D2F0;
}

/*############################### [S]Fade in image #####################################################*/
#fade-in b {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

/*############################### [E]Fade in image #####################################################*/


/*############################### [S]Text animation #####################################################*/
/*----- Our vision -----*/
/*----- Top */
text-animation-vision_top {
	position:relative;
	left:70px;
	top:-240px;
	/*opacity: 0;*/
	animation: vision_top 1s ;
	-moz-animation: vision_top 1s  ; /* firefox */
	-webkit-animation: vision_top 1s ; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-vision_top p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	/*line-height:50%;*/
}
/* Chrome, Safari, Opera */
@-webkit-keyframes vision_top {
	0%   { left:0px; top:-240px;}
    100% { left:70px; top:-240px;}
}
@keyframes vision_top {
    0%   { left:0px; top:-240px;}
    100% { left:70px; top:-240px;}
}
/* firefox */
@-moz-keyframes vision_top {
    0%   { left:0px; top:-240px;}
    100% { left:70px; top:-240px;}
}
/*----- Mid */
text-animation-vision_mid {
	position:relative;
	left:150px;
	top:-50px;
	opacity: 0;
	animation: vision_mid 1s ease-in 0.5s forwards;
	-moz-animation: vision_mid 1s ease-in 0.5s  forwards; /* firefox */
	-webkit-animation: vision_mid 1s ease-in 0.5s forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-vision_mid p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	line-height:50%;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes vision_mid {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes vision_mid {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes vision_mid {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*----- Buttom */
text-animation-vision_buttom {
	position:relative;
	left:165px;
	top:-120px;
	opacity: 0;
	animation: vision_buttom 1s ease-in 1s forwards;
	-moz-animation: vision_buttom 1s ease-in 1s forwards; /* firefox */
	-webkit-animation: vision_buttom 1s ease-in 1s forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-vision_buttom p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	line-height:50%;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes vision_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes vision_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes vision_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*----- Company profile -----*/
/*----- Left */
text-animation-companyprofile_left {
	position: relative;
	left:0px;
	top:-35px;
	opacity: 0;
	animation: companyprofile_left 1.5s  forwards;
	-moz-animation: companyprofile_left 1.5s   forwards; /* firefox */
	-webkit-animation: companyprofile_left 1.5s  forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-companyprofile_left p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	border-radius: 10px 10px 0px 0px;
}
text-animation-companyprofile_left img{
	border-radius: 10px 10px 10px 10px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes companyprofile_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes companyprofile_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes companyprofile_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*----- Right top */
text-animation-companyprofile_right_top {
	position:relative;
	left:-7px;
	top:-30px;
	animation: companyprofile_right_top 1s  ;
	-moz-animation: companyprofile_right_top 1s   ; /* firefox */
	-webkit-animation: companyprofile_right_top1s  ; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-companyprofile_right_top p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
}
text-animation-companyprofile_right_top img{
	border-radius: 10px 10px 10px 10px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes companyprofile_right_top {
    0%   { left:50px; top:-30px;}
    100% { left:-7px; top:-30px;}
}
@keyframes companyprofile_right_top {
    0%   { left:50px; top:-30px;}
    100% { left:-7px; top:-30px;}
}
/* firefox */
@-moz-keyframes companyprofile_right_top {
    0%   { left:50px; top:-30px;}
    100% { left:-7px; top:-30px;}
}
/*----- Right top */
text-animation-companyprofile_right_buttom {
	position:relative;
	left:-7px;
	top:-41px;
	animation: companyprofile_right_buttom 1s  ;
	-moz-animation: companyprofile_right_buttom 1s   ; /* firefox */
	-webkit-animation: companyprofile_right_buttom 1s  ; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-companyprofile_right_buttom p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
}
text-animation-companyprofile_right_buttom img{
	border-radius: 10px 10px 10px 10px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes companyprofile_right_buttom {
    0%   { left:50px; top:-41px;}
    100% { left:-7px; top:-41px;}
}
@keyframes companyprofile_right_buttom {
    0%   { left:50px; top:-41px;}
    100% { left:-7px; top:-41px;}
}
/* firefox */
@-moz-keyframes companyprofile_right_buttom {
    0%   { left:50px; top:-41px;}
    100% { left:-7px; top:-41px;}
}

/*----- Philosophy -----*/
/*----- Top left */
text-animation-philosopsy_top_left {
	position: relative;
	left: 0px;
	top: -15px;
	opacity: 0;
	animation: philosopsy_top_left 1.5s  forwards;
	-moz-animation: philosopsy_top_left 1.5s   forwards; /* firefox */
	-webkit-animation: philosopsy_top_left 1.5s  forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-philosopsy_top_left p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes philosopsy_top_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes philosopsy_top_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes philosopsy_top_left {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*----- Top Right*/
text-animation-philosopsy_top_right {
	position: relative;
	left: 0px;
	top: -20px;
	opacity: 0;
	animation: philosopsy_top_right 1s ease-in 0.5s  forwards;
	-moz-animation: philosopsy_top_right 1s ease-in 0.5s   forwards; /* firefox */
	-webkit-animation: philosopsy_top_right 1s  ease-in 0.5s forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-philosopsy_top_right p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	width:300px;
	line-height:250%;
}
@-webkit-keyframes philosopsy_top_right {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes philosopsy_top_right {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes philosopsy_top_right {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*----- Buttom*/
text-animation-philosopsy_buttom {
	position:relative;
	left:0px;
	top:-40px;
	opacity: 0;
	animation: philosopsy_buttom 1s ease-in 0.5s  forwards;
	-moz-animation: philosopsy_buttom 1s ease-in 0.5s   forwards; /* firefox */
	-webkit-animation: philosopsy_buttom 1s  ease-in 0.5s forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-philosopsy_buttom p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	line-height:250%;
	/*width:300px;*/
}
@-webkit-keyframes philosopsy_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes philosopsy_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes philosopsy_buttom {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*----- Our history*/
text-animation-history {
	position: relative;
	left: 0px;
	top: 0px;
	opacity: 0;
	animation: history 1s   forwards;
	-moz-animation: history 1s    forwards; /* firefox */
	-webkit-animation: history 1s  forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-history p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	/*width:300px;*/
}
@-webkit-keyframes history {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes history {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes history {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*----- Message background*/
text-animation-message_bg {
	position: relative;
	left: 0px;
	top: 0px;
	opacity: 0;
	animation: message_bg 1s   forwards;
	-moz-animation: message_bg 1s    forwards; /* firefox */
	-webkit-animation: message_bg 1s  forwards; /* Chrome, Safari, Opera */
	margin: auto;

}
text-animation-message_bg p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	/*width:300px;*/
}
@-webkit-keyframes message_bg {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes message_bg {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes message_bg {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*----- message_topic -----*/
text-animation-message_topic {
	margin-right: 2%;
	position: absolute;
	left: 250px;
	top: 35px;
	animation: message_topic 1s;
	-moz-animation: message_topic 1s; /* firefox */
	-webkit-animation: message_topic 1s; /* Chrome, Safari, Opera */
	width: 186px;
}
text-animation-message_topic h3{
	color:#ac1e54;
	font-size:26px;
	/*text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070;*/
	
}
/* Chrome, Safari, Opera */
@-webkit-keyframes message_topic {
    0%   { left:500px; top:35px;}
    100% { left:250px; top:35px;}
}
@keyframes message_topic {
    0%   { left:500px; top:35px;}
    100% { left:250px; top:35px;}
}
@-moz-keyframes message_topic {
    0%   { left:500px; top:35px;}
    100% { left:250px; top:35px;}
}

/*----- message_content -----*/
text-animation-message_content {
	position: absolute;
	left: 250px;
	top: 80px;
	float: left;
	opacity: 0;
	animation: message_content 1s ease-in 0.5s forwards;
	-moz-animation: message_content 1s ease-in 0.5s forwards; /* firefox */
	-webkit-animation: message_content 1s ease-in 0.5s forwards; /* Chrome, Safari, Opera */
	width: 443px;

}
text-animation-message_content p{
	color:#585859;
	font-size:13px;
	letter-spacing:1px;
	line-height:220%;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes message_content {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes message_content {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* firefox */
@-moz-keyframes message_content {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*############################### [E]Text animation #####################################################*/


/*@@@@@@@@@@@@@@@ [S]Menu vertical @@@@@@@@@@@@@@@*/
article {
	/* Repeating background image */
	background:url(image/bg_scot.jpg);  
	width:260px;
	/*margin:20px;*/
}
article ul {
	/* Removes bullet points */
	list-style:none;
	margin:0;
	padding:0;
	
}
article ul li {
	/* Any child positioned absolutely will be positioned relative to this */
	position:relative;
}
article a {
	color: #e8e8e8;
	padding: 0px 0px 0px 0px;
	/* Fill all available horizontal space */
	display: block;
	/* Remove underline */
	text-decoration: none;
	/* 
	New CSS3 animations:
	apply transition to background property, taking 1s to change it 
	*/
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
	font-family: tahoma;
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 5px;
}
article a:hover {
	/* 
	RGBA background for transparancy: 
	last number(0.05) is the transparency 
	*/
	background: RGBA(255,255,255,0.05);
	color:#fff;
	
}
article a:hover span {
	background:#ac1e54;
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
article ul li:hover ul {
	display:block;
}
article ul ul {
	position:absolute;
	left:210px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
}
article ul ul li {
	width:200px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
}
article ul ul li a {
	color:#a8a8a8;
	font-size:12px;
	text-transform:none;
}
article ul ul li a:hover {
	color:#929292;
}
article span {
	width:12px;
	height:12px;
	background:#fff;
	display:inline-block;
	float:left;
	margin-top:3px;
	margin-right:20px;
	position:relative;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
article span:before {
	content:"";
	width:12px;
	height:2px;
	background:#000;
	position:absolute;
	left:0px;
	top:5px;
}
article span:after {
	content:"";
	width:2px;
	height:12px;
	background:#000;
	position:absolute;
	left:5px;
	position:top;
}
/*@@@@@@@@@@@@@@@ [E]Menu vertical @@@@@@@@@@@@@@@*/


#zone-bar {
	/*background: #b2d281;*/
	/*background:url(image/bg_scot.jpg);*/
	min-height: 30px;
	padding: 3px 10px 3px 10px;
	/*border-radius:10px;*/
	box-shadow: 0px 5px 10px #ccc;
}
#zone-bar span {
	position: relative;
	top: 6px;
	padding: 5px 12px 0 12px;
}
#zone-bar span a {
	color:#666;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	float: none;
	padding: 5px 15px 5px 15px;
	width: 180px;
	border-radius: 3px;
}
#zone-bar span a.selected {
	/*background:#FAF4FF;*/
	color:#ac1e54;
}
#zone-bar span a:hover {
	/*background:#F9F9F9;
	color:#000;*/
	background:#ac1e54;
	color:#FFF;