@charset "utf-8";
/* CSS Document */

body{
	margin:0 auto;
	background:#320b28;
	width:100%;
	}
	
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFFFFF;
	padding:20px 0 0px 0;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:0;
	}	
	
	
#wrraper{
	background:url(../images/GURUJI-COL-03-6X8.png)  center no-repeat;
	margin:0 auto;
	height:870px;
	padding:0px 0 50px 0;
	}	
	
	
	
	
/*animated_bg*/	



h3 {color:#396A88;font-size:1.6em;}
h6 {color:#888;font-size:1.2em;padding:0;margin:0;font-family:georgia, Times New Roman, Times, Serif;font-style:italic;}

p {width:600px;}

#container {
  background:url(../images/gradient.jpg);
  position:relative;
  width:100%;
  height:900px;
}

#overlay {
  position:absolute;
  top:0;
  left;0;
  width:899px;
  height:358px;
  background:url(../images/overlay.png);
}
#container2 {
  background:url(../images/gradient.jpg);
  position:relative;
  width:640px;
  height:100px;
}
div#title {text-align:right;font-size:140px;font-weight:bold;font-family:Arial, Helvetica, Verdana, sans-serif;letter-spacing:-10px;color:#fff;line-height:105px;padding:110px 10px 0 0;}

#overlay2 {
  position:absolute;
  top:0;
  left;0;
  width:640px;
  height:100px;
  background:url(../images/overlay.png);
}
#download {
  position:absolute;
  top:0;
  left;0;
  width:640px;
  height:100px;
}

pre {padding:20px;background:#f2f2f2;font-weight:bold;width:600px;}
div.note {padding:10px 20px 10px 20px;background:#f2f2f2;font-weight:normal;width:600px;}
div.note h3 {padding:0;margin:0;color:#e00000;}
span.red {color:#e00000;}
span.grey {color:#999;}