@charset "UTF-8";
/* interactive mini-site css */

/* ----- basics */

*{
	margin:0;
	padding:0;
}

html,
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	height:100%;
}

h1{
}

a{
	color:#000000;
	text-decoration:underline;
	outline:none;
}

a:hover{
	color:#666666;
}

p{
	line-height:1.3em;
}

br.clear{
	clear:both;
	height:0;
	line-height:0;
}

div{
	position:relative;
}

/* ----- layout */

.page{
	min-height:100%;
}

.container{
	width:970px;
	margin:0 auto;
}

#head{
	width:100%;
	background:url(images/head_bg.gif) repeat-x;
	height:210px;
	min-width:970px;
}

#body{
	width:100%;
	padding:30px 0 100px;
	min-width:970px;
}

#foot{
	width:100%;
	height:15px;
	background:url(images/foot_bg.gif) repeat-x;
	padding:25px 0 20px;
	color:#FFFFFF;
	position:absolute;
	bottom:0;
	left:0;
	min-width:970px;
	color:#666666;
}

/* ----- head */

#head h1{
	background:url(images/title.gif) no-repeat;
	overflow:hidden;
	width:377px;
	height:93px;
	font-size:10px;
	text-indent:-1000px;
	top:38px;
	position:relative;
}

#head #bread{
	position:absolute;
	left:0;
	top:179px;
	font-size:14px;
}

#head #bread a{
	text-decoration:none;
}

#head #bread a:hover{
	text-decoration:underline;
}

#head h1 a{
	display:block;
	position:absolute;
}

#head h1 a#linkHome{
	width:330px;
	height:45px;
	top:0;
	left:0;
}

#head h1 a#linkAm{
	width:125px;
	height:20px;
	top:55px;
	left:255px;
}

/* ----- foot */

#foot a{
	color:#999999;
	text-decoration:none;
}

#foot a:hover{
	color:#FFFFFF;
}

#foot span{
	letter-spacing:1em;
}

/* ------ thumbs */

.thumb{
	float:left;
	padding:5px 5px 10px;
	background:url(images/thumb_bg.gif);
	margin:0 3px 10px;
	cursor:pointer;
}

.thumb .inner{
	overflow:hidden;
	width:225px;
	height:150px;
}

.thumb .inner img{
	position:relative;
}

.thumb .inner .caption{
	color:#FFFFFF;
	width:145px;
	height:150px;
	position:absolute;
	top:0;
	right:-145px;
	z-index:500;
}

.thumb .inner .caption .captionBg{
	background:#000000;
	width:145px;
	height:150px;
	position:absolute;
	top:0;
	left:0;
	z-index:5px;
	opacity:.7;
	filter:alpha(opacity=70);
}

.thumb .inner .caption a{
	color:#FFFFFF;
	text-decoration:none;
}

.thumb .inner .caption h3{
	padding:15px 15px 9px;
	position:relative;
}

.thumb .inner .caption h4{
	padding:0 15px 7px;
	font-size:12px;
	font-weight:normal;
	position:relative;
}

.thumb .inner .caption p{
	padding:0 15px 0;
	position:relative;
}

/* ------ single */

#single{
	overflow-y:hidden;
}

#single #body{
	padding-bottom:65px;
	padding-top:40px;
}

#single #body #applet{
	min-height:300px;
	width:970px;
	margin-bottom:20px;
}

#single #body #applet object{
	cursor:pointer;
}

#single #body #meta{
	color:#FFFFFF;
	background:#333333;
	padding:25px 0 525px;
	margin-bottom:-500px;
	clear:both;
}

#single #body #meta p{
	padding: 0 0 7px;
}

#single #body #meta a{
	color:#FFFFFF;
	text-decoration:none;
}

#single #body #meta div{
	float:left;
	padding:0 25px 0;
}

#single #body #meta div#info{
	width:340px;
}

#single #body #meta div#info h3{
	font-size:18px;
	padding:0 0 7px;
}

#single #body #meta div#info h5{
	font-size:11px;
	color:#999999;
	padding:7px 0 4px;
	font-weight:normal;
}

#single #body #meta div#info p{
	font-size:14px;
}

#single #body #meta div#description,
#single #body #meta div#interaction{
	width:240px;
}

#single #body #meta div#interaction h4{
	padding:0 0 9px;
	font-size:12px;
}

#single #body #inputs{
	height:17px;
	padding-bottom:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;
	float:right;
}

#single #body #inputs span.key,
#single #body #inputs img{
	display:block;
	float:left;
	margin-left:4px;
	cursor:default;
}

#single #body #inputs span.key{
	background:url(images/key.gif) no-repeat;
	height:15px;
	width:16px;
	text-align:center;
	padding:2px 0 0 1px;
}

#single #body #inputs span.label{
	display:block;
	position:absolute;
	display:none;
	top:17px;
	width:50px;
	text-align:center;
}

/* ------ info */

#info{
}

#info h3{
	font-size:16px;
	font-weight:normal;
	padding:20px 0 10px;
}

#info h3.first{
	padding-top:0;
}

#info p{
	padding:0 0 10px;
}

#info .column{
	width:300px;
	float:left;
}

#info .column.large{
	width:635px;
	float:right;
}