/* theme-base.css | Basic theme for priscoasia.com */

@import url('base.css');

/* Common styles */

body {
  background-color: #11DEDC;
  background-image: url('/assets/images/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 14px;
}

.pageContent {
  min-width: 960px;
  min-height: 480px;
}

#logo {
  display: block;
  margin-bottom: 60px;
  height: 100px;
  background: no-repeat url('/assets/images/logo.png');
  background-position: -10px 0px;
}

ul.nav-bar {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* side menu styles */

.menu {
  position: absolute;
  left: 90px;
  width: 180px;
  min-height: 480px;
  height: 100%;
  background: transparent url('/assets/images/menu-bg.png') repeat-y 0 0;
}

.menu ul {
}

.menu  li {
  height: 40px;
  margin-right: 13px;
  padding: 1px 0px;
}

.nav-bar a {
  background-color: #11aac0;
  background-repeat: no-repeat;
  background-image:  url('/assets/images/nav-bar.png');
  display:block;
  height: 40px;
}

.nav-bar a span {
  display: none;
}
.nav-bar .aboutus {
  background-position: 0 -40px;
}
.nav-bar .recruitment {
  background-position: 0 -80px;
}
.nav-bar .faq {
  background-position: 0 -120px;
}
.nav-bar .contact {
  background-position: 0 -160px;
}
.nav-bar a:hover {
  background-color: #11DEDC;
}

/* main content style */

.viewPage {
  position: absolute;
  left: 320px;
  /*top: 50px;*/
  bottom: 0;
  min-width: 600px;
  width: 60%;
  min-height: 430px;
  height: 75%;
  /*background-image: url('/assets/images/content-bg.png');*/
  background-color: rgba(255,255,255,.65);
}