body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, embed, object, caption { 
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}

body {
	background: #eee;
}

/* ------------------------------------ */

#container {
	width: 728px;
	margin: 0 auto;
}

/* ------- */

#header {
	height: 50px;
	padding: 20px;
	background: #333;
}
	
	#header p {
		font: bold 18px/50px Arial, Helvetica, sans-serif;
	}
		
		#header p a {
			text-decoration: none;
		}
		
		#header p a span {
			color: #fff;
			border-bottom: 1px solid #3080bc;
		}
		
		#header p a:hover span {
			border-bottom: 1px solid #8cc540;
		}
		
		#header p a span.twentyfour {
			border-bottom: 1px solid #8cc540;
		}
		
		#header p a:hover span.twentyfour {
			border-bottom: 1px solid #3080bc;
		}

/* ------- */
			
#content {
	background: #fff;
	overflow: hidden;
	zoom: 1;
	padding: 20px;
}

/* ------- */

#footer {
	padding: 20px;
	background: #f8f8f8;
}
	
	#footer p {
		font: normal 12px/18px Arial, Helvetica, sans-serif;
	}
		
		#footer p a {
		}

/* ------------------------------------ */
		
#content h1 {
	font: bold 18px/27px Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	color: #000;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #eee;
}

#content p {
	padding: 0 0 10px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

/* ------------------------------------ */

/* ------- */

table {
	width: 688px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-bottom: 2px solid #b6dc82;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

	table caption {
		padding: 10px 0 10px 0;
		font-weight: bold;
	}
	
	table tbody tr:hover {
	
	}
	
	table thead tr th {
		padding: 8px 12px;
		border-right: 1px solid #b6dc82;
		border-bottom: 1px solid #b6dc82;
		background: #d5f0b0;
		font-weight: bold;
	}
	
	table thead tr th dfn {
		font-weight: bold;
		border-bottom: 1px dotted #000;
	}
	
	table tbody tr {
	
	}
	
	table tbody tr.alt {
		background: #f6ffe9;
	}
	
	table tbody tr td {
		padding: 10px 12px;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	
	table tbody tr.alt td {
		border-right: 1px solid #ddf0c3;
		border-bottom: 1px solid #ddf0c3;
	}
	
	table tbody tr td a {
		text-decoration: none;
	}
	
	table tbody tr td.rate {
		font-family: "Lucida Console";
	}
	
	table tbody tr td.name {

	}
	
	table tbody tr td a {
		color: #333;
		font-weight: bold;
		border-bottom: 1px solid #3080bc;
	}
	
	table tbody tr td a:hover {
		border-bottom: 1px solid #333;
	}
	
	table tr td img {
		display: block;
	}

/* ------- */

table#currency {
	float: left;
	width: 468px;
}

dl#overview {
	width: 190px;
	padding: 10px;
	margin: 0 0 0 10px;
	display: block;
	float: left;
	border-bottom: 1px solid #ddf0c3;
	background: #f6ffe9;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

	dl#overview dt {
		display: block;
		float: left;
		width: 70px;
		font: normal 12px/18px Arial, Helvetica, sans-serif;
	}
	
	dl#overview dd {
		display: block;
		float: left;
		text-align: right;
		width: 120px;
		font: normal 12px/18px Arial, Helvetica, sans-serif;
	}
	
/* ------- */

form#converter {
	padding: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #b6dc82;
	background: #f6ffe9;
	overflow: hidden;
	zoom: 1;	
}

	form#converter p {
	}
	
	form#converter p span {
		display: block;
		float: left;
		width: 40px;
		font-weight: bold;
		text-align: center;
	}
	
	form#converter p input,select {
		float: left;
		font: normal 12px Arial, Helvetica, sans-serif;
		vertical-align:middle;
		width: 152px;
	}