/* codefabrik CSS Document */

@font-face {  
  font-family: "cffonttitle";  
/*  src: url( /styles/OCR-A.eot );  IE */  
  src: local(" OCR-A "), url( /styles/OCR-A.TTF ) format("truetype"); /* non-IE */  
} 
body {
  background-color:#FFF;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  color: #222;
  text-decoration: none;
}
#player {
  margin:0;
  padding:0;
}
form {
  margin:0;
  padding:0;
}
#flowstyle{
	position: relative;
	width: 780px;
}
.floated_content{
  float: left;
}

.img_applestyle:hover{
	   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 
   /*Glow*/
  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);

}

.box{
	background:#fff;border:1px solid #cecece;margin-bottom:17px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);-moz-box-shadow:0 0 6px rgba(0,0,0,.12);-o-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12); padding:10px;
}
.icon{
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
}
/* link */
a:link,a:active,a:visited {
color: #004B91;
text-decoration: none;
}

a:hover {
  outline:none;
  color: #FF9900;
}
a.link{
	background:transparent url(/media/a-bg.png) no-repeat -81px bottom;
}
/* content styles */
.title {

color: #000;
font-size: 11px;
font-weight:bold;
margin: 8px 8px 10px 2px; 
padding:0;
}
.text {
font-size: 10px;
color: #000;
margin: 8px 0 10px 0; 
padding:0;
}
.textOrange {
font-size: 10px;
color: #FF9900;
margin: 8px 0 10px 0; 
padding:0;
}
.textBold {
font-size: 10px;
color: #000;
font-weight: bold;
margin: 8px 0 10px 0; 
padding:0;
}
h1 {
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}
h1 small {
	display: block;
	font-size: 10px;
	color: #999;
}
.footer{
font-size: 10px;
line-height:27px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
}
img {border: none;}
ul.gallery {
	width: 1180px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 204px;
	height: 184px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 184px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}