@charset "utf-8";
/* 

Project: Tri-Color
URL: http://www.tricolorusa.com
Author: Loukas Williams
Version: 1.0
Date: Jan 2010

*/

/* 
COLORS:
orange - f21d16 fd330e
maroon - 42161a 561d22
blue - 0f9796 00a6a7
*/


body {
/*	background:#fd330e; */
	background:url('../images/bg.png') repeat-y top center #fd330e;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:0px;
	margin:0px;
	color:#00a6a7;
}

p {
	margin:4px 0px;
	padding:0px;
}

a {
	color:#fd330e;
	text-decoration:none;
}

#super_wrapper {
	/*position:absolute;
	top:0px;
	left:0px;*/
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background:transparent;



}

.header {
	width:615px;
	height:175px;
	/*border-bottom:1px solid #00a6a7;*/
	padding:10px 0px 5px 0px;
	margin:10px 0px 0px 20px;
	float:left;
}

.logo {
	width:283px;
	height:43px;
	display:block;
	margin:0px;
	padding:0px;
}

.hr {
	width:630px;
	height:1px;
	padding:0px;
	margin:5px 0px;
	border-bottom:1px solid #00a6a7;
}

.hr_top {
	width:690px;
	height:1px;
	padding:0px;
	margin:5px 0px;
	border-bottom:1px solid #00a6a7;
}


.nav {
	width:283px;
	font-family:"Courier New", Courier, monospace, arial, sans-serif;
	color:#42161a;
}
	
.nav a  {
	border-bottom:1px solid #00a6a7;
	display:block;
	width:283px;
	height:20px;
	margin:0px;
	padding:3px 0px 0px 0px;
	float:left;
	color:#561d22;
	text-decoration:none;
	outline:none;
}	

div.preload {
	display:none;
}

a.mission_statement {
	background:url(../images/mission_statment.png) no-repeat bottom left;
}
a.mission_statement:hover, .mission_statement_active {
	background:url(../images/mission_statment_over.png) no-repeat bottom left;
}

a.contact {
	background:url(../images/contact.png) no-repeat bottom left;
}
a.contact:hover, .contact_active {
	background:url(../images/contact_over.png) no-repeat bottom left;
}

a.team {
	background:url(../images/team.png) no-repeat bottom left;
}
a.team:hover, .team_active {
	background:url(../images/team_over.png) no-repeat bottom left;
}

a.what {
	background:url(../images/what.png) no-repeat bottom left;
}
a.what:hover, .what_active {
	background:url(../images/what_over.png) no-repeat bottom left;
}


.nav a:hover {
	color:#00a6a7;
}

.fbook {
	width:32px;
	height:31px;
	margin:10px 10px 0px 0px;
	padding:0px;
	display:block;
	float:left;

}
a.fbook_btn {
	width:32px;
	height:31px;
	background:url(../images/btn_fbook.gif) no-repeat 0px 0px;
	border:none;
	outline:none;
	padding:0px;
	margin:0px;
	display:block;
}

a.fbook_btn:hover {
	background:url(../images/btn_fbook_over.gif) no-repeat 0px 0px;
}

.twitter {
	width:34px;
	height:31px;
	float:left;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px;
}
	
a.twitter_btn {
	width:34px;
	height:31px;
	background:url(../images/btn_twitter.gif) no-repeat 0px 0px;
	border:none;
	outline:none;
	padding:0px;
	margin:0px;
	display:block;
}

a.twitter_btn:hover {
	background:url(../images/btn_twitter_over.gif) no-repeat 0px 0px;
}

.orange {
	color:#f21d16;
}
.maroon {
	color:#561d22;
}
.blue, a.orange:hover {
	color:#00a6a7;
}

.qa {
	background:#00a6a7;
	color:#fff;
	padding:1px 2px;
	margin:0px;
	font-size:11px;
}

.qa:hover {
	background:#f21d16;
}


.audio_wrapper {
	width:1065px;
	height:20px;
	margin:0px auto;
	padding:0px;
	text-align:right;
	display:block;
}

.audio_plyr {
	width:90px;
	height:20px;
	line-height:20px;
	float:right;
	margin:0px 13px 0px 0px;
	padding:2px 0px 0px 0px;
	display:block;
	background:#561d22;
	outline:none;
}
span.ivee a {
	text-decoration:underline;
}
span.ivee, span.ivee a {
	color:#561d22;
	font-size:11px;
}
span.ivee {	
	line-height:20px;
	display:inline;
	margin:0px;
	height:20px;
	padding:20px 10px 4px 0px;
	width:270px;
}

object {
	outline:none;
}

/* pages begin */

.contact_info {
	width:615px;
	border-top:1px solid #00a6a7;
	border-bottom:1px solid #00a6a7;
	padding:7px 0px 7px;
	margin:9px 0px 0px 20px;
	float:left;
	line-height:16px;
}
.what_info_top {
	width:690px;
	height:180px;
	/*border-bottom:1px solid #00a6a7;*/
	border-top:1px solid #00a6a7;
	padding:7px 0px 0px 0px;
	margin:10px 0px 0px 20px;
	float:left;
	font-size:12px;
}
.what_info_top2 {
	width:690px;
	height:20px;
	/*border-bottom:1px solid #00a6a7;*/
	border-top:1px solid #00a6a7;
	padding:7px 0px 0px 0px;
	margin:10px 0px 0px 20px;
	float:left;
	font-size:12px;
}

.what_info {
	width:630px;
	height:205px;
	/*border-bottom:1px solid #00a6a7;
	border-top:1px solid #00a6a7;*/
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	float:left;
	font-size:12px;
}

.mission_info {
	width:630px;
	height:305px;
	/*border-bottom:1px solid #00a6a7;
	border-top:1px solid #00a6a7;*/
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
/*	font-size:12px;*/
}

.mission_info_top {
	width:630px;
	height:107px;
	/*border-bottom:1px solid #00a6a7;*/
	border-top:1px solid #00a6a7;
	padding:0px;
	margin:9px 0px 0px 20px;
	float:left;
/*	font-size:12px;*/
}

.contact_container, .mission_container, .team_container, .what_container {
/*	position:absolute;
	top:70px;
	left:175px;*/
	width:1050px;
	height:675px;
	margin:0px auto 0px 0px;
	padding:0px;
/*	background-color:#ccc;*/
	background:transparent;
}

.contact_container_out, .mission_container_out, .team_container_out, .what_container_out {
/*	position:absolute;
	top:70px;
	left:175px;*/
	width:1061px;
	height:706px;
	margin:70px auto 0px;
	padding:6px;
/*	background-color:#ccc;*/
	background:url(../images/drop_shadow.png) no-repeat 0px 0px;
}

.team_wrapper {
	width:750px;
	height:460px;
	margin:9px 0px 0px 20px;
	padding:0px;
	float:left;
}
.team_q {
	width:205px;
	height:40px;
	margin:140px 0px 0px 0px;
	padding:10px 0px 5px;
	border:1px solid #ccc;
	text-align:center;
}

.team_emp_top {
	width:207px;
	height:192px;
	border-top:1px solid #00a6a7;
	margin:0px 33px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
}

.team_emp{
	width:207px;
	height:202px;
	border-top:1px solid #00a6a7;
	border-bottom:1px solid #00a6a7;
	margin:0px 33px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
}

.team_emp_none{
	width:207px;
	height:202px;

	margin:0px 10px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
}

.team_img {
	width:185px;
	height:115px;
	margin:0px 0px 5px 0px;
	padding:10px;
	border:1px solid #ccc;
}



.contact_container {
	background:url('../images/contact_bg.jpg') no-repeat 0px 0px #fff;
}

.mission_container {
	background:url('../images/mission_bg.jpg') no-repeat 0px 0px #fff;
}

.team_container {
	background:url('../images/team_bg.jpg') no-repeat 0px 0px #fff;
}

.what_container {
	background:url('../images/what_bg.jpg') no-repeat 0px 0px #fff;
}

.team_popup {
	background:url(../images/bg_team_popup.png) no-repeat 0px 0px;
}


.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}