/* CSS Document */
/* *** encoded by www.philogos.com *** */

body {
	background-color: #ffffff;
	font-size: 12px;
	line-height:18px;
	font-family:Courier, Courier New, Sans-Serif;
	color: #2373AF;
}
a {
	color: #ED7720;
	text-decoration: none;
	border: none;
}
a:visited {
	color: #ED7720;
	text-decoration: none;
	border: none;
}
a:hover {
	color: #ED7720;
	text-decoration: underline;
	border: none;
}
a:active { color: #ED7720;
    text-decoration: underline;
	border: none;

}

h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: normal;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;}
	
	
/* ----------mainframe-------------- */

#index_mainframe {
	width: 900px;
	height:auto;
	background-color: #300a03;
	padding: 0px 0px 0px 0px;
	margin: 108px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;}
	
#logo_life { 
	height:510px;
	width:900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background-image: url(images/index2.gif);
	background-repeat:no-repeat}
	

#nav {
	width: 200px;
    height: 400px;
	margin: 0px 0px 0px 675px;
	padding: 214px 0px 0px 0px;
	list-style-type: none;
	list-style-position: outside;}
	
#nav a {
    font-size: 14px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;}
	
#nav a:hover {
	color: #4283E8;
	text-decoration: none;}
	 
#nav #active a {
	color: #4283E8;
	text-decoration: none;}
	
#nav li {
	padding: 0px 0px 20px 0px;
	margin: 0;}

	
	
	
	
	
#mainframe {
	width: 900px;
	height:auto;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 36px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;}
	
		
#header {
	width: 900px;
	height:108px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px}



#logo { 
	height:100px;
	width:389px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 287px}

#logo img {
	border:none;
	
}		
#logo img.yingarna {
	border:none;

}
#logo  a img.yingarna {
    background-image:url(images/logo.gif);
	background-repeat: no-repeat;
	
}
#logo a:hover img.yingarna {
    background-image: url(images/rainbow_logo7.gif);
	background-repeat: no-repeat;
	
}

#sec_nav {
    float:left;
	width:150px;
    height:300px;
	margin: 0px 0px 0px 0px;
	padding:45px 0px 0px 112px;
	list-style-type: none;
	list-style-position: outside;
	text-align:right}
	
#sec_nav a {
    font-size: 13px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ED7720;
	text-decoration: none;}
	
#sec_nav a:hover {
	color: #2373AF;
	text-decoration: none;}
	 
#sec_nav #active a {
	color: #2373AF;
	text-decoration: none;}
	
#sec_nav li {
	padding: 0px 0px 12px 0px;
	margin: 0;}
	
	
	
#content {
	width: 900px;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(images/upper.gif);
	background-repeat:no-repeat;
	background-position:0px 0px 0px 162px}
	
#text {
	width: 356px;
	height:auto;
	padding: 45px 0px 0px 0px;
	margin: 0px 0px 0px 320px}
	
#text p{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	font-size:11.5px;
	line-height:20px}
	
	
#movie_01{
	width:356px;
	height:285px;
	background-image:url(images/movie_frame.gif);
	background-repeat:no-repeat}
	
#movie_02{
	width:356px;
	height:285px;
	background-image:url(images/movie_frame.gif);
	background-repeat:no-repeat}
	
#movie_03{
	width:356px;
	height:285px;
	background-image:url(images/movie_frame.gif);
	background-repeat:no-repeat}
	
	
#bottom {
	width:900px;
	height:33px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(images/bottom.gif);
	background-repeat:no-repeat}