html, body { margin: 0 auto; padding: 0; height: 100%; }
body {
	/*background: #afbfcf url('images/bg.jpg') top left repeat-x;*/
	background: #ADA07F url('images/bg2.jpg') top left repeat-x;
	background-attachment: fixed;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #5A503A;
}

a, a:link, a:visited, a:active { color:#7e3e38; outline:0; text-decoration:none; }
a:hover { text-decoration:underline; }

a.prev, a.next, a.up { color:#258; font-size:12px; }
a.prev:hover, a.next:hover, a.up:hover { color:#7e3e38; text-decoration:none; }

#glare{
  position: relative; left: 0; top: 0; bottom: 0; right: 0;
  background-attachment: fixed;
  background: transparent url('images/glare.png') top left no-repeat;
}


/* MENU */
.menu_frame{
	width: 135px;
	height: 135px !important;
	background: transparent url('images/menu_frame.png') top center no-repeat;
	margin:15px;
}
.menu_box{
	width: 105px;
	height: 105px;
	background-color: #afbfcf;
	border:1px solid #9fadbc;
	overflow:hidden;
}
.act{ cursor:default; }


/* CONTENT */
#content_wrapper{
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	/*color: #0F1419;*/
	color: #5A503A;
	cursor:default;

  position: relative; left:5px; top:5px;
  width: 495px;
  min-height: 282px; /*260 without tweeter*/
  
  border:0px solid red;
  text-align:justify;
  /*background-color: #cad6e3; background-color: #F5F5F5; background-color: #EDF1F2;*/
  background-color:#EFEFEB;
  -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4); box-shadow: 0 0 6px rgba(0,0,0,.4);
}

h2 { font-family: Arial, Sans-Serif; font-size:16px; font-weight:bold; color: #666; }
h2.titles {
	width:415px;
	font-family: Arial, Sans-Serif; font-size:16px; font-weight:bold; color: #666;
	padding:4px 10px; border:1px solid #eee; background: transparent url(images/h2-bg.gif) left top repeat;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow:0 1px 3px rgba(0,0,0,.2);
}

ul, ol { margin: 10px; padding: 0; list-style-type: none; }
li {
  line-height: 120%;
  color: #5A503A;
  padding: 0 0 0 12px;
  background-image: url('images/bullet.png');
  background-repeat: no-repeat;
}

#copy{ font-family: Arial, Sans-Serif; font-size: 10px; color: #606f74; color: #fff; cursor:default; text-align:center; }


/* FORMS */
*:focus { outline: none; } /* chrome's stupid behaviour */
input, select, textarea {
	/*outline: none;*/
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	width: 250px;
	height:20px;
	border:1px solid #ccc;
	-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
	background-color: #f8f8f8;
}
input.error, select.error, textarea.error{ border:1px solid #f00; } label.error, option.error{ color:#f00; }

/* login*/
#user_login { margin: 0px; width:285px; height:25px; float:right; border:0px solid red; }
#login-uname{ height:20px; width:110px; float:left; margin:0px 2px 0 11px;}
#login-upass{ height:20px; width:110px; float:left; margin:0px 0px 0 0px;}
#uname, #upass, #pass-word { font-family:Arial, Verdana, sans-serif; width:120px; height:18px; line-height:18px; font-size:11px; color:#999; background-color:#fff; }
#uname { margin:3px 0; }
#upass { margin:3px 0 0 15px; }
#pass-word{ position:absolute; margin:5px 0 0 17px; width:118px; cursor:text; text-align:left;}
#login-but { width:20px; height:20px; background:transparent; border: none; padding:4px 0 0 30px; opacity:0.7; /*filter:alpha(opacity=70);*/ }
#login-but:hover { opacity:1; /*filter:alpha(opacity=100);*/  }
#user_greet { float: right; font-size: 12px; }


/* button */
.button-wrapper a.button,
.button-wrapper a.button:link,
.button-wrapper input.button,
.button-wrapper button.button
{
  text-decoration: none;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 13px;
  position:relative; top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #555 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 31px;
  height: 31px;
  margin: 0 !important;
  padding: 0 16px 3px 16px !important;
  overflow: visible;
  cursor: pointer;
}

.button img, .button-wrapper img { margin: 0; vertical-align: middle; }
.button-wrapper {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 31px; width: auto;
  overflow: hidden;
  white-space: nowrap;
  margin: 0; padding: 0; z-index: 0;
}
.button-wrapper.hover .button, .button-wrapper.hover a.button:link, .button:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.button-wrapper.active .button, .button-wrapper.active a.button:link { color: #fff !important; }
.button-wrapper .button-l, .button-wrapper .button-r {
  display: block;
  position: absolute;
  height: 103px;
  margin: 0;
  padding: 0;
  background-image: url('images/button.png');
}
.button-wrapper .button-l { left: 0; right: 10px; }
.button-wrapper .button-r { width: 409px; right: 0; clip: rect(auto, auto, auto, 399px); }
.button-wrapper.hover .button-l, .button-wrapper.hover .button-r { top: -36px; }
.button-wrapper.active .button-l, .button-wrapper.active .button-r { top: -72px; }