body {
	font-family: "Lucida Sans Unicode","Trebuchet Unicode MS",Verdana,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #333;
}
* { padding:0; margin:0; }
a { color: #0b5997; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper {
	width: 998px; margin: 0 auto;
}
th { text-align: left; padding-right:10px; }
#menu {
  height: 32px;
  background: url("/images/webcard/odesk/nav_bg.jpg") repeat-x scroll 0 0;
  font-family: "Lucida Sans Unicode", "Trebuchet Unicode MS", Verdana,Helvetica,sans-serif;
  font-size: 14px;
}
#menu ul { list-style: none; margin:0 auto; }
#menu li { float:left; text-align: center; position: relative; z-index: 97; }
#menu ul li:hover { z-index: 99; }
#menu li a {
  text-decoration: none;
  font-size: 0.9em;
  display: block;
  background: url("/images/webcard/odesk/nave_line.jpg") no-repeat scroll right bottom transparent;
  color: #ccc;
  padding: 1px 25px 0 25px;
  line-height: 31px;
  float: left;
}
#menu li a.last { border: none; }
#menu ul li:hover > a, #menu li a:hover, #menu ul li a.active {
  color: #fff;
  background: none repeat scroll 0 0 #85ACC9;
  margin-top: 1px;
  padding-top: 0;
}

/* Submenu */
#menu div.sub { display:none; background: #082B41; left:0; position:absolute; top:31px; width:175px; z-index: 98; }
#menu div.sub ul { margin: 0; padding: 0; }
#menu div.sub li { margin: 0; text-align: left; float: none; background: url("/images/webcard/odesk/sub_sep.png") repeat-x scroll left bottom transparent; width: 175px; }
#menu div.sub li a { float: none; height: auto; font-size: 12px; padding: 0 10px 0 15px; background: none; }
#menu div.sub li a:hover, #menu div.sub ul li a.active { background: #85ACC9; margin-top:0; }
/*#menu .sub li a { color: #fe9901; padding: 3px; float: left; } */
/*#menu .sub li a.active { text-decoration: underline; }*/
#menu li:hover div.sub { display: block; }

#header { background: url("/images/webcard/odesk/top_img.jpg") repeat-x scroll 0 0 #0e5a98; height: 135px; }
#logo { font-size: 2.25em; color: #fff; padding: 50px 0 0 49px; }
#slogan { font-size: 0.6em; color: #d3d3d3; }

/* ################# CONTENT ###################### */
#content_wrapper { border: 1px solid #0D5995; border-width: 0 1px; }
#content { padding: 10px 20px 20px 20px; background-color: #fff; }
#content h2 { color: #0b5997; font-size: 1.5em; }
#content .banner {
    margin-top: -10px;
}
#content { text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer {
  margin: 0 auto;
  text-align: center;
  background: none repeat scroll 0 0 #0d5995;
  width: 998px;
  color: #fff;
  padding: 16px 0;
}
#footer a { color: #fff; }

/* ################# FORMS ########################## */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #999 #ccc #ccc #999;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #666 #aaa #aaa #666; 
	background-color: #f6f6f6;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }

#lang { width: 988px; }