body {
	margin: 0;
	padding: 0;
	background: url(../images/bg-top.jpg) repeat-x;
	background-color: #a3af7b;

}



#header {
  text-align: center;
  color: #256ea8;
  }



#content #main {
	  width: 940px !important;
}

#waterloolabs {
	margin: 50px auto 50px;
	text-align: center;
}


#waterloolabs .waterloo-buttons {
	margin-left: 10px;;
	display: inline-block;
	height: 160px;
	width: 220px;
	text-decoration:none;
	
	background-image: url(../images/buttons_background.jpg);
}


.ui-state-hover h2, 
.ui-state-hover h3,
.ui-state-hover {
	text-decoration:none;
}
		


.center {
	margin: 0 auto 0 auto;
	text-align: center;
}



a.fg-button,
bottom-buttons {
	display: inline-block;
	float: none;
	font-size: 1.5em;
	margin:  5px;
	padding: 0 15px 0 15px;
	text-decoration: none;
}


.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -15px;}

#follow {
	margin-top: 15px;
}

#follow a{
	text-decoration: none;
	display: block;
	font-size:  1.5em;
	float: left;
	color: white;

	}
	
	
#follow a:hover {
	color: #A3AF7B;
	
}

#follow div {
	margin-top: 5px
}

#follow div.span-6.last a img {
	float: left;
	padding-right: 5px;
}
	
.bottom-buttons {	
	display: inline-block;
	height: 100px;
	width: 280px;
	margin:  50px 10px 10px 10px;
	text-decoration: none;
	padding: 0;
}

.more-videos {
	margin-top: 45px;
	margin-left: -33px;
	width: 255px;
	overflow:auto;
	border: 1px solid black;
	background-color: white;
}



 a.bottom-buttons img {
	padding: 5px;
	float: left;
}

.bottom-buttons h2 {
	margin-top: 30px;
}


button {
	cursor: pointer;
}





#tweet ul li {
	list-style-type: none;
	margin: 10px 5px 10px 5px;
}

#tweet span.prefix {
	font-weight: bold;
	margin-left: -20px;
}

#tweet span.status {
	margin-left:
		
}

#tweeter {
	margin: 0 auto 0 15px;
	text-align: center;
}

ul li div {
	float: right;
}

p.date {
	margin: 0 0 0 20px;
	display: inline-block;
}





#homepage div.twit-blog a{
	color: #c2ca7c;
}

#homepage div.container {
	color: #cdcdcd;
}
a.white {
	color: white;
}

a.white:hover {
	color: wheat;
}

#about p, 
#about h1, 
#about h2,
#about h3,
#about h4
 {
	text-align: left;
}

#about {
	padding: 30px;
}


.wrapper {
	height: 100%;
	width: 100%;

}

 div.corner{
		margin: 0px auto 0 auto;
	height: 30px;
	background-color: white;
	background: url(../images/white-top.png) no-repeat;
    z-index:99;
    width: 800px;

}

#main-wll {
	background-color: white;
	padding-bottom: 170px;
	width: 800px;
	margin-top: -20px;
}

.center-main-wll h2 {
margin-bottom: 0;
padding-bottom: 0;	
}


.awesome {
	position: relative;
	top: -50px;
	left:  -30px;
	height: 95px;
	width: 95px;
	background-image: url(../images/awesome.png);
}

.skyline {
	margin-top: -220px;
	height: 130px;
	background: url(../images/skyline.png) repeat-x;
}

div.social {
	margin: 10px 0 30px 0;
}


.footer {
	margin-top: -1px;
	background-color: #4e4a21;
}


.footer a {
color: #abb680;	
}


.gears {
	background: url(../images/gears.jpg) no-repeat;
	margin: -80px 0;
	padding: 40px 0;
}




#nav-buttons {
	font-size: 1.5em;
	float: right;
	width: 465px;
	margin:  -65px 0;
	text-align: right;
}

#nav-buttons a{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-family: serif;
	margin: 0 12px 0;
	padding: 0 10px 0 10px;
}



#nav-buttons a:hover {
	color:  #6b7548;
	font-weight: bold;
	background:  url(../images/back-gear.jpg) no-repeat;
}

#nav-buttons img {
	float: right;
	margin: -10px 0;
}


.explain {
	width: 590px;
	text-align: left;
	color: black;
	
}


div.youtube {
	height: 470px;
	width: 600px;
}

.center-main-wll {
	color: black;
	text-align: left;
	margin:  10px auto 80px auto;
	padding: 5px;
	width: 640px;
	background-color: white;
}

.white {
	background-color: white;
}

.copyright a {
	color: white;
}

a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
}

.image-player-wrapper {
	width: 640px;
	height: 360px;
	background: url(../images/loading.gif) no-repeat 27em;
}

.twit-blog {
		color: white;

}