/* CSS Document */

body{
	margin:				0px;
	padding:			45px 0px 15px 0px;
	background:			url("../images/bg.gif") top left repeat #FFFFFF;
	font-family:		arial;
	text-align:			center;
	}

.clear{
	clear:				both;
	}

/*Wrap around the page */

#wrap{
	width:				760px;
	margin:				0px auto;
	text-align:			left;
	}
	
/*banner*/	
	
#ban{
	width:				760px;
	height:				115px;
	background:			url("../images/banner.gif") top left repeat-x #00A0AF;
	}
	
#logo{
	margin:				0px 0px 0px 40px;
	padding:			0px;
	border:				0px;
	}	
	
/*navigation*/	
	
#nav{
	width:				760px;
	height:				24px;
	background-color:	#A5D1DA;
	}
	
#nav ul{
	list-style-type:		none;
	margin: 				0px;
	padding: 				0px;
	width:					760px;
	height:					24px;
	}


#nav ul li{
	margin:					0px 0px 0px 35px;
	padding:				0px;
	float:					left;
	list-style-type: 		none;
	height:					24px;
	display:				inline;
	}		
		
#nav ul li a{
	display:				block;
	height: 				24px;
	width:					90px;
	text-decoration:		none;
	}

#nav ul #home a{
	width: 					52px;
	background: 			url("../images/navigation/home.gif") no-repeat;
	}

#nav ul #about a{
	width: 					76px;
	background: 			url("../images/navigation/about.gif") no-repeat;
	}
		
#nav ul #contact a{
	width: 					90px;
	background: 			url("../images/navigation/contact.gif") no-repeat;
	}
	
#nav ul #home a:hover{background-position: 0 -24px;}
#nav ul #about a:hover{background-position: 0 -24px;}
#nav ul #contact a:hover{background-position: 0 -24px;}
			
/*active buttons*/

#nav ul #home_act a{
	width: 					52px;
	background: 			url("../images/navigation/home.gif") 0 -24px no-repeat;
	}

#nav ul #about_act a{
	width: 					76px;
	background: 			url("../images/navigation/about.gif") 0 -24px no-repeat;
	}
		
#nav ul #contact_act a{
	width: 					90px;
	background: 			url("../images/navigation/contact.gif") 0 -24px no-repeat;
	}

/*content*/

#con{
	width:				760px;
	background:			url("../images/contentbg.gif") center right no-repeat #FFFFFF;
	padding:			30px 0px 0px 0px;
	height:				344px;
	text-align:			left;
	}

#con p{	
	margin:				10px 40px 10px 40px;
	color:				#00778D;
	font-size:			12px;
	line-height:		120%;
	}
	
#con .big{
	color:				#9FCCD4;
	font-size:			18px;
	}
	
#con .pfloat{
	float:				left;
	width:				50%;
	}
	
#con .pabout{
	float:				left;
	width:				70%;
	}		
	
#con .ulfloat{
	list-style-type:	none;
	color:				#00778D;
	font-size:			12px;
	float:				left;
	width:				25%;
	margin:				0px;
	margin-left:		30px;			
	}
	
#con p a{
	color:				#A45E47;
	}
	
#con p a:hover{
	color:				#00B489;
	}		
	
/*footer*/

#foot{
	height:				25px;
	background:			url("../images/footer.gif") bottom left repeat-x #FFFFFF;
	border-top:			1px solid #A45E47;
	text-align:			left;
	}
	
#foot p{
	color:				#00778D;
	font-size:			10px;
	text-align:			right;
	margin:				1px 10px 0px 0px;
	}