@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
	background-image: url(images/strip.gif);
	background-repeat: repeat-x;
	background-position: 0 334px;
}
#container {
	width: 934px;  
	margin: 0 auto; 
	text-align: left;
	color: #ffffff;
}
#header {
	padding: 0;
	margin-top: 71px;
	height: 263px;
	background-image: url(images/grid.png);
	background-repeat: no-repeat;
	background-position: -5px bottom;
}
#header h1 {
	margin: 0;
	padding: 0; 
}

.img {padding: 0; margin: 0; margin-left: -40px;}
.img:a {padding: 0; margin: 0;}

#mainContent {
	padding: 0; 

}

.mainContentheader {
	height: 75px;
	background-image: url(images/contenthead.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#bigcol {float: left; width: 545px; padding: 0 5px 0 5px; height: 430px;}

#smallcol{
	float: right;
	width: 360px;
	padding: 0 5px 0 5px;
	height: 500px;
}

 #footer {
	padding:10px;
	border-top:thin #2c2c2c solid;
	float: left;
	width: 100%;
	color: #2c2c2c;
	font-size: x-small;
	margin-top: 20px;
	margin-bottom: 60px;
}
 #footer p {
	margin: 0;
	padding: 10px 0;
}

.videoslide {text-align:center; height: 350px; width: 920px; margin: 0; margin-left: -40px;}

.emphasis {color: #f8c100;}
.deemphasis {color: #2c2c2c;}

 h3  {font-family: Arial, Helvetica, sans-serif; font-size: .9em; text-transform: uppercase; font-weight: normal; margin: 0; text-decoration: none; color: #ffffff;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; margin: 0; line-height: 1em; color: #f8c100; letter-spacing: -0.05em; text-decoration: none;}
 h2 a:link{ text-decoration: none; color:#f8c100; padding: 5px;}
 h3 a:link{ text-decoration: none; color: #ffffff; padding: 5px;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 3em; text-transform: uppercase; font-weight: bold; margin: 0; line-height: 0.97em;}

#twitter_div {font-size: 0.8em;}

ul#twitter_update_list {
	list-style: none;
	color: #ffffff;
	font-size: 0.9em;
	line-height: 1.3em;
}

ul#twitter_update_list li {
	color: #ffffff;
	margin-bottom: 0px;
	list-style: none;
	font-size: 0.9em;
	border-bottom: 8px #2c2c2c solid;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

ul#twitter_update_list li a { color: #ffffff; font-weight: bold; text-decoration: none;}

a:hover {background-color: #f8c100; color: #000000 !important;}
a:visited {text-decoration: none; color: #f8c100;}

.entry {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 0.9em; line-height: 1.5em;}

#textSlide {
	color:#000000;
	line-height: 1.4em;
	padding-top: 30px;
	padding-right: 400px;
	padding-bottom: 50px;
	padding-left: 50px;
	background-image: url(images/forwardbig.png);
	background-repeat: no-repeat;
	background-position: 457px top;
	margin: 0px;
	height: 350px;
}

.flick {background: #2c2c2c; height: 130px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 70px; padding-left: 8px; padding-top: 16px;}

.footerimage {word-spacing: 1.2em; margin-left: 18px;}
.imgf {margin-left: 10px; text-align:center;}
img, a, a:hover{border: 0; margin: 0; padding: 0; color:none; text-decoration:none !important;}
a{-webkit-transition: color .6s linear; -moz-transition: color .6s linear; padding: 5px;}
a:hover{-webkit-transition: color .4s ease; -moz-transition: color .4s ease; padding: 5px;}
a:visited{-webkit-transition: color .4s ease; -moz-transition: color .4s ease; padding: 5px;}


/*rotating stuff */

.rotate {
	z-index: -2;
	margin:auto;
-webkit-animation-name: spin;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 11s;
}

@-webkit-keyframes spin {
from {
	-webkit-transform: rotate(0deg);
	}

to {
	-webkit-transform: rotate(360deg);

	}
}


/*------------------------------------*\
  CHART
\*------------------------------------*/
#chart{
  width:600px;
  
}
#chart dt{
  width:200px;
  float:left;
  margin:0 10px 5px 0;
  padding:2px 0;
  display:inline;
  font-weight:bold;
  text-align:right;
  color: #000;
  text-transform:uppercase;
  font-size: 2em;
}
#chart dd{
  width:300px;
  float:left;
  margin-bottom:5px;
  display:inline;
 
}
#chart dd span{
  color:#f8c100;
  text-align:center;
  padding:2px 0;
  display:block;
  background: #2c2c2c;
}
#data-one{
  width:60%;
  height: 30px;
}
#data-two{
  width:30%;
  height: 30px;
}
#data-three{
  width:10%;
  height: 30px;
}

 #data-four{
  width:100%;
  height: 30px;
}
#data-one{
  -webkit-animation-name:bar-one; /* Give the bar an animation with a
    unique name */
}
#data-two{
  -webkit-animation-name:bar-two; /* Give the bar an animation with a
    unique name */
    -moz-transition-name:bar-two; /* Give the bar an animation with a
      unique name */
    
}
#data-three{
  -webkit-animation-name:bar-three; /* Give the bar an animation with a
    unique name */
    -moz-transition-name:bar-three; /* Give the bar an animation with a
      unique name */
    
}

#data-one,#data-two,#data-three{ /* Define animation styles for all three
    bars at once */
  -webkit-animation-duration:1.5s; /* Animation duration in seconds */
  -webkit-animation-iteration-count:1; /* Amount of times to loop */
  -webkit-animation-timing-function:ease-out; /* Ease in, out etc. */
  -moz-transition-duration:1.5s; /* Animation duration in seconds */
  -moz-transition-iteration-count:1; /* Amount of times to loop */
  -moz-transition-timing-function:ease-out; /* Ease in, out etc. */
}
@-webkit-keyframes bar-one{
  0%{ /* Define bar-one styles at 0% (0 seconds) */
    width:0%;
  }
  100%{ /* Define bar-one styles at 100% (0.5 seconds) */
    width:60%;
  }
}
@-webkit-keyframes bar-two{
  0%{ /* Define bar-two styles at 0% (0 seconds) */
    width:0%;
  }
  100%{ /* Define bar-two styles at 100% (0.5 seconds) */
    width:30%;
  }
}
@-webkit-keyframes bar-three{
  0%{ /* Define bar-three styles at 0% (0 seconds) */
    width:0%;
  }
  100%{ /* Define bar-three styles at 100% (0.5 seconds) */
    width:10%;
  }
}