/*
#############################
#
#	May 2012
#
#	Developed by Aless for Infotrans
#
##############################
*/

body, html {
	background-color: #E6E6E6;
}

div#breakTop {
	height: 10px;
	width: 100%;
	min-width: 900px;
	background-color: #464646;
}

div#headerBack{
	height: 90px;
	width: 100%;
	min-width: 900px;
	background-color: #757575;
	background-image: url('../Images/Design/nav_back.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}

div#header {
	margin: 0 auto auto;
	height: 90px;
	width: 900px;
}
div#logo {
	float: left;
	width: 250px;
	height: 90px;
	background-image:url('../Images/Design/MapologLogo.png');
	background-repeat: no-repeat;
	cursor: default;
}
div#logo:hover {
	cursor: pointer;
}


div#language {
	float: right;
	height: 0px;
	width: 650px;
	text-align: right;
}

div#language ul {
	display: inline-block;
	height: 30px;
}

div#language ul li {
	display: inline-block;
}

div#language ul li a {
	display: block;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: none;
	padding: 5px 10px;
}

div#language ul li:hover, div#language ul li.check {
	background-color: #464646;
	-moz-border-radius: 0 0 1em 1em;
	border-radius: 0 0 1em 1em;
}

div#navigation {
	float: right;
	height: 30px;
	width: 650px;
	text-align: right;
	margin-top: 17px;
}

div#navigation ul {
	display: inline-block;
	height: 40px;
}

div#navigation ul li {
	display: inline-block;
}

div#navigation ul li a {
	display: block;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: none;
	padding: 5px 10px;
}

div#navigation ul li:hover, div#navigation ul li.now {
	background-color: #C9C9C9;
}
div#navigation ul li:hover a, div#navigation ul li.now a {
	color: #000;
}


div#imageBack {
	clear: both;
	height: 250px;
	width: 100%;
	min-width: 900px;
	background-color: #464646;
	background-image: url('../Images/Design/img_back.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 25px;
	padding-bottom: 25px;
}

div#image {
	margin: 0 auto auto;
	height: 250px;
	width: 900px;
	background-color: #E6E6E6;
}

div#body {
	margin: 0 auto auto;
	width: 900px;
	min-height: 200px;
	padding: 20px 5px;
}

div#body ul {
	padding-left: 17px;
}
div#body ul li {
	list-style: square inside;
}

div#footerBack {
	clear: both;
	width: 100%;
	min-width: 900px;
	height: 125px;
	background-color: #A5A5A5;
	margin: 0 auto -4em;
}
div#footer {
	clear: both;
	margin: 0 auto auto;
	width: 900px;
	height: 90px;
	padding: 5px;
	border-bottom: 1px #464646 solid;
}
div#logoGray {
	width: 189px;
	height: 70px;
	background-image: url('../Images/Design/MapologLogo_gray.png');
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	padding: 5px 10px 5px 0;
}
div#info {
	float: right;
	width: 600px;
	padding: 5px 10px;
}

div#copy {
	clear: both;
	margin: 0 auto auto;
	width: 900px;
	padding: 5px;
	border-top: 1px #464646 solid;
	font-size: 10px;
}
div#copyR{
	width: 49%;
	float: left;
}
div#author{
	width: 49%;
	float: right;
	text-align: right;
}

h1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14pt;
}