@charset "UTF-8";
/* CSS Document */



/*------------------- css fixes -------------------*/

#content a {
	background: none;
	color: #fff;
	text-decoration: none;
	}
	
#content a:hover {
	background: none;
	color: #fff;
	text-decoration: none;
	}
	
.clear {
	clear: both;
	}


#footer {
	clear: both;
	}



/*------------------- team styles -------------------*/


#team {
	width: 500px;
	float: left;
	padding-bottom: 50px;
	}
	

#team h3 {
	font-size: 13px;
	color: #01a5a3;
	margin: 20px 0 5px 0;
	padding: 0;
	}	
	
#team p {
	margin: 0 0 10px 0;
	}
	
	
#team a {
	background: none;
	}	
	
#pro_team ul {
	width: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
	
#pro_team a * {
	display: none;
	}
	
#pro_team li {
	position: relative;
	}
	
#pro_team a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#pro_team li.over a {
	background-position: 0 -20px !important;
	}
	
#pro_team .none a:hover {
	background-position: 0 -20px !important;
	}
	
#todd_btn {width: 200px; background: url(images/todd.gif) !important;}
#hampus_btn {width: 200px; background: url(images/hampus.gif) !important;}
#tara_btn {width: 200px; background: url(images/tara.gif) !important;}
#louie_btn {width: 200px; background: url(images/louie.gif) !important;}
#chanelle_btn {width: 200px; background: url(images/chanelle.gif) !important;}
#mike_btn {width: 200px; background: url(images/eric_pro.gif) !important;}


#team_blogs ul {
	width: 70px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
	
#team_blogs a * {
	display: none;
	}
	
#team_blogs li {
	position: relative;
	}
	
#team_blogs a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#team_blogs li.over a {
	background-position: 0 -20px !important;
	}
	
#team_blogs .none a:hover {
	background-position: 0 -20px !important;
	}
	
#todd_blog {width: 70px; background: url(images/blog.gif) !important;}
#hampus_blog {width: 70px; background: url(images/blog.gif) !important;}
#tara_blog {width: 70px; background: url(images/blog.gif) !important;}
#louie_blog {width: 70px; background: url(images/blog.gif) !important;}
#chanelle_blog {width: 70px; background: url(images/blog.gif) !important;}


#am_team ul {
	width: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#am_team a * {
	display: none;
	}
	
#am_team li {
	position: relative;
	}
	
#am_team a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#am_team li.over a {
	background-position: 0 -20px !important;
	}
	
#am_team .none a:hover {
	background-position: 0 -20px !important;
	}
	
#am_teddy {width: 200px; background: url(images/teddy.gif) !important;}
#am_tim {width: 200px; background: url(images/tim.gif) !important;}
#am_jason {width: 200px; background: url(images/jason.gif) !important;}
#am_billy {width: 200px; background: url(images/billy.gif) !important;}
#am_sara {width: 200px; background: url(images/sara.gif) !important;}
#am_thomas {width: 200px; background: url(images/thomas.gif) !important;}
#am_maya {width: 200px; background: url(images/maya.gif) !important;}
#am_max {width: 200px; background: url(images/max.gif) !important;}
#am_joel {width: 200px; background: url(images/joel.gif) !important;}
#am_robert {width: 200px; background: url(images/robert.gif) !important;}
#am_billym {width: 200px; background: url(images/billym.gif) !important;}
#am_murray {width: 200px; background: url(images/murray.gif) !important;}
#am_alice {width: 200px; background: url(images/alice.gif) !important;}
#am_brett {width: 200px; background: url(images/brett.gif) !important;}
#am_eric {width: 200px; background: url(images/eric.gif) !important;}
#am_cody {width: 200px; background: url(images/cody.gif) !important;}
#am_dongil {width: 200px; background: url(images/dongil.gif) !important;}
#am_sungwook {width: 200px; background: url(images/sungwook.gif) !important;}
#am_suengwan {width: 200px; background: url(images/suengwan.gif) !important;}
#am_matty {width: 200px; background: url(images/matty.gif) !important;}
#am_javier {width: 200px; background: url(images/javier.gif) !important;}
#am_zak {width: 200px; background: url(images/zak.gif) !important;}
#am_nick {width: 200px; background: url(images/nick.gif) !important;}
#am_alex {width: 200px; background: url(images/alex.gif) !important;}
#am_chad {width: 200px; background: url(images/chad.gif) !important;}
#am_nam {width: 200px; background: url(images/nam.gif) !important;}
#am_tammy {width: 200px; background: url(images/tammy.gif) !important;}
#am_june {width: 200px; background: url(images/june.gif) !important;}
#am_dj {width: 200px; background: url(images/am.gif) !important;}

/*------------------- blog button -------------------*/

#blog {
	background-color: #999999;
	width: 150px;
	height: 20px;
	float: right;
	margin-top: -24px;
	}

#blog ul {
	margin: 0;
	padding: 0;
	position: relative;
	}
	

#blog a * {
	display: none;
	}
	
#blog li {
	display: inline;
	position: relative;
	}
	
#blog a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#blog li.over a {
	background-position: 0 -20px !important;
	}
	
#blog .none a:hover {
	background-position: 0 -20px !important;
	}
	
#blog_btn {width: 150px; float:left; background: url(images/visit_blog.gif) !important;}




/*------------------- sidebar -------------------*/

#sidebar {
	background: url(images/sidebar_bg.gif) no-repeat;
	width: 150px;
	float: right;
	padding: 15px 0 0 0;
	}
	
#sidebar .thumb {
	margin: 5px 15px;
	}
	
#sidebar_btm {
	background: url(images/sidebar_btm.gif) no-repeat;
	width: 150px;
	height: 20px;	
	}