/* =============================================================================
   Custom CSS Styles
   ========================================================================== */
   
   
/* Type */

@font-face {
    font-family: 'BebasRegular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h3 {
	color:#ff3531;
	font-weight: bold;
	
}

h4{
	color:#ff3531;
	font-weight:bold;
	font-size:10px;
	
	}
   
   
/* Page Background */   
   
body {
	background: #fff url('../img/template/background.png') repeat-x;
	font-family: 'Karla', sans-serif;
	margin:28px 40px;
	
}

/* Container Wrappers */  

header, section.content {
	width:880px;
	margin:auto;
	clear:both;

	
}

header{
	height:107px;
}

section.content{
	font-size: 0.750em;
}

section.left{
	float:left;
	width:220px;
	margin-right:20px;
	position:relative;
	border-top: 1px solid #808080;	
	
}

aside.global{
	position:relative;
	width:220px;
	color:#999;	
}
	
aside.global h3,
section.right h3.uppercase{
	text-transform: uppercase;
	text-decoration:none;
	margin-bottom: -5px; 
	font-size:1em;
}

section.right h3.uppercase{
	margin-bottom: 30px;
	clear:both; 
}

section.right h3.line{
	border-top:1px solid #000;
	padding-top:15px;
}



aside.global ul, aside.global p{
	margin-left:0;
}

aside.global li{
	list-style: none;
	position:relative;
	left:-20px;
}

section.right{
	float:right;
	width:640px;
	position:relative;
	border-top: 1px solid #808080;	
	
}


a:link {color:#000; text-decoration:none;}    /* unvisited link */
a:visited {color:#000;text-decoration:none;} /* visited link */
a:hover {color:#ff3531;text-decoration:none;}   /* mouse over link */
a:active {color:#ff3531; text-decoration:none;}  /* selected link */



/* Logo Formatting */  

#logo h1{
	float:left;	
	font-family: 'BebasRegular', sans-serif;
	font-size: 1.938em;
	border-top:#000 solid 9px;
	padding-top:11px;
	width:220px;
	margin:0 20px 0 0;
	font-weight: normal;
}





#logo h1 a {
	color:#000;
	text-decoration: none;
	
}

#logo h1 a:hover {
	color:#ff3531;
	text-decoration: none;
	
}


/* Main Navigation */  

nav {
	float:left;
}




h1 .char2 {
vertical-align: top;
margin-left: -2px;
}

h1 .char10 {
vertical-align: top;
}

h1 .char11 {
vertical-align: top;
}

h1 .char12 {
vertical-align: top;
}

h1 .char9 {
vertical-align: top;
margin-left: -1px;
}

h1 .char8 {
vertical-align: top;
margin-left: 5px;
}

h1 .char3 {
vertical-align: top;
}

h1 .char4 {
vertical-align: top;
margin-left: 1px;
}

h1 .char5 {
vertical-align: top;
margin-left: -1px;
}


/* Press Area */

.press-example{
	display:block;
	width: 214px;
	float:left;
	background:none;
	margin-right:20px;
	font-size:.875em !important;
	margin-bottom:50px;
}

.last-item{
	margin:0;
	width:170px;
}

.video-clip{
	width:220px;
}

.online{
	width:100%;
}

.press-example span.title a{
	color:#ff3531;
}

.press-example span.title a:hover{
	color:#000;
}

.press-example .image-set{
	height:140px;
	min-height: 140px;
}

.press-example ul{
	position: relative;
	margin:0;
}

.press-example img{
	vertical-align:top;
}

.press-example a:hover img{
	opacity:.75;
	transition: opacity .5s;
	-webkit-transition: opacity .5s; /* Safari */
}

.press-example img.image-left{
	margin-right:10px;
}

.press-example img.image-right{
	margin-right:0px;
}


