html, body, h1, h2, h3, h4, ul, li, title_yellow {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #000000 url(page_bg.jpg) repeat-x;
	font: 11px verdana, sans-serif;
	color: #FFFFFF;
	padding-bottom: 10px;

}


.wrapper {
	width: 800px;
	height: 550px;

	background: url(background.jpg) no-repeat;
  position: relative;
  margin:0 auto; 
	top: 111px;
		_top: 11px;
}



#journey_body
{
 	background: #000000 url(./apps/Journey/page_bg.jpg) repeat-x;
}

#journey
{
 	background: url(./apps/Journey/background.jpg) no-repeat;
}



#pocketremix_body
{
 	background: #000000 url(./apps/PocketRemix/page_bg.jpg) repeat-x;
}

#pocketremix
{
 	background: url(./apps/PocketRemix/background.jpg) no-repeat;
}


#computermusic_body
{
 	background: #000000 url(./apps/ComputerMusic/page_bg.jpg) repeat-x;
}

#computermusic
{
 	background: url(./apps/ComputerMusic/background.jpg) no-repeat;
}

#bloodbath_body
{
 	background: #000000 url(./apps/Bloodbath/page_bg.jpg) repeat-x;
}

#bloodbath
{
 	background: url(./apps/Bloodbath/background.jpg) no-repeat;
}

#mis_body
{
 	background: #000000 url(./apps/MIS/page_bg.jpg) repeat-x;
}

#mis
{
 	background: url(./apps/MIS/background.jpg) no-repeat;
}

#aura_body
{
 	background: #000000 url(./apps/Aura/page_bg.jpg) repeat-x;
}

#aura
{
 	background: url(./apps/Aura/background.jpg) no-repeat;
}
#flux
{
 	background: url(./apps/flux/background.jpg) no-repeat;
}
#flux_body
{
 	background: #000000 url(./apps/flux/page_bg.jpg) repeat-x;
}


#appLink
{
 position: absolute;
 top: 452px; 
 left: 622px; 
}



#appLink3
{
 position: absolute;
 top: 452px; 
 left: -70px; 
}



#appLink2
{
 position: absolute;
 top: 425px; 
 left: 658px; 
}

#video_tube
{
 position: absolute;
 top: 131px; 
 left: 3px; 
 width: 430px;
}

#video_tube2
{
 position: absolute;
 top: 100px; 
 left: 35px; 
 width: 430px;
}
h1 {
  padding: 25px 0 0 30px;
  font: 26px verdana, "arial black"-serif;
  color: #151515;
}

h1 em {
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  position: relative;
  top: -4px;
}

/* nav */

#nav {
  position: aboslute;
  top: 0px;
  left: 0px;
  width: 800px;
	margin:0 auto; 
	
}
#nav li_title {
  float: left;
  width: 140px;
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  line-height: 1.1;
	text-align: center;
}

#nav li {
  float: left;
  width: 80px;
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
  line-height: 1.1;
	text-align: center;
	font-size: 10px;
  text-decoration: none;
}
#nav span {
  display: block;
  font-size: 28px;
}
#nav a {
  color: #FFFFFF;
  font-size: 10px;
  text-decoration: none;
}


#nav a:hover{
  color: #AAAAAA;
 
}

/** topcontent **/

#topcon {

  width: 710px;
  position: relative;
  top: 20px;
  left: 35px;
  color: #fff;
	height: 200px;
}


#topcon h2 {
  font-size: 14px;
}


/** topcontent **/
#tophome {

  width: 710px;
  position: absolute;
  /**top: 100px;**/
  left: 33px;
  color: #fff;
}
#tophome-inner {
  margin: 00px 0px 0px 0px;
  height: 500px;
  overflow: auto;
}
#topconhome h2 {
  font-size: 14px;
}



/** Body **/
#content {
  width: 800px;
  position: absolute;
  color: #fff;
  top: 550px;
	margin:0 auto; 

}
#content a {
  color: #fff;
}
#content a:hover {
  color: #fee;
}
#body {
  border: 0px ;
  background: #FFFFFF;
  padding: 0px;
}

#body_info {
  border: 0px ;
  background: #000000;
  padding: 0px;
	
	position: relative;
  width: 700px;
	margin:0 auto; 
}


.box {
  float: left;
  width: 218px;
  background: #730F11;
  margin-right: 12px;
	margin-bottom: 10px;
	
}

.box-t { background: top url(box_t.gif) repeat-x; }
.box-r { background: right url(box_r.gif) repeat-y; }
.box-b { background: bottom url(box_b.gif) repeat-x; }
.box-l { background: left url(box_l.gif) repeat-y; }
.box-tr { background: top right url(box_tr.gif) no-repeat; }
.box-br { background: bottom right url(box_br.gif) no-repeat; }
.box-bl { background: bottom left url(box_bl.gif) no-repeat; }
.box-tl { background: top left url(box_tl.gif) no-repeat; }

.box-tl {
  padding: 13px 18px;
}
.box p {
  margin: 1em 0;
}


.box_b {
  float: left;
  width: 218px;
  background: #062d67;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_b { background: top url(./CornerBlue/box_t.gif) repeat-x; }
#box-r_b { background: right url(./CornerBlue/box_r.gif) repeat-y; }
#box-b_b { background: bottom url(./CornerBlue/box_b.gif) repeat-x; }
#box-l_b { background: left url(./CornerBlue/box_l.gif) repeat-y; }
#box-tr_b { background: top right url(./CornerBlue/box_tr.gif) no-repeat; }
#box-br_b { background: bottom right url(./CornerBlue/box_br.gif) no-repeat; }
#box-bl_b { background: bottom left url(./CornerBlue/box_bl.gif) no-repeat; }
#box-tl_b { background: top left url(./CornerBlue/box_tl.gif) no-repeat; }





.box_lg {
  float: left;
  width: 218px;
  background: #4a6706;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_lg { background: top url(./CornerLightGreen/box_t.gif) repeat-x; }
#box-r_lg { background: right url(./CornerLightGreen/box_r.gif) repeat-y; }
#box-b_lg { background: bottom url(./CornerLightGreen/box_b.gif) repeat-x; }
#box-l_lg { background: left url(./CornerLightGreen/box_l.gif) repeat-y; }
#box-tr_lg { background: top right url(./CornerLightGreen/box_tr.gif) no-repeat; }
#box-br_lg { background: bottom right url(./CornerLightGreen/box_br.gif) no-repeat; }
#box-bl_lg { background: bottom left url(./CornerLightGreen/box_bl.gif) no-repeat; }
#box-tl_lg { background: top left url(./CornerLightGreen/box_tl.gif) no-repeat; }










.box_y {
  float: left;
  width: 218px;
  background: #4c4200;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_y { background: top url(./CornerYellow/box_t.gif) repeat-x; }
#box-r_y { background: right url(./CornerYellow/box_r.gif) repeat-y; }
#box-b_y { background: bottom url(./CornerYellow/box_b.gif) repeat-x; }
#box-l_y { background: left url(./CornerYellow/box_l.gif) repeat-y; }
#box-tr_y { background: top right url(./CornerYellow/box_tr.gif) no-repeat; }
#box-br_y { background: bottom right url(./CornerYellow/box_br.gif) no-repeat; }
#box-bl_y { background: bottom left url(./CornerYellow/box_bl.gif) no-repeat; }
#box-tl_y { background: top left url(./CornerYellow/box_tl.gif) no-repeat; }



.box_p {
  float: left;
  width: 218px;
  background: #670646;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_p { background: top url(./CornerPink/box_t.gif) repeat-x; }
#box-r_p { background: right url(./CornerPink/box_r.gif) repeat-y; }
#box-b_p { background: bottom url(./CornerPink/box_b.gif) repeat-x; }
#box-l_p { background: left url(./CornerPink/box_l.gif) repeat-y; }
#box-tr_p { background: top right url(./CornerPink/box_tr.gif) no-repeat; }
#box-br_p { background: bottom right url(./CornerPink/box_br.gif) no-repeat; }
#box-bl_p { background: bottom left url(./CornerPink/box_bl.gif) no-repeat; }
#box-tl_p { background: top left url(./CornerPink/box_tl.gif) no-repeat; }





.box_g {
  float: left;
  width: 218px;
  background: #175200;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_g { background: top url(./CornerGreen/box_t.gif) repeat-x; }
#box-r_g { background: right url(./CornerGreen/box_r.gif) repeat-y; }
#box-b_g { background: bottom url(./CornerGreen/box_b.gif) repeat-x; }
#box-l_g { background: left url(./CornerGreen/box_l.gif) repeat-y; }
#box-tr_g { background: top right url(./CornerGreen/box_tr.gif) no-repeat; }
#box-br_g { background: bottom right url(./CornerGreen/box_br.gif) no-repeat; }
#box-bl_g { background: bottom left url(./CornerGreen/box_bl.gif) no-repeat; }
#box-tl_g { background: top left url(./CornerGreen/box_tl.gif) no-repeat; }



.box_c {
  float: left;
  width: 218px;
  background: #2b2b2b;
  margin-right: 12px;
	margin-bottom: 10px;
}

#box-t_c { background: top url(./CornerClear/box_t.gif) repeat-x; }
#box-r_c { background: right url(./CornerClear/box_r.gif) repeat-y; }
#box-b_c { background: bottom url(./CornerClear/box_b.gif) repeat-x; }
#box-l_c { background: left url(./CornerClear/box_l.gif) repeat-y; }
#box-tr_c { background: top right url(./CornerClear/box_tr.gif) no-repeat; }
#box-br_c { background: bottom right url(./CornerClear/box_br.gif) no-repeat; }
#box-bl_c { background: bottom left url(./CornerClear/box_bl.gif) no-repeat; }
#box-tl_c { background: top left url(./CornerClear/box_tl.gif) no-repeat; }










p.more {
  margin: 0;
}

#hits {
  width: 240px;
}
#hits .box-tl {
  padding-bottom: 22px;
}
#hits ul {
  margin: 1em 0;
}
#hits li {
  list-style: none;
  margin: 0.9em 0;
}
#hits ul a {
  text-decoration: none;
}
#hits ul a:hover {
  text-decoration: underline;
}

#new {
  margin-right: 0;
}
#new .box-tl {
  padding-bottom: 18px;
}
#new p {
  margin-top: 0;
  margin-bottom: 3.6em;
}


h2 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 1.5em;
}
h3 {
  font-size: 9px;
  color: #FFEA00;
}

title_yellow {
  font-size: 14px;
  color: #FFEA00;
	font: verdana, "arial black";
	 font-weight: bold;
  font-style: normal;
}

#body .more a {
  font-weight: bold;
  text-decoration: none;
}
#body .more a:hover {
  text-decoration: underline;
}
#body .hr-yellow {
  border-top: 1px solid #FFEA00;
  padding-bottom: 1em;
  margin-top: 1em;
}


#full_voulme2 {
  width: 800px;
 
  color: #fff;
	height: 550px;
	background: url(./apps/PocketRemix/pocket_remix2_web.jpg) no-repeat;

}
#full {
  width: 700px;


}
#full .box-tl {
  padding-bottom: 22px;
}
#full ul {
  margin: 1em 0;
}
#full li {
  list-style: none;
  margin: 0.9em 0;
}
#full ul a {
  text-decoration: none;
}
#full ul a:hover {
  text-decoration: underline;
}


/** footer **/
#footer {
  text-align: center;
	margin-top: 10px;
}
#footer p, #footer ul {
  margin: 0.8em;
}
#footer ul {
  margin-top: 10px;
}
#footer li {
  display: inline;
  list-style: none;
}