/* Ratio Layout CSS */

#wrapper {
	width:907px;
	position:relative;
	left:50%;
	margin-left:-453px;
	
}
 
 #bg_image {
 width:1494px;
 position:relative;
	left:50%;
background:url(../images/bg1.jpg) top left no-repeat;
margin-left:-747px;

}


 #bg_image2 {
 width:1499px;
 position:relative;
	left:50%;
background:url(../images/bg2.jpg) top left no-repeat;
margin-left:-749px;

}


 #bg_image3 {
 width:1499px;
 position:relative;
	left:50%;
background:url(../images/bg3.jpg) top left no-repeat;
margin-left:-749px;

}



 #bg_image4 {
 width:1499px;
 position:relative;
	left:50%;
background:url(../images/bg4.jpg) top left no-repeat;
margin-left:-749px;

}


 #bg_image5 {
 width:1499px;
 position:relative;
	left:50%;
background:url(../images/bg5.jpg) top left no-repeat;
margin-left:-749px;

}


#nav_bg
{
	
	position:absolute;
	left: -202px;
	height:55px;
	top:151px;
	width:1300px;
	background-image: url(../images/nav_bg.png);
}


#nav_bg2
{
	z-index:4;
	position:absolute;
	left: -310px;
	height:55px;
	top:151px;
	width:1500px;
	background-image: url(../images/nav_bg2.png);
}


/* banner area*/	

#branding {
	height:207px;
	margin: 0 0 0 0;
}

#logoarea {
	float:left;
	background:url(../images/logo.png) no-repeat;
	width: 222px;
	height: 114px;
	margin: 20px 0 0 0px;
}

#straparea {
	float:right;
	width:293px;
	height:51px;
	margin:20px 0 0 30px;
}

#bannerarea {
	width: 812px;
	background-image:url(../images/banner.jpg);
	height:281px;
}
	

/* content*/


#content {
	
	width:100%;
	min-height:400px;

	
}


#content_left {
background-image:url(../images/bg_content.png);
	width:477px;

	float:left;
	padding:20px;
	margin:30px 0 0 0;
		min-height:400px;
	height:400px;
}



#contact2 a {
background-image:url(../images/nav_contact2.jpg);
	height: 49px;
	display: block;
	overflow: hidden;
	text-indent:-5000px;
	outline:none;
	width:304px;
	
}

#contact2 a:hover {
	background-position: 0 -49px;

}



/* right panel*/	
	
	
#content_right {
background-image:url(../images/bg_content2.png);
	width:317px;
	float:right;
padding:20px;
	margin:30px 0 0 0;
	min-height:400px;
	height:400px;
}




/* footer panel with ie 6 hacks*/
	
	
#footer {
background-image:url(../images/bg_foot.png);
	width:1300px;
	
	height:50px;
	padding-top:10px;
	clear:both;
}


#footer_left {
	
	width:200px;
	text-align:left;
	float:left;
	margin-left:220px;
		padding-top:10px;
}



#footer_right {

	width:150px;

	float:right;
	text-align:right;
	margin-left:1px;
	margin-right:210px;
	padding-top:10px;
}


#contact_bg {
padding:5px;

	background-repeat:repeat-x;
	
}


#side_bg {
padding:5px;
background-image:url(../images/bg_logo.png);
	background-repeat:repeat-x;
	height:200px;
}


*html #side_bg {
background-image:url(../images/bg_logo.jpg);
padding:5px;
background-image:none;
	background-repeat:repeat-x;
	height:200px;
}



/* floats for body images if needed*/

	
#left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#right {
	float:right;
	width:630px;
}