@charset "UTF-8";
/* CSS Document */


.header {
	margin: 20px 0 5px 0;
	text-align:center;
	color:#ffffff; 
	font-size:46px;
	font-family:'PT Serif Caption', Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* Link styles */
a:link { opacity:1.0; }
a:visited { opacity:1.0; }

.links a:link, .links a:visited { opacity:0.7;}
.links a:hover, .links a:active, .links a:focus { opacity:1.0; }

.sm_links a:link, .sm_links a:visited {opacity:0.7;}
.sm_links a:hover, .sm_links a:active, .sm_links a:focus { opacity:1.0; }

.links {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding-top:18px;
	padding-bottom: 8px;
}

.linkBrackets {
	opacity:0.5;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
}

.sm_links {
	width:125px;
	margin:8px auto;
	padding-bottom:40px;
}

/* background images and styles */
.fullscreen-overlay {
	opacity:0.9;
	background-image: url('../images/bg1_m.gif');
	background-color: #880000;	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

.fullscreen-bg {	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -101;
}

.fullscreen-bg_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
}


/* image zoom when hovering - more universail settings in main.css file */
.transition {
	transform: scale(1.2);
	-webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}


.contentBox {
	width: 520px;
	margin: 0 auto;
	background-color:#ffffff;
	opacity:0.8;
	padding:30px;
	color: #333333;
	font-weight:bold;
	border-radius: 20px;
	overflow:hidden;
}

.picture { 
	padding-top:28px;
	color:#333333; 
	float:left; 
	width:200px; 
	height: 500px;
	border-right-color:#eeeeee;
	border-right-style:solid;
	border-right-width:1px;
}

.subject { 
	font-size:30px; 
	font-weight:bold;
	margin-bottom: 12px;
	margin-top: 34px;
	line-height:22px;
	color:#555555;
	border-bottom-color:#eeeeee;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	
}

.about { 
	font-size:.9em; 
	font-weight:normal;
	line-height:28px;
	margin-bottom:20px;
	color:#777777;
}

.dots {
	text-align:center; 
	font-weight:normal; 
	font-size:8px; 
	color:#cccccc;
	padding-top:8px;
}

#wrapper {
  margin-right: 520px;
}

#col1 {
  float: left;
  width: 220px;
}

#col2 {
  float: left;
  width: 275px;
}

#cleared {
  clear: both;
}

@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg_video {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg_video {
		width: 300%;
		left: -100%;
	}
}

@media (max-device-width: 600px) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:3em;
	}
	div[class=links] {
		font-size:2em;
		font-weight:bold;
	}
}

@media (max-device-width: 480px) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:2em;
	}
	div[class=links] {
		font-size:1.7em;
		font-weight:bold;
	}
}

@media (max-device-height: 500px) and (orientation: landscape) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:3em;
	}
	div[class=links] {
		font-size:2em;
		font-weight:bold;
	}
	div[class=content]{
	margin: 0;
	}
	div[class=sm_links] {
	width:75px;
	margin:60px auto;
	}
	div[class=header] {
	margin: 110px 0 0 0;
	}
}