html,body
{
	height:100%;
	margin:0;
	padding:0;
	font-family: Arial;
    background:url('files/bg.png') top center repeat;
}


/* layers */

#bg-top
{
    position:absolute;
	top:0px;
	left:0px;
	margin:0 auto;
	width:100%;
	height:279px;
    background:url('files/bg-top.png') top center repeat-x;
    z-index:0;
}


#page
{

	background:url('files/bg-page.png') top center repeat-y ;
	font-family: Arial;
	font-size: 12px;
	color : #000000;
    position:absolute;
    top:0px;
    left:50%;
    width: 848px;
    margin-left: -424px;;
    padding: 0;
    text-align: left;
    z-index: 1;
}

#ilustration
{
	position:relative;
	top:0px	;
	width:848px;
	height:132px;
	background: url('files/ilustration.png') top center no-repeat ;
}

#top-menu
{
	position:relative;
	width:848px;
	height:43px;
	background:url('files/top-menu.png') top center no-repeat;
	text-align:right;
	line-height:35px;
}

#footer
{
	position:relative;
	width:848px;
	height:58px;
	background:url('files/footer.png') bottom center no-repeat;
}





#left-menu
{
	position:relative;
	float:left;
	width:202px;
	margin:0;
	padding:8px;
	min-height:200px;
	text-align:center;
	display:block;
	background:transparent;


}


#left-menu .content
{
	min-height: 200px;
	background: url('files/bg-left-menu.png') center repeat-y;

}

#left-menu .top
{
	height: 35px;
	background: url('files/left-menu-top.png') top center no-repeat;

}

#left-menu .bottom
{
	height: 35px;
	background: url('files/left-menu-bottom.png') bottom center no-repeat;

}


#text
{
	position:relative;
	float:right;
	width:565px;
	background:#ffffff;
	margin:0px;
	padding-right:50px;
	text-align:justify;
	font-family:arial;
	font-size:12px;
	color:#000000;
	background:transparent;

}

/* hrefs */

#top-menu  a
{
      font-family: Arial;
      font-size : 12px;
      color: #833842;
      text-decoration: none;
      font-weight: normal;


}

#top-menu  a:hover
{
      font-family: Arial;
      font-size : 12px;
      color: #11130C;
      text-decoration: none;
      font-weight: normal;


}

#top-menu  a.here
{
      font-family: Arial;
      font-size : 12px;
      color: #6D4218;
      text-decoration: none;
      font-weight: normal;


}


#left-menu a
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:#715d31;
}

#left-menu a:hover
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:  #97191F;
}

#left-menu a.here
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	font-weight:bolder;
	color:  #715d31;
}


#text a
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:#715d31;
}

#text a:hover
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:  #97191F;
}


a
{
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	color:#715d31;
}
 a:hover
{
	font-family:arial;
	font-size:13px;
	text-decoration:underline;
	color:  #97191F;
}

.red
{
	color: #ff0000;
}

/* headers */
h1
{
	font-family:arial;
	font-size:16px;
	color:#aa8c49;
	font-weight:normal;
    display:none;
}

h2
{
	font-family:arial;
	font-size:15px;
	color:#aa8c49;
	font-weight:normal;

}

h3
{
	font-family:arial;
	font-size:12px;
	color:#aa8c49;
	font-weight:bold;

}
h1

#text li
{
	margin-bottom:10px;
	font-weight:normal;
	font-family:arial;
	font-size:12px;
	color:#000000;
}

ol li
{
	margin:5px;
}



/* forms */

input.form
{
	width:150px;
	font-family:arial;
	font-size:12px;
	color:#000000;
}

textarea.form
{

}
select.form
{
	width:155px;
	font-family:arial;
	font-size:12px;
	color:#000000;
}
checkbox.form
{


}

/* tables */

table.form
{
	text-align:left;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	color:#000000;

}



/* others */

#owner
{
	position:absolute;
	left:30px;
	top:0px;
	width:220px;
	height:20px;
    font-family: Arial;
	font-size: 9px;
	color: #7e6836;
	text-align:left;
	line-height:30px;


}

#design
{

	position:absolute;
	right:30px;
	top:2px;
	width:220px;
	height:36px;
    text-align:right;
    font-family:  Arial;
	font-size: 9px;
	color: #7e6836;
	padding-top:0px;



}




.hidden
{
	display:none;
}


img
{
	border:0px;
	vertical-align:middle;
}


hr.clear
{
   clear: both;
   height: 1px;
   border: none;
   visibility: hidden;
   margin:0 auto;
}

.wave
{
	width:100%;
	height:14px ;
	background: url('files/wave.png') center  no-repeat ;
	position:relative;

}

p.space
{
	text-indent:20px;
}



/* thumb */
.thumb
{
	width:120px;
	height:120px;
	float:left;
	margin:0px 18px 10px 0px;
	font-family:arial;
	font-size:10px;
	color:#6E6E6E;
	text-align:center;
	font-weight:normal;
	line-height:11px;
	border:1px solid  #DFC999;
}



.thumb img
{

	position:relative;
	width:100px;
	height:75px;
	background: #d2d2d2;
	border:3px solid #D7B15C;
	margin-left:2px ;
	margin-right:2px ;
	margin-top:5px ;
	margin-bottom:5px ;
}





/* page list */

#list
{
 margin-left:10px;
 width:540px;

}


#list ul li
{
	float: left;
	line-height:19px;

}
#list ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	display:block;

}
#list  li a
{

	border:1px solid #C2BFB7;
	float: left;
	margin: 2px;
	width: 19px;
	height: 19px;
	font-family:arial;
    font-size:11px	;
    text-decoration:none;
    color:#6F6F6F;
}

#list  li a:hover
{
	color:#ffffff;
	background:#B6964E;

}

#list  u
{
	font-weight:bold;
	color:#6F6F6F;
	background:#E8E4DD;
	border:1px solid #755F31;
	float: left;
	margin: 2px;
	width: 19px;
	height: 19px;
	font-family:arial;
    font-size:11px	;
    text-decoration:none;
}

/*td*/
.com
{
	font-family:arial;
	color:#000000;
	font-size:12px;
	border-bottom:1px solid #BC9B50;
	width:100%;

}

input.three
{
  width:85px;
  height:42px;
  border:1px solid #3B81BF;
  font-family:arial;
  color:#A23410;
  font-size:22px; 
  font-weight:bold;
  background:#ffffff;
  line-height:35px;
  text-align: center  ;
  vertical-align:middle;
  letter-spacing: 2px;
}



