/*
 * FA Respect - are you losing it?
 * Yaw Dako, clinic.co.uk
 *
*/

/*
-------------------------------------------------------------- 
YAHOO RESET 
-------------------------------------------------------------- 
*/ 
 
@import url('reset.css'); 


/*
-------------------------------------------------------------- 
GENERAL SYTLES
-------------------------------------------------------------- 
*/

html, 
body { height:100%; }

body { background:#666; color:#FFF; font-size:62.5%; font-family:arial, verdana, tahoma, sans-serif; line-height:1; margin:0; padding:0; } 

.wrapper { background:#000; margin:0 auto; width:960px; }
h2 { font-size:200%; font-weight:bold; line-height:1.5; }
h4 { font-size:140%; font-weight:bold; line-height:1.5; margin-bottom:7px; }
p { color:#FFF; padding-bottom:10px; line-height:1.3; }
a { color:#FFF; }
.middle-column p { font-size:140%; }
ul { font-size:120%; }
.copy ul li { list-style:circle; margin-left:20px; line-height:1.2; }
ul li { margin-bottom:10px; }

.outer-column { float:left; width:220px; }
.middle-column { float:left; width:520px; }
.two-column { float:left; width:410px; margin-left:46px; padding-bottom:5px; }
.two-column h2 { background:#dc011f; color:#FFF; padding-left:10px; margin-bottom:7px;  }

.videoPlayers { background:#141414; padding:15px 0; }
.video { margin-bottom:7px; }
.media-links { background:#3f3f3f; margin-bottom:7px; }
.media-links input { color:#999; background:#3f3f3f; border:0; font-family:Arial, Helvetica, sans-serif; font-size:110%; padding:5px 5px 5px 5px; }
.media-links input.bright-cove { width:280px; }
.media-links input.you-tube { width:300px; }
.media-links img { border-right:7px solid #141414; float:left; }
.media-links pre { font-size:140%; color:#999; padding-left:10px; position:relative; top:8px; left:10px; overflow:hidden; }

.content { padding:35px 0; }

.download { background:#141414; padding:10px 15px; line-height:1.3; }
.download ul li { float:left; margin:0 20px 10px 0; }
.download ul li img { margin-bottom:10px; display:block; }

.foot-note { padding-top:35px; } 
.badge { text-align:right; vertical-align:bottom; }

h4 {  }

/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clearfix{ height: 1%; }
.clearfix { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/