/* Global styles */

body{
	width: 100%;
	margin: 0px; padding: 0px; border: 0px;
}

div#autoplace{ position: absolute; width: 90%; min-width: 920px; max-width: 1080px; }


/* Header style */

div#Header div.Content { height: 110px; width: 100%; }
div#Header div.Content div#Pict { float: right; width: 327px; height: 82px; }
div#Header div.Content div#Right { float: right; width: 295px; height: 82px; }
div#Header div.Content div#RightBorder { clear: both; float: right; width: 5px; height: 110px; }
div#Header div.Content div#Logo1 { position: absolute; top: 0px; left: 0px; }
div#Header div.Content div#Logo1 img { border: 0px; margin: 0px; vertical-align: top; }
div#Header div.Content div#Logo2 { position: absolute; top: 0px; left: 68px; }
div#Header div.Content div#Logo2 img { border: 0px; margin: 0px; vertical-align: top; }


/* Navigation and menus styles */

div#Navigation{
	position: absolute;
	width: 100%;
	top: 88px;
	left: 0px;
}
div#Navigation div.navContent{
	float: right;
	margin-right: 295px;
}
div#Navigation div.Menu{ float: right; padding-right: 20px; }
div#Navigation div.subNav{ position: absolute; top: 22px; width: 220px; visibility: hidden; }
div#Navigation div.subNav .subnav{ display: block; padding: 1px 5px; }
div#Navigation div.subNav .subnavSelected{ display: block; padding: 1px 5px; }



/* Content Header */

div#ContentHeader { height: 68px; width: 100%; }
div#ContentHeader div#RectColor { height: 68px; width: 68px; }
div#ContentHeader div#HeaderInfos { float: right; height: 68px; width: 220px; }


/* Right Column */

div#RightColumn { float: right; width: 220px; padding-top: 50px; }
div#RightColumn div.Content div#Infos { width: 191px; margin-left: 24px; }
div#RightColumn div.Content div#Infos div.comment { width: 170px; margin-left: 10px; }
div#RightColumn div.Content div#Infos div.comment img.commentPoint { display: block; float: left; margin-top: 4px; }
div#RightColumn div.Content div#Infos div.comment img.commentLegendary { display: block; clear: both; float: left; }
div#RightColumn div.Content div#Infos div.comment div.commentText { display: block; margin-left: 10px; width: 150px; font-size: 10px; }
div#RightColumn div.Content div#Infos div.comment div.commentTextList { display: block; margin-left: 15px; width: 150px; font-size: 10px; }
p.RightColumnCenter{ text-align: center; }

/* Left Column */

div#LeftColumn { float: left; width: 160px; }
div#LeftColumn div#MenuHeader { width: 160px; height: 65px; }
div#LeftColumn div#MenuContent { margin-left: 10px; width: 150px; margin-bottom: 35px; }


/* Main Content */

div#MainContent { margin-right: 220px; }
div#MainContent div.Content { margin-left: 180px; margin-right: 0px; }
div#MainContent div.Content div#History { line-height: 40px; vertical-align: middle; }
div#MainContent div.Content div#History .HistoryItem,
div#MainContent div.Content div#History .HistoryItemSelected { display: inline; }


/* Footer */

div#Corner { clear: both; float: right; width: 5px; height: 40px; }
div#Footer { line-height: 40px; vertical-align: middle; margin-right: 5px; margin-bottom: 30px; }
div#Footer div.Copyright, div#Footer div.FooterLinks{ display: inline; margin-left: 15px; margin-right: 5px; }