.branding {width:760px;margin:auto}
.branding {height:70px;text-align:left}
.branding .floatL{padding-left:10px}
.branding .floatL img{margin-top: 10px;}
.branding .floatR img{margin-top: 25px;}
.floatL {float:left}
.floatR {float:right}
img {border: 0;}

#top 	{
	position:absolute; 
	width:355px; 
	height:68px; 
	z-index:0; 
	left: 0px; 
	top: 0px; 
	background-image:  url("images/top_index.jpg"); 
	layer-background-image:  url(images/top_index.jpg); 
	overflow: hidden;
	}

#logo a {
	display:block;
	position:absolute; 
	width:216px; 
	height:54px; 
	z-index:4; 
	left: 11px; 
	top: 7px;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-decoration: none;
	}

#prodbtn a {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:355px; 
	top: 0px;
	background: url("images/top_prod.jpg") 0 0 no-repeat;
	text-decoration: none;
	}

#prodbtn a:hover {	
   	background-position: -140px 0;
	}

#prodbtn a:active {	
  	background-position: -280px 0;
	}

#prodbtn_on {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:355px; 
	top: 0px;
	background: url("images/top_prod.jpg") 0 0 no-repeat;
	text-decoration: none;
  	background-position: -280px 0;
	}

#devbtn a {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:495px; 
	top: 0px;
	background: url("images/top_dev.jpg") 0 0 no-repeat;
	text-decoration: none;
	}

#devbtn a:hover {	
   	background-position: -140px 0;
	}

#devbtn a:active {	
  	background-position: -280px 0;
	}

#devbtn_on {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:495px; 
	top: 0px;
	background: url("images/top_dev.jpg") 0 0 no-repeat;
	text-decoration: none;
  	background-position: -280px 0;
	}

#aboutbtn a {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:635px; 
	top: 0px;
	background: url("images/top_about.jpg") 0 0 no-repeat;
	text-decoration: none;
	}

#aboutbtn a:hover {	
   	background-position: -140px 0;
	}

#aboutbtn a:active {	
  	background-position: -280px 0;
	}

#aboutbtn_on {
	display:block;
	position:absolute; 
	width:141px; 
	height:68px; 
	z-index:5; 
	left:635px; 
	top: 0px;
	background: url("images/top_about.jpg") 0 0 no-repeat;
	text-decoration: none;
  	background-position: -280px 0;
	}

#contactbtn a {
	display:block;
	position:absolute; 
	width:128px; 
	height:68px; 
	z-index:5; 
	left:775px; 
	top: 0px;
	background: url("images/top_contact.jpg") 0 0 no-repeat;
	text-decoration: none;
	}

#contactbtn a:hover {	
   	background-position: -128px 0;
	}

#contactbtn a:active {	
  	background-position: -256px 0;
	}

#contactbtn_on {
	display:block;
	position:absolute; 
	width:128px; 
	height:68px; 
	z-index:5; 
	left:775px; 
	top: 0px;
	background: url("images/top_contact.jpg") 0 0 no-repeat;
	text-decoration: none;
  	background-position: -256px 0;
	}

#circles {
	display:block;
 	position:absolute; 
	width:419px; 
	height:394px; 
	z-index:3; 
	left:4px; 
	top: 70px;
	background: url("images/circles_top.jpg") 0 0 no-repeat;
}
  
#circles2 {
	display:block;
 	position:absolute; 
	width:419px; 
	height:394px; 
	z-index:3; 
	left:480px; 
	top: 160px;
	background: url("images/circles.jpg") 0 0 no-repeat;
}


#mid {
	width:904px;
	display:block;
	height:489px;
	z-index:0;
	background-image: url("images/mid.jpg");
	background-repeat: repeat-;
	align:left; 
	position:relative;
}

#horiz_line {
	width:904px;
	display:block;
	z-index:0;
	background-image: url("images/horiz_line.jpg");
	position:relative;
	height:1px; 
	left: 0px; 
	top: 0px;
	font-size: 1pt;
	font-size: 1px;
	overflow: hidden;
}

#lower_area {
	width:904px;
	display:block;
	z-index:0;
	background-image: url("images/lower.jpg");
	background-repeat: repeat;
	position:relative;
	height:135px; 
	left: 0px; 
	top: 0px;
}

#bottom_area {
	width:904px;
	display:block;
	z-index:0;
	background-image: url("images/bottom.jpg");
	position:relative;
	height:16px; 
	left: 0px; 
	top: 0px;
}

.text1 {
	font-family: Verdana;
	font-size: 11pt;
	font-style: normal;
	font-weight: 550;
	color: #525252;
}
.heading {
	font-family: "Arial Black";
	font-size: 15pt;
	font-weight: bolder;
	color: #3964b2;
}
.text2 {

	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	font-weight: 500;
	color: #525252;
}
.navtext {
	font-family: Verdana;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #f7f7f7;
	border-top: none;
	border-bottom: none;
	border-left: none;
	text-decoration:none;
	
}
.navtext a:link {
	color: #f7f7f7;
	font-weight: bold;
	text-decoration: none;
}

a:hover.navtext 
{
	text-decoration: underline;
}

.navtext a:visited {

	color: #f7f7f7;
	text-decoration: none;
}

.navtext2 {
	font-family: Verdana;
	font-size: 11pt;
	font-style: normal;
	font-weight: 550;
	color: #F69642;
	border-top: none;
	border-bottom: none;
	border-left: none;
	
}
.navtext2 a:link {
	color: #F69642;
	font-weight: 550;
	text-decoration: none;
}
.navtext2 a:visited {

	color: #EBAE79;
	font-weight: normal;
	text-decoration: none;
}

.navtext3 {
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #F69642;
	border-top: none;
	border-bottom: none;
	border-left: none;
	
}
.navtext3 a:link {
	color: #F69642;
	font-weight: bold;
	text-decoration: none;
}
.navtext3 a:visited {

	color: #EBAE79;
	font-weight: bold;
	text-decoration: none;
}
.heading2 {

	font-family: "Arial Black";
	font-size: 12pt;
	font-weight: bolder;
	color: #3964b2;
}
.text1bold {

	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: 700;
	color: #140B6A;
}
.text1boldwhite a:link{

	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: normal;
	font-weight: 700;
	color: #ffffff;
	text-decoration:none;
}
.text1boldwhite a:visited{

	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: normal;
	font-weight: 700;
	color: #ffffff;
	text-decoration:none;
}
.text1boldgrey {

	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
	font-weight: 700;
	color: #525252;
}
.text3 {

	font-family: Verdana;
	font-size: 75%;
	font-style: normal;
	font-weight: 400;
	color: #222222;
}

.text4 {

	font-family: Trebuchet MS, Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #1063a9;
}

.text5 {

	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #222222;
}
.centered {
	position: relative; 
	margin: auto;
	width: 904px;
	padding: 0px;
	top:20px;
	-webkit-text-size-adjust:none;
} 
.bg_image {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}

body
{
background-color:#ffffff;
}

