/*
#################################################################################################
# General
#################################################################################################
*/

*{ margin: 0; padding: 0; outline: none; }

h1 { font-size: 16px; color: black; padding-bottom: 10px;}
h2 { font-size: 12px; color: black;}
h3 {}
h4 {}
h5 {}
h6 {}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

html {
	height: 100%; 
	overflow: scroll;
	overflow-x: auto; /*CSS3*/
	font: 12px verdana, arial, sans-serif;
} 

body {
	height: 100%;
	min-height:100%;
	height:auto !important;
	background: url(../images/body_background.jpg) repeat;
	background-position:center;
}

#root{
	height:100%;
	width:876px;
	margin: 0 auto;
}
#wrapper{
	float:left;
	width: 876px;
}

/*
#################################################################################################
# Layout -> Header
#################################################################################################
*/

#header{
	height: 162px;
	width: 876px;
	background: url(../images/header.jpg);	
}

/*
#################################################################################################
# Layout -> Nav
#################################################################################################
*/

#nav{
	width: 876px;
	min-height: 55px;
	background-color: #F7F0E8;
	margin-top: 20px;
	text-align: center;
	padding-top: 20px;
}
#nav a{
	font-size: 15px;
	text-decoration: none;	
	color: white;
	background-color: orange;
	padding-left: 10px;
	padding-right: 10px;	
}
#nav a:hover{
	color: black;
}


.sub-navi{
	margin-top: 10px;	
	text-align: right;
	margin-right: 102px;
}
.sub-navi-set{
	margin-top: 10px;	
	text-align: right;
	margin-right: 102px;
}
/*
#################################################################################################
# Layout -> Content
#################################################################################################
*/

#content{
	padding-top: 210px;
	padding-left: 100px;
	margin-top: 20px;
	padding-right: 100px;
	padding-bottom: 40px;
	width: 676px;
	min-height: 500px;
	background: url(../images/content_background.jpg) no-repeat #f9f2ea;
}

/*
#################################################################################################
# Layout -> footer
#################################################################################################
*/

#footer{
	margin-top: 20px;
	width: 876px;
	height: 162px;
	background: url(../images/footer.jpg);
}