/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-size: 0.925em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	body.light {color:#335a77; background:#BDA56B url(../gfx/light/bg-wrapper.gif) repeat-y center;}
	body.dark  {color:#1c2d3a; background:#5D5239 url(../gfx/dark/bg-wrapper.gif) repeat-y center;}

h1 { 
	font-size:1.5em; 
	margin:0.5em 0;
	}

h2 {
	font-size:1.25em; 
	margin:0 0 0.5em;
	text-transform: uppercase;
	}
	.light h1 {color:#335A77;}
	.light h2 {color:#335A77;}
	.dark h1 {color: #1C2D3A;}
	.dark h2 {color: #1C2D3A;}

a	{
	text-decoration:underline;
	}
	.light a {color:#c23307;}
	.dark a {color:#611903;}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:780px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

body.light #content {margin: 0;}
body.dark #content {margin: 0;}


div#header {
	padding:0;
	margin:0;
	height: 210px;
	}
	body.light div#header {background:#BDA56B url(../gfx/light/bg-foto.gif) no-repeat bottom;}
	body.dark div#header  {background:#5D5239 url(../gfx/dark/bg-foto.gif) no-repeat bottom;}

div#header p {
		font-size:1.1em;
		margin:0;
	}
	
div#content p {
	text-align:left;
	padding:0;
	}

	body.light div#content {padding:20px 50px 40px 50px;}
	body.dark div#content {padding:20px 50px 40px 50px;}
	
bold, strong {
	font-weight: bold;
	}
	
em, i {
	font-style:italic;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	height: 40px;
	}
	body.light div#footer {background:#BDA56B url(../gfx/light/bg-footer.gif) no-repeat top center;}
	body.dark div#footer  {background:#5D5239 url(../gfx/dark/bg-footer.gif) no-repeat top center;}

	div#footer p {
		padding:1em;
		margin:0;
		}
		
#container #content #book {
	position: absolute;
	left: 457px;
	top: 173px;
	height: 332px;
	width: 287px;
	z-index: 50;
}

#container #content #bookoverview {
	position: absolute;
	left: 575px;
	top: 505px;
	height: 332px;
	width: 143px;
	z-index: 50;
	text-align: center;
}

#header img {
	margin-left: 10px;
}

#flash {
	position: absolute;
	margin: 70px 0 0 50%;
	z-index: 100;
	left: -390px;
	top: 0px;
}
.dark #flash a {
	color: #FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

#definition{
	margin:0px;
}
.smaller  {
	font-size:0.7em;
}

.light #form input,
.light #orderform input,
.light #orderform select {
	background-color: #DED4BC;
	border: #335A77 solid 1px;
}
.dark #form input,
.dark #orderform input,
.dark #orderform select {
	background-color: #6f6a5e;
	border: #1C2D3A solid 1px;
}
#form a button {
	padding: 2px;
	margin: 0px;
	border: 1px solid #335A77;
	color: #335A77;
	background-color: #DED4BC;
	text-decoration: none;
}

#form a:hover button {
	background-color: #FFFFFF;
}
#close img {
	position: absolute;
	top:50%;
	left:50%;
	margin: -320px 0 0 219px;
}
#flash #close img {
	position: absolute;
	top:50%;
	left:50%;
	margin:-295px 0 0 390px;
}

.floatright {
	float: right;
	width: 45%;
	margin-left: 5%;
	height: 100%;
}
.languange {
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 540px;
	width: 200px;
	text-align: right;
}

.intro {
	font-weight: bold;
}
#menu a {
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 1.05em;
	letter-spacing: 0.1em;
}
#menu {
	margin-left: -6px;
}
#content #form {
	width: 450px;
}
.light #orderform #disabled {
	color: #333333;
	text-align: right; 
}