/***************background/header/footer***************/
* {
	 margin:0;
	 padding:0;
	 }
	html, body {
	 height:100%;
	 width:100%;
	 background-color:#000;
	 }
#xbackground{position:absolute; z-index:800; width:100%; height:100%;}
#xscroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:900;}
a{ 
	outline:0;
}
a:link {
color : #ffffff;
text-decoration : none;
}
a:visited {
color : #ffffff;
text-decoration : none;
}
a:active {
color : #ffffff;
text-decoration : none;
}
a:hover {
color : #ffffff;
text-decoration : none;
}
.link {
color : white;
text-decoration : none;
}
a.link:link {
color : #ffffff;
text-decoration : none;
}
a.link:visited {
color : #ffffff;
text-decoration : none;
}
a.link:active {
color : #ffffff;
text-decoration : none;
}
a.link:hover {
color : #ffcc00;
text-decoration : none;
}
img{
	border: 0;
}
#hidden_container{
	display:none;
}
#outer_container{
	position:relative;
	margin:0px auto;
	top:0px;
	height:auto;
	width:750px; 
	display:none;
}
#container{
	position:relative;
	margin:0px auto;
	top:0px;
	height:auto;
	width:550px;
}
#header{
	position:relative;
    top:0px;
    margin:0px auto;
    width:550px;
    height:50px;
}
#title{
	position:relative;
	top:19px;
    margin:0px auto;
	width:496px;
	padding:5px 0 5px 0;
	color:white;
	font-family:Arial Black,Arial;
}
#name{
	position:relative;
	left:5px;
	text-align:center;
}
#footer{
	position:relative;
	width:600px;
	height:40px;
	margin:0px auto;
	color:white;
	font-family:Arial;
	text-align:center;
}
#footer a{
	color:white;
	text-decoration:none;
	font-size:8pt;
}
#birthdate{
	position:absolute;
	left:0px;
	top:0px;
	height:500px;
	width:500px;
}
#birthdate img{
	position:absolute;
	top:0px;
	left:660px;
	height:500px;
	width:500px;
}
#rtalisman{
	position:absolute;
	left:0px;
	top:0px;
	height:500px;
	width:500px;
}
#rtalisman img{
	position:absolute;
	top:0px;
	left:660px;
	height:500px;
	width:500px;
}
#maintxt{
	position:absolute;
	left:75px;
	top:160px;
	height:265px;
	width:350px;
}
#maintxt img{
	position:absolute;
	top:0px;
	left:660px;
	height:265px;
	width:350px;
}
#dateform{
	position:absolute;
	left:110px;
	top:200px;
	height:100px;
	width:300px;
}
select.formSelect  {
	font-size: 16px;
	color: white;
	background-color: #000;
	border: solid 1px #d3d3d3;
	cursor: pointer;
	}
input.formInputButton   {
	font-size: 14px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	padding:4px;
	color: #fff;
	background: #000 url("../im/form_button.png") repeat-x;
	border: solid 1px #d3d3d3;
	cursor: pointer;
	}
input.formInputButton:hover   {
	background-image: url("../im/form_button_hover.png");
	}
input.formInputButton:active   {
	background-image: url("../im/form_button.png");
	}
.text {
color:white;
padding: 10px 10px 10px 10px;
font-family:Arial;
}
.textsmall {
color:white;
text-align:center;
font-size: 8pt;
}
/************************content*********************/
#content{
    position:relative;
    top:0px;
    margin:0px auto;
    height:auto;
    overflow:hidden;
    width:500px;
}
#welcome{
	position:relative;
	width:500px;
	height:500px;
}
#welcome_container{
	position:absolute;
	top:0px;
	left:2px;
	width:550px;
	height:500px;
}
#welcome_img{
	position:absolute;
	left:370px;
	top:250px;
	width:0px;
	overflow:hidden;
}
#italisman{
	position:relative;
	width:500px;
	height:500px;
}
#italisman_container{
	position:absolute;
	top:0px;
	left:2px;
	width:550px;
	height:500px;
}
#italisman_img{
	position:absolute;
	left:-200px;
	top:550px;
	width:5px;
	overflow:hidden;
}
/*****************************navigation**********************/
#navigation_container{
    position:absolute;
    float:left;
    top:50px;
    left:0px;
    width:100px;
    height:300px;
}
.link_img{
    position:absolute;
    cursor:move;
    width:0px;
    height:0px;
}
.link_text{
    position:absolute;
    color:#f0f0d9;
    font-family:Arial;
    font-weight:bold;
    cursor:pointer;
    font-size:20px;
    text-decoration:none;
}
.link_shadow{
    position:absolute;
    color:#555555;
    font-family:Arial;
    font-weight:bold;
    font-size:20px;
}
#link1{
    top:-40px;
    left:-40px
}
#link2{
    top:0px;
    left:630px;
}
#link3{
    top:320px;
    left:-30px;
}
#link4{
    top:255px;
    left:590px;
}
#link5{
	top:-1500px;
	left:-1500px;
	cursor:default;
}
#link6{
	top:-1550px;
	left:-1550px;
	cursor:default;
}
#link7{
	top:-1600px;
	left:-1600px;
	cursor:default;
}
#link1_title{
    top:65px;
    left:-75px;
}
#link2_title{
    top:100px;
    left:-75px;
}
#link3_title{
    top:135px;
    left:-75px;
}
#link4_title{
    top:170px;
    left:-75px;
}
#link5_title{
    top:205px;
    left:-75px;
}
#link6_title{
    top:240px;
    left:-75px;
}
#link7_title{
    top:275px;
    left:-75px;
}

#link1_shadow{
    top:66px;
    left:-75px;
}
#link2_shadow{
    top:100px;
    left:-75px;
}
#link3_shadow{
    top:136px;
    left:-75px;
}
#link4_shadow{
    top:170px;
    left:-75px;
}
#link5_shadow{
    top:206px;
    left:-75px;
}
#link6_shadow{
    top:240px;
    left:-75px;
}
#link7_shadow{
    top:276px;
    left:-75px;
}
#philosophy{
	position:relative;
	top:0px;
	left:0px;
	font-family:Arial;
}
#phil_menu_overflow{
	position:relative;
	width:496px;
	margin-left:2px;
	overflow:hidden;
}
#phil_menu{
	position:relative;
	width:730px;
	white-space:nowrap;
}
.phil_menu_item{
	position:relative;
	left:15px;
	padding:5px;
	margin-left:5px;
	color:#D80603;
	border:1px solid #828080;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	float:left;
}
.phil_menu_item:hover{
	color:#ffcc00;
}
.active_item:hover{
	color:#ffcc00;
}
.active_item{
	color:#ffcc00;
}
#phil_content{
	position:relative;
	overflow:hidden;
	margin-left:2px;
	height:253px;
	width:496px;
}
.title{
	margin-left:5px;
	font-size:12pt;
	color:#ffcc00;
	font-weight:bold;
	padding: 0 0 5px 0;
}
.subtitle{
	margin-left:15px;
	font-size:10pt;
}
#philosophy table{
	margin-left:25px;
	border: 0;
}
#philosophy td{
	margin-right:20px;
}
#philosophy p{
	margin-left:25px;
}
.phil_body{
	width:456px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	color:#fff;
	bottom:0px;
}
.entry{
	position:relative;
	margin:0px auto;
}
.name{
	float:left;
	font-family:arial;
	color:#F6B442;
	font-weight:bold;
	font-size:14pt;
}
.value{
	float:left;
	font-family:arial;
	color:#193139;
	font-size:10pt;
}

#getitalisman{
	position:relative;
	top:0px;
	left:0px;
	font-family:Arial;
	border:1px solid #cccccc;
}
#youritalisman{
	position:relative;
	top:0px;
	left:0px;
	font-family:Arial;
}
#tab_overflow{
	position:relative;
	width:496px;
	margin-left:2px;
	overflow:hidden;
}
#tab_container{
	position:relative;
	width:730px;
	white-space:nowrap;
}
.menu_item{
	position:relative;
	left:50px;
	margin-left:5px;
	font-weight:bold;
	font-size:12pt;
	cursor:pointer;
	border:5px solid #EEEEEE;
	float:left;
}
#tab_body_container{
	position:relative;
	overflow:hidden;
	margin-left:2px;
	height:150px;
	width:496px;
}
.sliding_body{
	width:456px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	font-size:10pt;
	color:#333333;
	bottom:0px;
}
.gal{
	border:1px solid #cccccc;
}
.galcont{
	width:500px;
	height:450px;
	text-align:center;
	margin-top: auto;
	margin-bottom: auto;
}