/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

#portalFrame {
	min-height: 500px;
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;
}

body {
	height: 100%;
	min-height: 100%;
	line-height: 156%;
	color: #3366CC;
    background-color: #FFFFFF;
}
    			
.body-gradient {
	background-color: #FFFFFF !important;    			
	
}			

.page-bg {
	background-color: #FFFFFF;    			
}
    			
.no-bg { background: none !important; margin-top: 5px }
.has-top-bar-nav { margin-top: 60px !important; }
.push-bg-down { background-position-y: 50px; }
    			
ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h1 a,
h2 a,
h3 a {
	clear: both;
	font-weight: normal;
}
h4,
h5,
h6 {
	clear: both;
	font-weight: bold;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
    			
a:focus {
	outline: thin dotted;
}
    			
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
}
ins {
	text-decoration: none;
}
hr {
	border: 0;
	height: 1px;
	margin: 20px 0;
}

hr.slim_margin { margin: 6px 0; }

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: 88%; line-height: 16px; }
img { border: 0; -ms-interpolation-mode: bicubic; }

a:hover {  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;
}

/* Clearing floats */
.clear:after,
.wrapper:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after {
	display: table;
	content: "";
}
table {
	margin: 15px 0;
}
table td,
table th {
	padding-right: 20px;
}

/* =Structure
--------------------------*/
html {
	height: auto;
	min-height: 100%;
}

#top-bar-nav {
	background: url(/images/themes/PageTemplateV25/images/gradient-topbar.png) 0 0 repeat-x;
	height: 50px;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 99999;
}
#top-bar-nav-wrapper {
	line-height: 313%;
	position: relative;
}

#site-header,
#top-bar-nav-wrapper,
#main,
#bottom-nav-wrapper {
	box-shadow: 0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
	behavior: url(/css/PageTemplateV25/ie-css3.htc);
	margin: 0 auto;
	position: relative;
	width: 1024px;
}

    			
/* Social Links */
#social-links {
	float: left;
    min-height: 20px;
}
#social-links li {
	float: left;
	margin-right: 8px;
    line-height: 100%;
}

#social-links li a {
	display: block;
}
#social-links li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;
}
#social-links img {
	float: left;
}        		
        		
/* Languages */
#languages {
	height: 50px;
	position: absolute;
	top: 0; left: 1034px;
}
#languages .current-language {
	padding: 0 10px;
}
#languages .current-language img {
	margin: 9px 0 0 0;
	vertical-align: top;
}
#languages ul {
	display: none;
	position: absolute;
	top: 50px; left: 0;
}
#languages:hover ul {
	display: block;
}
#languages ul li {
	display: block;
	border-top: 1px solid;
	height: 40px;
	line-height: 250%;
	position: relative;
	width: 100%;
}
#languages ul li:first-child {
	border-top: 0;
}
#languages ul li a {
	display: block;
	height: 40px;
	padding: 0 36px 0 10px;
	white-space: nowrap;
	width: auto;
}
#languages ul li img {
	display: block;
	position: absolute;
	top: 12px; right: 10px;
}    			

/* =Colors
--------------------------*/

body {
	color: #333333;
}

/* Portal BG */
.play-time {
	background-color: #FFFFFF;
}

#top-sound-player,
#languages a {
	color: #FFFFFF;
}

#top-bar-nav,
#languages:hover,
#languages ul {
	 background-color: #3366CC;
}
        		
a, h1 { color: #3366CC; }
h2, h3, h4, h5, h6,
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #3366CC;
}
    			
.social-links  { background-color: transparent; }        		
        		
/* Portal Text 15% */
.thumbs div.box,
.social-links .thumbs div.box:hover,
.social-links .thumbs div.box-hovered {
	background-color: #E0E0E0;
}
        		

/* Highlight 50% Opacity */
#languages ul li
{
	border-color: #99B2E5;
}
        		
        		
/* Highlight 30% Opacity */
#languages ul li:hover {
	background-color: #C1D1EF;
}
.hideme { display: none !important;}
        		
#hidden_overlay {
	display: none;
	position: fixed; 
	width: 100%; 
	height: 100%; 
	background-color: #000000; 
	z-index: 50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;
}

#shadowbox_content { float: left !important; height: auto !important; }

.front-container { 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	min-height: 545px; 
	max-height: 750px;
	z-index: -1;
}

.front-bg {
	position: fixed;
	width: 200%;
	height: 200%;
}

.front-bg img {
	margin: auto;
	min-width: 50%;
	min-height: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.front-bg .front-image { display: block; }

/* =Fonts
--------------------------*/
body {
	font: 16px/25px normal Arial, sans-serif;
}

/* =Buttons
--------------------------*/
.button {
	border: 4px solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	height: 40px;
	line-height: 260%;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	cursor: pointer;
}
.button:hover,
.button.selected {
	background: url(/images/themes/PageTemplateV25/images/gradient-button.png) 0 0 repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;        		
}

.txt-color, .text-color { color: #333333; }
.bg-color, .background-color { color: #FFFFFF;}
.hi-color, .highlight-color{ color: #3366CC;}

#menu-button {
	background: url(icons/nav-button.png) 0 -5px no-repeat;
	border-right: 2px solid;
	float: left;
	height: 0;
	padding: 68px 0 0 0;
	width: 80px;
	border-color: #FFFFFF;
	border-color: rgba(255,255,255, .5);
	padding: 50px 0 0 0;
	width: 52px;
	background-size:50px;
	background-position-y: 0px;
	margin-right:4px;
}    		

.side-item { min-width: 294px; max-width: 294px; }
.side-item.button-item { max-width: 314px; }
.side-item.box > img { width: 294px; }    	
.gallery-sections .box img { width: 210px; }
.tri-columns  img { width: 314px; }
.downloads .box img { width: 294px; }
.news-detail .box img { width: 294px; }    		
.tracks .box img { width: 137px; }
.link-list .box img { width: 100px; }    		
.textblock article header img { width: 984px; }
.notepad .box img { width: 210px; }
#img-header-logo { width: 1024px; }