/* ################################# general ############################### */

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.over{ overflow:hidden;}
.over1{ overflow:hidden; height:1px;}
.rel{ position:relative;}
.block{ display:block;}

p, h1, h2, h3, h4, h5, h6, form {margin:0px;}

.img-l img{float:left;}

br{clear:both;}

img{border:0;}

/* ############################## END general ############################## */

/* ################################# TEMPLATE ############################### */
body {
	margin:0px;
	background:#A99D84 url(images/bg.gif);
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFFFFF;
}

.main {
	position:relative;
	margin:0px auto;
	padding:0;
	width:750px;
	background:#999999;
}

.content{
	position:relative;
	padding:10px;
}

/* ## Menu ## */
.menu{
	position:relative;
	height:36px;
	background:#000000 url(images/me-bg.gif);
}

.menu img{border:0;}

.menu ul {
	float:right;
	padding:0px;
	margin:0px 25px;
	list-style:none;
}

.menu li{
	display:inline;
	float:left;
}
.menu li.me-dot{
	background: url(images/me-dot.gif);
	width:26px;
	height:36px;
}

.menu a{display: block;}

.menu li.me-01{	background: url(images/me-01-over.gif) no-repeat;}
.menu li.me-02{	background: url(images/me-02-over.gif) no-repeat;}
.menu li.me-03{	background: url(images/me-03-over.gif) no-repeat;}
.menu li.me-04{	background: url(images/me-04-over.gif) no-repeat;}
.menu li.me-05{	background: url(images/me-05-over.gif) no-repeat;}

* html a:hover{visibility:visible;}

.menu a:hover img{visibility:hidden;}

/* ## END Menu ## */

.foo{
	position:relative;
	width:750px;
	height:102px;
	background:url(images/foo-bg.jpg);
}
.foo img{
	position:absolute;
	top:34px;
	left:200px;
	display:block;
}
/* ################################# END TEMPLATE ############################### */

/* ################################# HOME ############################### */
#home div.bx1{
	position:relative;
	width:750px;
	height:454px;
	background:url(images/ho-bg1.jpg);
}
#home div.bx1 .set1{
	position:absolute;
	top:8px;
	left:8px;
	width:301px;
}
#home div.bx1 .set1 p{
	padding: 0px 10px;
}
#home div.bx1 .set2{
	position:absolute;
	top:175px;
	left:14px;
	width:290px;
}
#home div.bx1 .set2 img{
	width:135px;
	height:120px;
	float:left;
	margin:0 20px 20px 0;
}
#home div.bx1 .set3{
	position:absolute;
	top:189px;
	right:18px;
	width:209px;
	color:#000000;
}
#home div.bx1 .flash{
	position:absolute;
	top:0;
	right:0;
}
#home div.bx2{
	position:relative;
	width:750px;
	height:604px;
	background:url(images/ho-bg2.jpg);
}
#home div.bx2 .set1{
	position:absolute;
	top:10px;
	left:10px;
	width: 397px;
	height: 29px;


}
#home div.bx2 p{
	position:absolute;
	top:80px;
	left:60px;
	width:280px;
}
#home div.bx2 .next{
	position:absolute;
	top:552px;
	left:293px;
}
/* ################################# END HOME ############################### */

/* ################################# VIDEO ############################### */
#video div.bx1{
	position:relative;
	width:750px;
	height:766px;
	background:url(images/vi-bg.jpg);
}
#video div.bx1 .set1{
	position:absolute;
	top:3px;
	right:8px;
	width:380px;
}
#video div.bx1 .set2{
	position:absolute;
	top:207px;
	right:6px;
}
#video div.bx1 .set3{
	position:absolute;
	top:285px;
	right:88px;
	width:301px;
	color:#000000;
}
#video div.bx1 .flash{
	position:absolute;
	top:390px;
	right:15px;
}
#video div.bx1 .next{
	position:absolute;
	top:714px;
	left:250px;
}
/* ################################# END VIDEO ############################### */

/* ################################# PICS ############################### */
#pics div.bx1{
	position:relative;
	float:left;
	width:433px;
	height:503px;
	background:url(images/pics-bg1.jpg) no-repeat;
}
#pics div.bx1 p{
	position:absolute;
	top:380px;
	left:40px;
	width:400px;
	color:#000000;
}
#pics div.bx1 img{
	position:absolute;
	top:455px;
	right:0px;
}

#pics div.bx2{
	position:relative;
	float:left;
	width:317px;
	height:503px;
	background:url(images/pics-bg2.gif);
}
#pics div.bx2 p{
	position:absolute;
	top:30px;
	left:20px;
	width:290px;
}
#pics div.bx2 .set1{
	position:absolute;
	top:218px;
	left:2px;
}

#pics div.bx2 .set1 img{
	display:block;
	float:left;
	border:5px solid #FFFFFF;
	margin:5px 5px;
}
/* ################################# END PICS ############################### */

/* ################################# JOIN ############################### */
#join{ color:#666666;}
#join div.bx1{
	float:left;
	width:395px;
	height:438px;
}
#join div.bx1 img{ display:block;}
#join div.bx2{
	float:left;
	width:355px;
	height:438px;
	background:#FFFFFF;
}
#join div.bx2 form{
	margin:10px;
}
#join div.bx2 p{
	clear:both;
	padding:0 0 8px;
}
#join div.bx2 label,
#join div.bx2 input{
	float:left;
}

#join div.bx2 label{
	width:100px;
	text-transform:uppercase;
}
#join div.bx2 label.radios{
	width:300px;
	text-transform:none;
}

#join div.bx2 input.forms{
	width:200px;
}
#join div.bx2 input.but{
	margin:10px 100px;
}
/* ################################# END JOIN ############################### */
