/***********************************************/
/* 3col_rightNav.css                              */
/* Use with template 3col_rightNav.html           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{
	float:left;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(img/content_bg.jpg);
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	width:100%;
	background-color:#FDF1CB;
}

#page {
	min-width:950px;
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 950)? "950px" : "100%");
	overflow:hidden;
}

#head {
	float:inherit;
	width:100%;
	height:255px;
	background-color:#FDF1CB;
}

#head #material {
	position:absolute;
	top:0px;
	left:0px;
	width:166px;
	height:120px;
	background:url(img/material.jpg) center no-repeat;
}

#logo {
	position:absolute;
	top:126px;
	left:0px;
	width:191px;
	height:72px;
	background:url(img/logo.jpg) center no-repeat;
}

#head #name {
	position:absolute;
	top:198px;
	left:0px;
	width:457px;
	height:49px;
	background:url(img/name.jpg) center no-repeat;
}
#head #name_en {
	position:absolute;
	top:198px;
	left:0px;
	width:457px;
	height:49px;
	background:url(img/name_en.jpg) center no-repeat;
}

#head #coins {
	position:absolute;
	top:0px;
	left:-200px;
	margin-left:50%;
	width:128px;
	height:89px;
	background:url(img/coins.jpg) center no-repeat;
}

#head #cornerMenu {
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:21px;
}

#head #orderNumber {
	position:relative;
	float:right;
	top:0px;
	width:517px;
	height:234px;
}

#head #orderNumber img{
	border:1px solid #654934;
	margin-left:15px;
	margin-right:15px;
}

#head #orderNumber {
	font-size:18px;
	font-weight:normal;
	color:#000000;
	cursor:default;
}

a img {
	border:0px;
}

h3 {
	line-height:10px;
	font-weight:bold;
}

#headSeparator {
	float:right;
	width:100%;
	height:19px;
	background:url(img/rope.jpg);
	zborder:1px solid #000000;
}

#mainBody {
	float:left;
	width:100%;
}

#mainBody #menu{
	position:absolute;
	left:0px;
	top:301px;
	width:224px;
	height:333px;
	background:url(img/menu.jpg) center no-repeat;
}

#mainBody #menu ul{
	margin-top:70px;
}

#mainBody #menu ul li{
	list-style:none;
	margin-top:20px;
	font-size:18px;
	font-weight:normal;
	color:#664422;
	cursor:default;
}

#mainBody #menu ul li a{
	font-size:18px;
	font-weight:normal;
	color:#000000;
}

#mainBody #menu ul li a:hover{
	color:#555522;
}


#mainBody #content{
	position:relative;
	float:inherit;
	margin-left:50%;
	left:-220px;
	width:500px;
	background:url(img/paper.jpg) center repeat;
}

#mainBody #content #top{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_top.jpg) left top repeat-x;
}

#mainBody #content #left{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_left.jpg) left top repeat-y;
}

#mainBody #content #right{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_right.jpg) right top repeat-y;
}

#mainBody #content #bottom{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_bm.jpg) left bottom repeat-x;
}

#mainBody #content #bottom_left{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_bm_left.jpg) left bottom no-repeat;
}

#mainBody #content #bottom_right{
	position:relative;
	float:left;
	width:100%;
	background:url(img/paper_bm_right.jpg) right bottom no-repeat;
}

#mainBody #content #textContent{
	position:relative;
	float:left;
	margin:20px 45px 70px 0px;
	left:30px;
	font-size:12px;
	text-align:left;
}

#mainBody #content #textContent p{
	text-indent:15px;
}

#mainBody #content #textContent img{
	margin-right:10px;
}

#mainBody #content #textContent a {
	ztext-decoration:none;
	zcolor:#B19F77;
	color:#000000;
}

#mainBody #content #textContent a:hover{
	text-decoration:none;
	color:#664422;
}


img#border {
	border:2px solid #664422;
}

#mainBody #lupa {
	position:relative;
	float:right;
	width:135px;
	height:226px;
	top:-150px;
	right:20px;
	background:url(img/lupa.jpg) right bottom no-repeat;
}

#footer {
	position:relative;
	float:left;
	margin-top:-100px;
	width:100%;
}

#footer #left_decor {
	position:relative;
	float:left;
	width:100%;
	background:url(img/footer_left_decor.jpg) left top no-repeat;
}

#footer #ws_decor {
	position:relative;
	float:left;
	width:100%;
	background:url(img/footer_ws_decor.jpg) right top no-repeat;
}

#footer #content{
	position:relative;
	float:left;
	width:100%;
	height:160px;
	top:56px;
	background-color:#FDF1CB;
}

#footer #copyrights {
	position:relative;
	float:none;
	top:50px;
	left:30px;
	font-size:12px;
	color:#B19F77;
}

#footer #copyrights a {
	font-size:12px;
	color:#B19F77;
}

#footer #copyrights a:hover{
	color:#664422;
}

#tooltip{
	background:#FDF1CB;
	border:1px solid #666666;
	color:#333333;
	font:menu;
	margin:0px;
	padding:3px 5px;
	position:absolute;
	visibility:hidden
}