/** naona.net CSS **/

html, body { height: 100%; overflow: hidden; }
body { font-family: "Georgia" !important; font-size: 10pt !important; }
a { color: #999999; text-decoration: none; }
span.small { font-weight: normal; margin: 0 1em; }

div#menu { display:block; height: 116px; padding-top: 18px; }
div.menubuttons { display:block; float:left; }
div.logo { display:block; float: right; width: 537px; }

img#logo-img { display: block; right: 0; }

div#background-wrapper {
	margin: 5px;
	margin-top: 5px;
	background-color: #f0f0f0;
	height:100%;
}

div.menu-items { float: left; padding-left: 5px; padding-right: 5px; padding-top: 53px; }
div.centered-content { text-align: center; }

div.thecontent { margin-top: 27px; }

div#stripe-left { display: block; height: 100%; width: 5px; background: #ffffff; position: absolute; top: 0; left: 0; z-index: 1002; }
div#stripe-right { display: block; height: 100%; width: 5px; background: #ffffff; position: absolute; top: 0; right: 0; z-index: 1002; }

input#centralSearchBox {
	font-size: 2em;
	padding: 0.2em;
}

div.container { min-height: 100%, height: auto !important; height: 100%; margin: 0 auto -50px; position:relative; }
div.footer, div.footer-push { height: 50px; }
div.footer { background: url('../images/bottom-line.png') repeat-x bottom left; height: 45px; }

div#moving_bar {
	position: fixed; left: 0; width: 100%;
	padding: 0; margin: 0; height: 380px;
	margin-top: 5px; padding-left:5px; padding-right: 5px;
	cursor: move;
	overflow: hidden;
	z-index: 2;

	padding-top: 0px !important;
	padding-top: 165px;
}


div#moving_bar_inlet { width: 1000%; z-index: 1; }
div#moving_bar .element { display:block; height: 380px; float: left; margin-right: 10px; }
div#moving_bar .element div.text { width: 340px; height: 380px; padding: 5px 10px; background: url('../images/edges.gif') no-repeat left top; position: relative; }
div#moving_bar .element img { margin-right: 2px; }

div#smallmap { width: 380px; height: 380px; }

div.move-this { display:block; width: 340px; height: 380px; }

table tr td { vertical-align: top; }
a.anchor { display:none; }

div#subnav { display:block; position: relative; top: 420px; text-transform: uppercase; text-align: center; }
div#subnav div.nav-tags { display: inline; margin-right: 1em; }
div#subnav a { outline: none; }

div.modal { position: absolute; display:table; width: 100%; height: 100%; margin:0; padding:0; left:0; top:0; background: #ffffff; z-index:1000; }
div.loading p { display: table-cell; vertical-align: middle; text-align: center; font-size: 100px; color: #afafaf; }
div.modal img { display:block; margin: 5px auto; }

.tooltip { z-index: 1001; background: #f0f0f0; font-size: 0.9em; padding: 0 5px; }