@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Arial, Verdana, Tahoma, Helvetica;
   font-size:16px; line-height:16px; background-repeat:no-repeat; color: #fff; }
   
   
a{ text-decoration:none; }
a img{ border:0px;}
/*html{ height:100%; }*/
body{ background:url(../graph/shared/body_bg.gif) 0px 0px repeat #4a0c1d;  }

.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.override, .mde, .mdel, .mder{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder{height: 1%;}
.override, .mde, .mdel, .mder{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }
.size11{ font-size:11px !important; line-height:15px !important; }
.mde{
	width:875px; /*937px;*/
	position:relative;
	left:62px;
	/* override */
}

#mde_under_top{ padding-top:15px; }
.mdel{
	width:643px; /*705px;*/
	position:relative;
	float:left;
	/* override */
}

.mder{
	width:223px;
	position:relative;
	float:right;
	/* override */
}

.mdel p, .mdel p b, .mdel a,
.mder p, .mder p b, .mder a{
	font-family:Arial, Verdana, Tahoma, Helvetica;
   	font-size:12px; 
	line-height:16px;
	color:#d8c7be;
}


/* =============================== mde [END] ======================================== */
/* =============================== top [END] ======================================== */
#top{ height:135px; }
#top_bg{
	background-image:url(../graph/shared/top/top_bg.gif);
	width:868px;
	height:128px;
	position:absolute;
	left:0px;
	top:0px;
}

#top_title1{
	width:234px;
	height:22px;
	position:absolute;
	left:390px;
	top:40px;
	color: #fff;
	font-size: 14px;
}
#top_logo{ 
	background-image:url(../graph/shared/top/top_logo.gif);
	width:209px;
	height:119px;
	position:absolute;
	left:158px;
	top:0px;
}

#top_image{
	background-image:url(../graph/shared/top/top_image.png);
	width:177px;
	height:127px;
	position:absolute;
	left:2px;
	top:0px;
}

#top_flash{
	width:209px;
	height:289px;
	position:absolute;
	top:0px;
	right:14px;
}


#top_flash_bg{
	background-image:url(../graph/shared/top/top_flash_bg.png);
	width:202px;
	height:282px;
	position:absolute;
	left:0px;
	top:0px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 18px;	
}

#top_flash_bg p{
	padding-right: 10px;
	font-size: 18px;	
}



#top_shadows{
	background-image:url(../graph/shared/top/top_shadows.png);
	width:875px;
	height:135px;
	position:absolute;
	left:0px;
	top:0px;
}

#top_flash_shadows{
	background-image:url(../graph/shared/top/top_flash_shadows.png);
	width:209px;
	height:289px;
	position:absolute;
	left:0px;
	top:0px;
}

#top_flash_field{
	background-image:url(../graph/shared/top/top_flash_field.png);
	width:185px;
	height:153px;
	position:absolute;
	left:13px;
	top:125px;
}

#top_flash_video{
	width:169px;
	height:138px;
	position:absolute;
	left:17px;
	top:129px;
}

/* =============================== top [END] ======================================== */
/* =============================== mde [START] ====================================== */
.boxa_up, .boxa_dn{
	padding:0px 7px 0px 1px;
	width:635px;
	height:20px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.boxa_up{ background-image:url(../graph/shared/mde/boxa/boxa_up.png); } 
.boxa_dn{ background-image:url(../graph/shared/mde/boxa/boxa_dn.png); padding-bottom:7px; }

.boxa_ct{
	background:url(../graph/shared/mde/boxa/boxa_ct.png) 0px 0px repeat-y;
	width:635px;
	padding:0px 7px 0px 1px;
	position:relative;
	/* override */
	z-index:2;
}

#items_info{
	background-image:url(../graph/shared/mde/items/info.png);
	width:252px;
	height:118px;
	position:absolute;
	left:-62px;
	top:-5px;
	color: #fff;
	font-size: 14px;
	padding-top: 15px;
	padding-left: 25px;
}

#items_info a {
	text-decoration: underline;
}

#items_balloons{
	background-image:url(../graph/shared/mde/items/balloons.png);
	width:387px;
	height:160px;
	position:absolute;
	left:210px;
	top:-30px;
}

#items_star{
	background-image:url(../graph/shared/mde/items/star.png);
	width:209px;
	height:210px;
	position:absolute;
	right:-60px;
	margin-top:-85px;
	
}

#items_mder_text{
	background-image:url(../graph/shared/mde/items/mder_text.png);
	width:197px;
	height:150px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}

h1 {
color: #fff;
font-size: 14px;
}

.maintext {
padding-top: 140px;
padding-left: 10px;
padding-right: 5px;
}

.maintext ol {
padding-top: 10px;
padding-left: 10px;
}

.maintext li{
margin-left: 40px;
font-size: 12px;
color: #D8C7BE;
}



/* =============================== mde [END] ======================================== */
/* =============================== footer [START] =================================== */
#footer{ padding:10px 0px 0px 0px; }
#footer p, #footer p b, #foot_span, .foot_link{
	font-family:Arial, Verdana, Tahoma, Helvetica;
   	font-size:12px; 
	line-height:16px;
	color:#d8c7be;
}

.foot_link:hover{ text-decoration:underline; }
.foot_sep{ margin-left:1px; margin-right:1px; }
/* =============================== footer [END] ===================================== */
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */