/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html,
body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	font-size:0.92em;
	text-align:center;
	background:#ffffff url(../images/bg_blue1.jpg) left top no-repeat;
	width: 100%;
}

#wrapper{
	position:relative;
	height:100%;
	background:url(../images/ttl_ranpi2_blue1.gif) left top no-repeat;
	min-width:720px;
	z-index:2;
}
body > #wrapper{
	height:auto;
	min-height:100%;
}

	#main{
		float:left;
		padding-bottom:218px;
		zoom:1;
	}

		#header-name{
			width:340px;
			height:157px;
			text-align:left;
		}
			#header-name a{
				display:block;
				overflow:hidden;
				height:0;
				padding-top:147px;
				background:url(../images/ttl_ranpi2_blue1.gif) left top no-repeat;
			}
		#header-description{
			position:absolute;
			top:0;
			left:0;
			text-align:left;
			font-size:60%;
			color:#e0e0e0;
			height:0;
			overflow:hidden;
		}

	#main:after{
		content: ""; 
		display: block; 
		clear: both;
	}

#footer{
	clear:both;
	position:relative;
	margin-top:-218px;
	height:218px;
	min-width:720px;
}
	#footer-box{
		position:absolute;
		left:0;
		bottom:0;
		width:723px;
		height:324px;
		z-index:1;
		background:url(../images/bg_chori_blue1.png) left bottom no-repeat;
	}
	#colophon{
		position:relative;
		height:100%;
		background:url(../images/bg_footer_blue1.png) right bottom no-repeat;
		z-index:2;
	}