@charset "UTF-8";
/* CSS Document */


* {
    margin: 0;
	padding: 0;
}

html, body {
    margin: 0;
    height: 100%;
    padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #666666;
	background:#000 url(images_new/background.jpg) top center no-repeat;
}

img {
	border: 0;
}

/* ******** BEGIN BASIC SITE STRUCTURE ******** */

#pageWrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;

	
}

#page {
	clear: both;
	width: 795px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
		margin: 0 auto;
		padding: 97px 0 0 0;
}

#logo_red {
	position:relative;
	display:block;
	width:795px;
	left:0px;
	top:0px;
	background:#000 url(images_new/banner_red.gif) top right no-repeat;
	
	
}

#logo_blue {
	position:relative;
	display:block;
	width:795px;
	left:0px;
	top:0px;
	background:#000 url(images_new/banner_blue.gif) top right no-repeat;
	
	
}

#logo_orange {
	position:relative;
	display:block;
	width:795px;
	left:0px;
	top:0px;
	background:#000 url(images_new/banner_orange.gif) top right no-repeat;
	
	
}

#logo_green {
	position:relative;
	display:block;
	width:795px;
	left:0px;
	top:0px;
	background:#000 url(images_new/banner_green.gif) top right no-repeat;
	
	
}

#logo_purple {
	position:relative;
	display:block;
	width:795px;
	left:0px;
	top:0px;
	background:#000 url(images_new/banner_purple.gif) top right no-repeat;
	
	
}

#bannertop {
	position:relative;
	display:block;
	float:right;
	top: 0px;
	right:0px;
	
}

#nav {
	display:block;
	position:absolute;
	width: 575px;
	height: 25px;
	top:186px;
	padding: 0 0 0 220px;
	z-index:100;
	

}

#subnav {
	position: relative;
	width: 150px;
	height: 300px;
	top: 70px;
	left:40px;
	z-index:110;
	
}
	
#bkbodytop {
	display:block;
	position:absolute;
	width:795px;
	height:108px;
	background: transparent url(images_new/topborder.gif) no-repeat top;
	z-index:6;
	
	
}

#content_a {
	
	display:block;
	position:relative;
	width:795px;
	height: 527px;
	background:#FFF url(images_new/why_bg.jpg) bottom right no-repeat;
	z-index:5;
}

#content_b {
	
	display:block;
	position:relative;
	width:795px;
	height: 527px;
	background:#FFF url(images_new/who_bg.jpg) bottom right no-repeat;
	z-index:5;
}

#content_c {
	
	display:block;
	position:relative;
	width:795px;
	height: 527px;
	background:#FFF;
	z-index:5;
}

#content_d {
	
	display:block;
	position:relative;
	width:795px;
	height: 527px;
	background:#FFF url(images_new/what_bg.jpg) bottom right no-repeat;
	z-index:5;
}


#content_e {
	
	display:block;
	position:relative;
	width:795px;
	height: 527px;
	background:#FFF url(images_new/how_bg.jpg) bottom right no-repeat;
	z-index:5;
}

#content_area1 {
	
	display:block;
	position:absolute;
	width:540px;
	height: 380px;
	top: 30px;
	left:250px;
	z-index: 50;
	
}

#content_area1 p {
	padding: 7px 0 0 7px;
}

#content_area2 {
	
	display:block;
	position:absolute;
	width:540px;
	height: 500px;
	top: 30px;
	left:250px;
	z-index: 50;
	
}

#content_area2 p {
	padding: 7px 0 0 7px;
}

#content_area3 {
	
	display:block;
	position:absolute;
	width:600px;
	height: 500px;
	top: 30px;
	left:190px;
	z-index: 50;
	
}

#content_area3 p {
	padding: 7px 0 0 7px;
}

#contact {
	display:block;
	position:absolute;
	width: 177px;
	height:114px;
	bottom: 0px;
	background:url(images_new/contact_bk.gif) no-repeat ;

}

.contact_text {
	display:block;
	position:relative;
	line-height: 12px;
	padding: 33px 0 0 57px;
	color:#FFF;
	font-size:9px;
	
}

#contact a {
	text-decoration:none;
	color:#FFF;
	font-size:9px;
	padding: 0px 0 0 0px;
}

/* ******** BEGIN NAVIGATION STYLES ******** */

#nav ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0 0 0;
	font-family:'Myriad Pro', Arial, Helvetica;
	font-size: 14px;
	text-transform:uppercase;

}

#subnav ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0 0 0;

}

#nav li  {
	display: inline;
	float:left;

}

#nav li a {
	display:inline-block;
		padding: 5px 35px 5px 35px;
color: #d1d1d1;
text-decoration: none;

	
}

#nav a:visited {
	display: inline-block;
	padding: 5px 35px 5px 35px;
    color: #d1d1d1;
	text-decoration: none;
    }  
  
#nav a:hover, #nav a:active,  
li.current_page_parent a,  
li.current_page_parent a:visited,  
#nav li.current_page_item a,  
#nav li.current_page_item a:visited  
        {  
		display: inline-block;
		padding: 5px 35px 5px 35px;
        color: #777;
	    text-decoration: none;
    }  

#subnav ul {
	margin: 0 0 0 0;
}

#subnav li {
	display: block;
	padding:  0 0 15px 0;
}



#subnav a:visited {
	color: #999999;
	text-decoration: none;
}

#subnav a:link, a:active, a:focus{
	color: #999999;
	text-decoration: none;
}

#nav a:hover {
	color: #777;
}

#subnav a:hover {
	color: #000;
}

.grid {
	padding: 15px 0 0 0px;
}


.grid table
{
	border: 0px solid white;
	padding: 0px 0 0 0px;	
	
}

.grid td
{
	display:inline-block;
	border: 10px solid white;
	background: #ccc;
	width: 40px;
	height: 40px;

	
}



#web1
{
	float:right;
}

.audio {
	padding: 15px 0 0 0px;
}

.audio table {
	border: 0px solid black;
	padding: 0px 0 0 0px;	
}

.audio td
{
	border: 10px solid white;
	background: #fff;
	
}

.audio a   {
	text-decoration:none;
	color:#333;
}

.audio a:hover   {
	text-decoration:none;
	color:#blue;
}

a.active {
	color:#blue;
	
	}
