* { font-family: Arial, Verdana, sans-serif; padding:0; margin:0; border:0; }
a { color:#43bcf5; }
body, td, div { color:#888; font-size:13px; }
.bodyAw { background-color:#e9f9ff; }
.bodyAp { background-color:#f8ffec; }
hr { border-bottom:1px solid #EEE; }
p { margin-bottom:20px; }
table { width:100%; margin-bottom:20px; }
tr { text-align:left; }
input, textarea { border:1px solid #888; }
input:hover, textarea:hover { border:1px solid #212121; }
.clear { clear:both; }

#toolbar { width:900px; margin-left:auto; margin-right:auto; text-align:right; }
#header { height:128px; width:100%; background-color:#404040; }
.headerAw { border-bottom:10px solid #4cbae6; }
.headerAp { border-bottom:10px solid #88b935; }
#header .content { width:900px; margin-left:auto; margin-right:auto; }
#header .logo { float:left; margin-right:40px; }

#menu { float:right; margin-top:102px; height:24px; background-color:#404040; }
#menu ul { list-style-type:none; height:22px; }
#menu li { float:left; margin-right:10px; font-size:16px; font-weight:normal; }
#menu li a { display:block; padding:4px 14px; text-decoration:none; border-right:0; color:white; white-space:nowrap; text-align:center; }
#menu li a { background-color:#404040; }
#menu li a.over, #menu li a:hover { color:white; background-color:#4cbae6; }
#menu .ap li a { background-color:#404040; }
#menu .ap li a.over, #menu .ap li a:hover { color:white; background-color:#88b935; }

h1 { color:white; background-color:#4cbae6; background-image:url(/images/layout/h1-bg.png); background-position:position-x; font-size:18px; font-weight:normal; width:880px; margin-bottom:10px; padding:4px 10px; clear:both; }
h1.ap { color:white; background-color:#88b935; background-image:url(/images/layout/h1-ap-bg.png); font-size:18px; font-weight:normal; width:880px; margin-bottom:10px; padding:4px 10px; clear:both; }
#asset .content { width:900px; margin-left:auto; margin-right:auto; border-left:1px solid #EEE; border-right:1px solid #EEE; padding-left:5px; padding-right:5px; }

#content { border-left:1px solid #EEE; border-right:1px solid #EEE; width:900px; padding-left:5px; padding-right:5px; margin-left:auto; margin-right:auto; background-color:white; padding-bottom:10px; }
#content .top { width:920px; height:5px; }

#footer {
  width:100%;
  height:32px;
  margin-left:auto;
  margin-right:auto;
  background-color:#212121;
  background-image:url(/images/layout/footer_bg.png);
  clear:both;
}

#footer .content {
  width:800px;
  margin-left:auto;
  margin-right:auto;
}

#footer .content a {
  color:#EEE;
  text-decoration:none;
}

#footer .content a:hover {
  text-decoration:underline;
}

#footer .content ul {
  margin-top:10px;
  float:left;
  list-style-type:none;
}

#footer .content ul li {
  float:left;
  margin-right:10px;
  color:#EEE;
}

#footer .content .credit {
  margin-top:10px;
  float:right;
  color:#EEE;
}

h2 {
  color:#43bcf5;
  font-size:20px;
  font-weight:normal;
}

h3 {
  border-bottom:2px solid #43bcf5;
  width:100%;
  margin-bottom:10px;
  padding-bottom:6px;
  clear:both;
  color:#43bcf5;
}

h3 a {
  display:block;
  text-align:right;
}

.project {
  clear:both;
}

.project .picture {
  float:left;
  border:1px solid #DDD;
  margin-right:20px;
  margin-bottom:10px;
  width:200px;
}

.project .content {
  float:left;
  margin-bottom:10px;
}

.project .content p {
  height:83px;
  margin-bottom:0;
}

.project .link a {
  color:#43bcf5;
  font-size:14px;
  text-decoration:none;
}

.project .link a:hover {
  text-decoration:underline;
}

.welcome {
  margin-bottom:20px;
}

.welcome img {
  float:left;
}

.welcome h2 {
  margin-bottom:10px;
}

.welcome .title {
  color:#babbba;
  font-weight:bold;
}

.news_lite {
}

.news_lite p {
  margin-top:0px;
  margin-bottom:10px;
}

.news_lite h2 {
  margin-bottom:10px;
}

.news_lite h5 {
  margin-bottom:4px;
  font-size:12px;
  font-weight:bold;
}

.news_lite img {
  border:1px solid #CCC;
  padding:1px;
}

.pan1 {
  width:580px;
  float:left;
  margin-right:20px;
}

.pan2 {
  width:200px;
  float:left;
}

.apimo_info {
  margin-bottom:20px;
}

.apimo_info .thumb {
  float:left;
  width:50%;
  text-align:center;
  margin-bottom:10px;
}

.apimo_info .screen {
  margin-top:10px;
  margin-bottom:5px;
  border:1px solid #DDD;
  padding:5px;
}

.apimo_info h2 {
  margin-top:10px;
}

.apimo_more {
  margin-bottom:20px;
  clear:both;
}

.apimo_more h2 {
  margin-top:10px;
  margin-bottom:10px;
}


.apimo_pan1 div {
  color:#888;
}

.apimo_pan2 p {
  color:#888;
}

.apimo_pan2 a {
  color:#888;
  font-weight:bold;
}

.apimo_pan2 h2 {
  color:#7dbf17;
}

.apimo_pan1 h2 {
  color:#7dbf17;
  margin-top:0;
}

.apimo_pan1 ul { margin-left:30px; margin-bottom:20px; }

h1.apimo {
  border-color:#f32a36;
}

.contact {
}

.contact th {
  text-align:left;
}

.contact td {
  padding:4px;
}

.contact input {
  height:16px;
}

.contact textarea {
  width:320px;
  height:50px;
}

.contact .btn {
  border:1px solid #43bcf5;
  color:#212121;
  background-color:white;
  padding:2px 5px;
  font-weight:bold;
  font-size:13px;
  height:20px;
  cursor:hand;
  cursor:pointer;
}

/* APIMO */
#header #menuAp {
  float:right;
}

#header #menuAp ul {
  list-style-type:none;
  margin-top:86px;
}

#header #menuAp li {
  float:left;
  margin:0;
  padding:0;
  margin-left:20px;
}

#header #menuAp li a {
  display:block;
  font-size:18px;
  color:#83b817;
  text-decoration:none;
}

#header #menuAp li a:hover {
  color:#db001b;
}