/* Reset Common Tags */
html, body, div, ul, ol, dd, dl, dt, li, h1, h2, h3, h4, h5, p, a, form, table {
  margin: 0;
  padding: 0;
  outline: none;
}

@font-face {
  font-family: 'RockwellRegular';
  src: url('theme/Rock.eot');
  src: local('Rockwell Regular'), local('Rockwell'), url('theme/Rock.woff') format('woff'), url('theme/Rock.ttf') format('truetype');
}


html, body {
  text-align: center;
  height: 100%;
}

html {
  background: #1b242b url(../images/bg.png);
}

body {
  color: #ddd;
  font: 14px/18px Georgia, "Times New Roman", Times, serif;  
}

a {
  text-decoration: none;
  color: #fff;  
}
a:hover {
  color: #e29e1f;
}


/* -- Top ------------------------------------------------------------- */
#top_link {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  padding: 7px 0 0 0;
  float: left;
  display: inline;
  text-align: center;
  color: #999;
  background: #0d141c;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  border-bottom: 1px solid #565b61;
  -moz-box-shadow: 2px 2px 2px #273238;
  -webkit-box-shadow: 2px 2px 2px #273238;
  box-shadow: 2px 2px 2px #273238;
}
#top_link a {
  color: #787878;  
}
#top_link a:hover {
  color: #ffffff;  
}
  
  
/* -- Wrapper --------------------------------------------------------- */
#wrapper {
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  max-width: 98%;

  margin: 0 auto -100px auto; /* the bottom margin is the negative value of the footer's height */
  overflow:hidden;
  float: left;
  display: inline;
  left: 50%;
}
#wrapper_top {
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  max-width: 93%;

  margin: 0 auto -100px auto; /* the bottom margin is the negative value of the footer's height */

  float: left;
  display: inline;
  left: 50%;  background: url(../images/wrapper.png) center 0px no-repeat;
}

/* -- Header ---------------------------------------------------------- */
#header {
  width: 100%;
  margin: 0 0 0 0;
}


/* -- Contents -------------------------------------------------------- */
#contents {
  overflow:hidden;
}


/* -- Logo ------------------------------------------------------------ */
#logo {
  position: relative;
  width: 315px;
  height: 265px;
  left: 40%;
  text-indent: -999999px;
  margin: 100px 0 0 -100px;
  background: url(../images/logo.png) 0 0 no-repeat;
}

#quote_badge {
  z-index: 100;
  width: 200px;
  height: 90px;
  position: relative;
  left: 52%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding: 95px 15px 25px 5px;
  margin: -265px 0 0 60px;
  color: #553388;
  background: url(../images/quote.png) 0 0 no-repeat;
}


/* -- Navigation ------------------------------------------------------ */
#nav {
  width: 780px;
  height: 70px;
  list-style: none;
  margin: 150px auto 0 auto;
}
#nav li {
  width: 220px;
  height: 55px;
  float: left;
  padding: 13px 0 0 21px;
       background: url(../images/border_line.png) 0 0 repeat-y; 
}
#nav li a {
  width: 219px;
  height: 42px;
  float: left;
  display: inline;
  color: #ddd;
  font-style: italic;
}
#nav li a strong {
  font-size: 24px;
  color: #fff;
  display: block;
  font-style: normal;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 2px;
  font-weight: normal;
  font-family: RockwellRegular, Helvetica, Arial, sans-serif;
}
#nav li a:hover strong {
  color: #e29e1f;  
}
#nav #nav_last {
  width: 5px;
}

#nav_page {
  width: 880px;
  height: 55px;
  list-style: none;
  margin: 30px auto 40px auto;
}
#nav_page li {
  width: 190px;
  height: 45px;
  float: left;
  padding: 13px 0 0 21px;
       background: url(../images/border_line.png) 0 0 repeat-y; 
}
#nav_page li a {
  width: 180px;
  height: 42px;
  float: left;
  display: inline;
  color: #ddd;
  font-style: italic;
}
#nav_page li a strong {
  font-size: 16px;
  color: #fff;
  display: block;
  font-style: normal;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 2px;
  font-weight: normal;
  font-family: RockwellRegular, Helvetica, Arial, sans-serif;
}
#nav_page li a:hover strong {
  color: #e29e1f;  
}
#nav_page #nav_last {
  width: 5px;
}

/* -- about us -------------------------------------------------------- */
#about {
  width: 910px;
  margin: 100px auto 0 auto;
  text-align: left;
}
#about div.title {
  width: 230px;
  height: 155px;
  float: left;
  text-indent: -999999px;
  margin: 20px 8px 0 10px;
  background: url(../images/about.png) 0 0 no-repeat;   
}
#about div.content {
  width: 600px;
  float: left;
  padding: 10px 0 10px 21px;
  background: url(../images/border_dot.png) 0 0 repeat-y;
}

#about p {
  margin: 18px 0;  
}
#about p a {
  text-shadow: 3px 3px 3px #000;  
}


/* -- Footer ---------------------------------------------------------- */
#footer_wrapper, .push {
  height: 100px; /* .push must be the same height as .footer */
  margin: 0 auto;
}

#footer_wrapper {
  z-index: 5;
  position: relative;
  width: 100%;
  float: left;
  display: inline;
  clear: both;
  background: url(../images/footer.png) 0 0 repeat-x;
}
#footer {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  float: left;
  display: inline;
  margin: 30px 0;
  color: #93989a;
}

#footer a {
  color: #93989a;
}
#footer a:hover {
  color: #555;  
}