/*GENERIC CLASSES*/

div, p, td, li, h1, h2, h3 {font-family: arial, verdana, geneva, arial, helvetica, sans-serif; font-size: 12px; color:#999}

a {text-decoration:none }
 
p {text-align:justify; }

img {margin:0 5px 10px 5px}

body {
		margin:auto;
		text-align:center;
		background-color: #ffffff;
		background-image: url('../i/bg.gif');
		background-repeat:no-repeat;
		background-position: center top;
	}
	

.hontai {
	width: 700px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	}
.M {
	color: 999999;
	font-size: 14px;
	line-height: 18px;
	}
.S {
	color: 999999;
	font-size: 10px;
	line-height: 14px;
	}
	
.line {
	background-image: url('../i/line.gif');
	line-height: 22px
	}

/* TOP NAV*/

 #navcontainer
{
border:0px solid;
width: 700px;
height:20px;
margin:auto;
margin-top:120px;
}

#navcontainer ul { padding: 0; float:right;}
#navcontainer ul li { display: inline; }

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 7%;
	font-family: arial, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: bold;
}

#navcontainer a {width:85px;}

#navcontainer ul li a {
		padding: 0.2em 3px;
		margin: 0.1em 1px;
		text-decoration: none;
		float: left;
}

a#one {background-color: #09f; color: #fff;}
a#two {background-color: #339;  color: #fff;}
a#three {background-color: #f09;  color: #fff;}
a#four {background-color: #f33;  color: #fff;}
a#five {background-color: #ff0; color:#999;}
a#six {background-color: #096;  color: #fff;}

 #a a:hover {text-decoration: none; background: #6ff; }
 #b a:hover {text-decoration: none; background: #99f; }
 #c a:hover {text-decoration: none; background: #f6f; }
 #d a:hover {text-decoration: none; background: #ff7981; }
 #e a:hover {text-decoration: none; background: #ff9; }
 #f a:hover {text-decoration: none; background: #6f9; }
 
 
 /* CONTENT BINDER */
.page {border:0px solid; 
			width:700px;
 			padding:50px 0 0 0;
 			margin:auto;
		
			}



/* SUBMENU */
.subMenu {	border-right:2px dotted #999;
	 		width:170px;
			height:260px;
			float:left;	
			margin: 0 0 0 0;
			padding: 0 10px 0 0;
	 		text-align:right;
			
}

.subTtl {
 
			margin:0;
			 }

#navcontainer1 {border:0px solid; width: 150px; float:right;
			 }

#navcontainer1 ul {			
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
}

#navcontainer1 a {
			display: block;
			padding: 3px;
			width: 150px;
			background-color: #ccc;
			border-bottom: 1px solid #fff;
}

#navcontainer1 a:link, #navlist1 a:visited{color: #fff; text-decoration: none; }

#navcontainer1 a:hover {background-color: #ccc; color: #339;}

#active a:link, #active a:visited, #active a:hover {background-color: #fff; color:#339;}


/* CONTENT */
.content {	border:0px solid;
 			width:500px;
 			float:right;
 			margin:0;
 			padding:0 10px 0 0;
 			text-align:left;
}


/*GALLERY*/
.subMenuGal {	border-right:2px dotted #999;
	 		width:160px;
			height:260px;
			float:left;	
			margin: 0 0 0 0;
			padding: 0 10px 0 0;
	 		text-align:right;
			
}

.contentGal {	border:0px solid;
 			width:525px;
 			float:right;
 			margin:0;
 			padding:0;
 			text-align:left;
}
.contentGal p{margin-left:-10px;margin-right:15px}

.thumbs li{display:inline}



#galThumbz
{
margin: 10px 0 0 10px;
padding: 0;
height: 20px;
}

#galThumbz ul
{
border: 0px none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center
}

#galThumbz ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#galThumbz ul li a
{
background: #fff;
width: 115px;
		height: 105px;
		border:1px solid #f5d7b4;
		padding: -5px;
		margin: 2.5px;
		color: #000;
		text-decoration: none;
		display:block;
		text-align: middle;
		font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#galThumbz ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#galThumbz a:active
{
background: #fff;
color: #000;
}

#galThumbz li#active a
{
background: #fff;
border: 1px solid #c60;
color: #fff;
}
#galThumbz img{display:inline}


.contentGal a:link, .contentGal a:active, .contentGal a:visited {margin:2.5px;display:inline;  }

img.thumbnail {display:inline; padding:0; margin:1px;}

.galNames {
			border:0px solid; 
			list-style:none;
			margin: 0;
			padding: 0;

}
.galNames li{border:1px solid;	margin: 0;
				padding: 0 30px 0 30px;display:inline;  }

.wrapper {	
			border:1px solid;
			text-align:center;
			margin:auto;
			clear:both;
			padding: 000 5px;
}


  /* allow room for 3 columns */
  ol
  {border:0px solid;	
  text-align:left;
    width: 42em;
    margin: 0;
    padding:0px;
    list-style:none;
  }

  /* float & allow room for the widest item */
  ol li
  {
    float: left;
    width: 10em;
  }

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.wrapper
  {
    margin-bottom: 1em;
  }


/*NEWS SECTION */

.subMenuNews {
			border-right:2px dotted #999;
			display:block;
			width:170px;
			height:100%;
			float:left;	
			margin: 0 0 0 0;
			padding: 0 10px 0 0;
	 		text-align:right;
			}
.contentNews {float:right; width:495px; text-align:left; margin: 0 0 0 0; padding:0 15px 0 0px;}
.contentNews h3, p{margin: 0 0 10px 0; padding:0 0 0 10px;}
.contentNews h3{color:#f33}
.contentNews p{}

/*CONTACT SECTION*/
.contact1 {border:0px solid; float:left; width:200px;margin:0 0 0 10px;}
.contact2 {border:0px solid; float:right; width:200px;margin:0;}
#flashcontent {clear:both; width:450px}


/*SUPPORT SECTION*/

form {margin:0 0 0 10px; padding:0; width:200px;float:left;}
.formImg {float:right;}
input, textarea {border:1px solid #ccc; margin:0 0 10px 0; padding:0; overflow:auto;}


/*FOOTER*/
#footer {border:0px #ccc solid;
			width: 700px;
			height:20px;
			display:block;
			text-align:right;
			font-size:9px; 
			color:#ccc;
			margin:auto; 
			padding: 20px 000;
			clear:both;
}