@charset "utf-8";
/* CSS Document */

body{ margin:0; font-size:12px; font-family:arial; background:url(../images/bg_body.jpg) #000; color:#fff;}

#wrapper{ margin:0 auto; width:900px; background:#000;}

#header{position:relative; height:234px;}
	#slogan{position:absolute; top:129px; left:-49px; width:175px; height:21px; background:url(../images/bg_slogan.png) top right no-repeat; line-height:20px; color:#fff; text-align:right; padding-right:14px; font-size:11px;}
	* html #slogan{
		z-index:100;
		background-image:url(../images/bg_slogan.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_slogan.png');
	}	
	#logo {background:url(../images/logo.jpg) top left no-repeat; width:354px; height:234px; float:left;}
	#top  {background:url(../images/bg_top.jpg) top left no-repeat; width:546px; height:234px; float:left;}

	#mainNav {margin:0; padding:0; list-style:none; margin-top:120px; width:150px;}
	#mainNav li {line-height:20px;}
	#mainNav li a{height:1%; padding-left:10px; display:block; text-decoration:none; color:#ccc; font-size:11px;}
	#mainNav li a:hover{color:#fff;}

#content{}
 #gallery { min-height:500px; margin-bottom:20px; padding-left:18px;}
 #gallery .thumb {position:relative; float:left;}
 #gallery img{border:none; margin:17px 17px 0 0px; }
 #gallery img.new{ position:absolute; z-index:90; right:0; top:0;}
 #gallery .subcontent{background-color:#000; width: 184px; padding: 8px 10px; z-index:99; position:absolute; visibility: hidden; margin:0;}
 /*#gallery>.subcontent{margin-left:18px;}*/
 .subcontent h2{margin:0; padding:0; font-size:12px; color: #f00;}
 .subcontent h2 a:hover { color: #f00; }
 .subcontent p{margin:5px 0; font-size: 11px;}
 .subcontent p .header { color: #999;}
 .subcontent a{text-decoration:none; color:#fff;}
 .subcontent a:hover{color:#f00;}

 #mainContent{ background:#000; padding-bottom:10px;}
  #mainContent h1{height:24px; width:97px; font-size:12px; background:url(../images/bg_heading.png) left top no-repeat; z-index:500; text-align:right; font-weight:normal; line-height:20px; padding-right:15px; margin-top:20px; margin-bottom:10px; overflow:visible;}
  * html #mainContent h1{
  	z-index:500;
	background-image:url(../images/bg_slogan.jpg);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_heading.png');
  }
  #mainContent p{margin:0px 18px; margin-bottom:20px; line-height:18px; text-align:left; width: 400px;}

#mainContent a{text-decoration:none; color:#f00;}  
#mainContent a:hover{text-decoration:underline;}  


#contact{margin:0 auto; margin-top:10px; width:900px;}
 #contact h1{color:#f00; font-weight:normal; font-size:24px; font-family:"trebuchet ms"; margin:0px;}
 #contact h2{margin:0px 18px; font-size:16px;}
 #contact p{margin:0px 18px; line-height:18px;}
 #contact #contactform{float:left; width:400px;}
 #contact #detail{float:right; width:400px; text-align: right;}
 #contact #detail p {margin:0; margin-bottom:10px;}
 #contact #detail a img { cursor:pointer;}
 
#contact form {margin:0; padding:0; margin-left:25px; margin-top:25px;}
#contact form label{ display:block; margin:5px 0;}
#contact form input{width:250px; height:20px; border:none; padding-top:4px; background:#ccc; margin:5px 0;}
#contact form textarea{width:400px; height:200px; background:#ccc; margin:5px 0; border:none;}
#contact form input:focus,#contact form input:hover, #contact form textarea:hover,#contact form textarea:focus {background:#fff;}
#contact form .submit input{width:80px; height:25px; border:none; padding:0;}

#footer{ margin:0 auto; margin-top: 20px;width:900px; height:50px; text-align:center; line-height:50px; font-size: 10px; color: #666; background-color: #000;}
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { color: #f00; }


.clear {clear:both;}
.back{ color:#f00; padding-right:18px; cursor:pointer; text-align:right;}
.error_message ul{list-style:none;}