@charset "utf-8";
/* CSS Document by Mingisland 2010 Author: Anderson Chen */

/* Basic */
body{ background: url(../img/bg.jpg) no-repeat center top #1c1c1c; }

/* General */
p{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }

/* Header */
#header{ height:74px; border-bottom:#333 solid thin; border-bottom-width:1px; color:#999; }
#nav{ float:right; margin-top:34px; display:inline; }
#nav li{ float:left; padding-left:30px; }
#nav a{ color:#999; text-decoration:none; letter-spacing:-1px; font-weight:bold; }
#nav a:hover, #nav a.active{ color:#FFF; }
#logo{ background:url(../img/logo.png) no-repeat; width:86px; height:74px; display:block; text-indent:-99999px; float:left; }

#lang{ float:right; margin-top:34px; background:url(../img/bg-border-2.gif) left repeat-y; padding-left:20px; margin-left:20px; font-size:12px; }
#lang a{ color:#999; text-decoration:none; padding-left:5px; }
#lang a:hover, #lang a.active{ color:#FFF; }

/* Banner */
#banner{ position:relative; height:558px; overflow:hidden; }
#slogan{ position:absolute; right:0; width:320px; }
#banner h1{ font-size:128px; color:#fa4a4a; }
#banner h2{ font-size:32px; color:#d3d1d1; }

/* Content */
#content{ padding:35px 0; }
#content h1{ font-size:68px; text-align:center; }
#content h2{ font-size:32px; text-align:center; color:#d3d1d1; }
#content h3{ font-size:32px; text-align:center; color:#fff; background:url(../img/bg-border-3.gif) bottom no-repeat; padding-bottom:5px; margin-bottom:5px; }
#content p{ font-size:11px; text-align:center; color:#999; padding-top:4px; }

/* Column */
#column{ border-top:#333 thin solid; border-top-width:1px; padding:50px 0; }
#column li{ width:300px; height:160px; float:left; margin-right:20px; display:block; background:url(../img/bg-column.jpg) no-repeat; position:relative; }
#column li.last{ margin-right:0; }
#column li h1{ color:#FFF; position:absolute; width:130px; font-size:24px; right:20px; top:20px; }
#column li p{ color:#666; position:absolute; width:130px; font-size:12px;  right:20px; top:45px; line-height:16px; }
#column li a{ color:#fa4a4a; }

/* Series */
#series{ margin-top:20px; }
#series li{ float:left; width:300px; display:block; position:relative; margin-right:20px; }
#series li.last{ margin-right:0px; }
#series li a.btn-more{ display:block; padding:5px; background:#141515; margin:10px auto 0 auto; width:64px; text-align:center; text-decoration:none; font-size:22px; color:#fa4a4a;  }
#series li a.btn-more:hover{ color:#FFF; }

/* Products */
#products{}
#products h1{ font-size:50px; text-align:left; }
#products h2{ font-size:26px; text-align:left; }
#products h3{ font-size:20px; text-align:left; background:none; color:#fa4a4a; margin:5px 0 10px 0; }
#products h4{ font-size:13px; color:#fa4a4a; }
#products p{  font-size:12px; text-align:left; line-height:20px; padding:5px 0 15px 0; }
#products a.btn-back{ display:block; padding:5px; background:#141515; width:64px; text-align:center; text-decoration:none; font-size:22px; color:#fa4a4a; float:left; clear:both; margin-top:20px; }
#products a.btn-back:hover{ color:#FFF; }

/* Gallery */
#gallery li{ border:#a19f9f solid; border-width:2px; height:68px; width:68px; float:left; margin:0 15px 15px 0; }

/* Flickr */
#flickr-gallery img{  border:#a19f9f solid; border-width:2px; height:68px; width:68px; float:left; margin:0 15px 15px 0;  }

/* About */
#story li{ margin-bottom:20px; }
#story h1{ font-size:50px; text-align:left; }
#story h2{ font-size:20px; text-align:left; }
#story p{  font-size:12px; text-align:left; line-height:16px; padding:5px 0;  }

/*Contact */
#contact h3{ font-size:20px; text-align:left; background:none; color:#fa4a4a; margin:25px 0 15px 0; }
#contact p{ color:#888; font-size:12px; line-height:16px; text-align:left; }
#contact p a{ color:#fff; text-decoration:none; }
#contact p a:hover{ text-decoration:underline; }
#contact-box h1{ text-align:left; font-size:50px; }
#contact-box h2{ text-align:left; font-size:26px; }
#contact-box p{ text-align:left; font-size:12px; line-height:16px;  }
#contact-form{ background:#141515; padding:10px; margin-top:20px; }
#contact-form table{ width:100%; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#contact-form table th{ font-weight:normal; width:80px; text-align:right; padding:12px 10px 0 0; vertical-align:top; }
#contact-form table td{ padding:5px; }
#contact-form table input{ width:100%; height:20px; font-family:Arial, Helvetica, sans-serif; }
#contact-form table textarea{ width:100%; height:100px; }
#contact-form span{ float:left; }
#contact-form a{ float:right; display:block; color:#fa4a4a; margin-left:10px; text-decoration:none; font-size:22px; }

/* Footer */
#footer{ color:#666; font-size:11px; padding:20px 0; background:url(../img/bg-border-1.gif) repeat-x top; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
#footer-nav{ float:left; vertical-align:middle; }
#footer-nav img{ vertical-align:middle; }
#footer a{ color:#666; text-decoration:none; padding-right:5px; }
#footer a:hover{ color:#FFF; }
#footer-copyright{ float:right;}

/* Extends */
.red{ color:#fa4a4a; text-decoration:none; }
.white{ color:#fff; }
.gray{ color:#666; }