/*
	[1] Reset and common
*/
html, body, table, tr, td, th, p, h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0; font-size: 100%; font-weight: normal; text-align: left; list-style-type: none;}
.clear {clear: both;}
.noscreen {position: absolute; left: -10000px;}

/*
 	[2] Typography
*/
body { font: 80%/1.5 arial, 'lucida console', sans-serif}
p, h2, h3, h4, h5, h6, table, form {margin:0 0 1em 0}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 180%; }
h2 {font-size: 160%; }
a {font-weight: bold;}
a:hover {text-decoration:none}
#header ul li { font-weight: bold;}
.box {float: right; width:400px; margin: 0 0 1em 1em;}
th, td { padding: 0.25em 0.5em; }
label, th, td.result { font-weight: bold; }
td.number { text-align:right; }
.notice {font-size: 80%;}


/*
 	[3] Layout
*/

body { text-align: center; }
	table {width:100%;}
#page { width:760px; min-height: 400px; margin:0 auto; padding:1em; text-align:left;}
	#header {position: relative; margin-bottom: 1em;}
		#nav {position: absolute; top:1.5em; right:1em;}
			#nav li { display: inline; padding: 0.5em;}
	#content { display:inline-block;}
		#calculator-container, #comparsion-container { float:left; display:inline;}
		#calculator-container {width:250px;}
			#calculator label { display:block; float:left; width:5em;}
			#calculator p {clear:both;}
		#comparsion-container {width:500px; margin-left:10px;}
		#map-container { clear:both; padding: 1em 0;}
		#map { height:400px;}
		.shortcuts {width:200px; float:right; margin-left: 1em;}
		.shortcuts li {display: inline; white-space: nowrap;}


/*
 	[4] Colors and images

 	Palette: #D9DADB #FAFCFB #FFF173 #FFDA47 #3D3532 
			 http://www.colourlovers.com/palette/327657/taxi_cab_couture
 
*/
body {  background: #FAFCFB url(bg-body.jpg) bottom left no-repeat fixed; color:#3D3532; }
body.sitemap {background-attachment: scroll;}
	a { color:#3D3532; }
	form {  background-color: #3D3532; color:#FAFCFB; padding: 1em;}
		.error { padding-left:30px; min-height: 24px; background: url(error.gif) top left no-repeat; color:#FFDA47;}
		* html .error {height:24px;}
	table { border-collapse: collapse; border: 1px #3D3532 solid; border-width: 0 1px 1px 1px;}
		thead { background-color: #3D3532; color: #FAFCFB;}
		tr.even { background-color: #D9DADB;}
		tbody th, tbody .result {background-color: #FFF173;}
		tbody .even th, tbody .even .result {background-color: #FFDA47;}

#page  {background-color: #fff;}
#header {padding:0.5em; background-color: #3D3532; color: #FAFCFB;}
	#header h1 a {position:relative; display:block; width:260px; height:40px; overflow:hidden; color: #FAFCFB;}
	#header h1 a span {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(header.gif); cursor:pointer;}
	#nav a {color: #FFF173;} 
#content{}
	#map {border: 1px #3D3532 solid; }
	.shortcuts {border: 1px #3D3532 solid; padding: 1em;}