/****************************
  CSS File for Man Fat
  Implemented by Sing - nice_sing@yahoo.com.hk  
  Late Update: 20-11-2009
*****************************/

body, form {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Comic Sans MS", Arial;
  background-color: #333333;
}

A {
  color: #FFF;
}

form {
  text-align: left;
}

#body {
  margin: 0px auto;
  text-align: left;
  width: 860px;  
  color: #FFFFFF;
}

#header {
  padding-top: 10px;
  border-bottom: 1px solid #FFFFFF;  
}

#footer {
  clear: both;
  font-size: 12px;
  font-family: Arial;
  text-align: center;
}

#footer span {
  display: block;
}

#footer A {
  text-decoration: none;
  color: #FFFFFF;
}

#porfolio_menu {
  padding: 20px 0px;
  margin: 0px auto;
  text-align: center;
}

#main {
  padding-top: 15px;
}

#main table td {  
  vertical-align: top;
}

#main table td.main_content {
  padding: 0px 50px 0px 100px;
  vertical-align: top;
}

#scroller {
  position: relative;
  top: 450px;
  left: 125px;
}

.slider {
  position:relative;
  overflow:hidden; 
  height:500px; 
  margin-bottom:20px;  
}

#site {
  width: 120px;
  text-align: right;
  position:absolute;    
}

div.site_block {
  padding-bottom: 10px;  
}

div.no_link {
  color: #666;
}

A.site_link {
  color: #FFF;
}

span.site_e {
  font-size: 13px;
  display: block;
}

span.site_c {
  display: block;
  font-size: 12px;
}

span.site_desc {
  display: block;  
  font-size: 11px;
  font-style: italic;
}


/* Contact Page */
#contact_addr {
  font-family: Arial;
  font-size: 12px;
  padding-right: 15px;
}

img.map {
  padding: 10px 0px 0px 10px;
}

td.img img {
  display: block;  
}

img.contact_img1 {
  padding-bottom: 20px;
}

/* Contact Form */
#contact_form {
  padding: 25px 0px 0px 0px;
}

#form_message {
 display: block;
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 color: #ebcd4e;
 border: 1px solid #2571ab;
 width: 350px;
 line-height: 25px;
 text-align: center;
 margin-bottom: 25px;
}

span.form {
 display: block;
 font-family: Arial;
 font-size: 12px;
 line-height: 20px;
 padding-bottom: 5px;
}

span.form input, textarea {
 font-family: Arial;
 font-size: 12px;
 width: 285px;
}

span.form_title {
 display: block;
 float: left;
 width: 100px;
}

span.button {
  display: block;
  padding-top: 15px;
  padding-left: 265px;
}

input.form_submit, input.form_reset {
  font-family: Arial;
  font-size: 12px; 
  height: 25px;
  width: 60px;
  color: #000000;
  text-align: center;
  border: 1px solid #326BC0;
  margin-bottom: 20px;
}

#loading, #success, #fail{
  display: none;
	width: 300px; 
 	text-align: center;
 	padding: 10px 0px; 
}

/* Menu */
ul#menu {
  padding: 0px;
  padding-bottom: 5px;
  margin: 0px;
  list-style: none;  
  font-size: 13px;
}

ul#menu li {
  display: inline;  
}

ul#menu li a {
  text-decoration: none;
  color: #FFF;
  padding: 0px 15px;
}

ul#menu li a:hover {
  color: #F00;
}

ul#menu li a.selected {
  color: #F00;
}

A.menu {
  width: 180px;
  text-decoration: none;
  color: #FFF;
  font-size: 13px;
}

/* Stage */
div.stage {
  padding: 0px 15px;
}

div.stage img {
  padding-bottom: 15px;
}

table.stagelist {  
  margin: 0px;
  font-size: 12px;  
}

table.stagelist tr {
  display: block;
  padding-bottom: 10px;  
}

td.item {
  width: 80px;
  vertical-align: top;  
}

/* Ajax Form */
#form_message {
 display: block;
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 color: #ebcd4e;
 border: 1px solid #2571ab;
 width: 350px;
 line-height: 25px;
 text-align: center;
 margin-bottom: 25px;
}

#loading, #success, #fail{
  display: none;
  width: 300px; 
  text-align: center;
  padding: 10px 0px; 
}