@font-face {
  font-family: 'UnDinaru';
  src: url('UnDinaru.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('UnDinaru.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    }
@font-face {
  font-family: 'Yellowtail-Regular';
  src: url('Yellowtail-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('Yellowtail-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}



body {
	font-family: Arial, sans-serif;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	background-image: url('../images/light_wooden_background.jpg');
	margin: 0px;
	padding: 0px;
	color: #333333;
	position: relative;
	}


div.container-header-all {
width: 100%;
height: 349px;
background-image: url('../images/nav_background.png');
position: relative;
border-bottom: 10px solid #000000;
box-shadow: 3px 3px 8px #4e4e4e;
z-index: 5
}

div.container-head-and-nav {
width: 989px;
height: 349px;
margin: 0 auto;
}

div.header {
	width: 400px;
	height: 349px;
	margin: 10px 29px 0px 0px;
	float: left;

	}

div.tel-box {
width: 550px;
height: 190px;
float: left;
color: #ffffff;
font-size: 40px;
text-align: right;
padding: 10px 10px 0px 0px;
font-family: UnDinaru, sans-serif;
line-height: 10px;

}

.phrase {
	font-family: Yellowtail-Regular, sans-serif;
	text-align: right;
	font-size: 66px;
	color: #ffffff;
	padding-top: 28px;
	text-shadow: 0px 4px 4px #aaa;
}

div.navigation_bar {
	font-family: UnDinaru, sans-serif;
	float: left;
	width: 550px;
	height: 100px;
	margin: 59px 0px 0px 0px;
	}

div.navigation_bar a {
color: #ffffff;
	transition:.5s;
}

div.navigation_bar a:hover {
color: #484848;
	transition:.5s;
}

ul#navigation {

	width: 550px;
	height: 100px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 20px;


}

#navigation li{
	float: left;
	height: 60px;
	width: 110px;
	text-align: left;
	text-align: center;
	line-height: 16px;

	padding-top: 40px;
}

div.container {
	width: 989px;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
	}


#button_select a {
	float: left;
	height: 60px;
	width: 110px;
line-height: 56px;
	color: #000000;
background-color: #ffdd55;
margin-top: -20px;
border-radius: 6px;
}

a {
	color: #000000;
	text-decoration: none;
		transition:.5s;
}

a:hover {
	color: #484848;
	transition:.5s;
}

img {
	border-style: none;
	}

div.paper_top {
	float: left;
	width: 989px;
	height:  13px;
	margin-top: 4px;
	background-image: url('../images/paper_top.png');
	}


div.main_background {
	width: 949px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 20px 0px 20px;
	background-image: url('../images/paper.png');
	}

h1 {
	font-size: 26px;
	font-family: UnDinaru, sans-serif;
	text-transform: uppercase;

	}

h2 {
	font-size: 22px;
	margin-top: 0px;
	color: #000037;
	font-family: UnDinaru, sans-serif;
	text-shadow: 0px 4px 4px #aaa;
	text-transform: uppercase;
	line-height: 24px;
	}

	h3 {
		font-size: 20px;
	margin-top: 0px;
	color: #000037;
	font-family: UnDinaru, sans-serif;
	text-shadow: 0px 4px 4px #aaa;
	text-transform: uppercase;
	line-height: 22px;
	}


div#footer {
	width: 989px;
	height: 280px;
	background-image: url('../images/paper_bottom.png');
	background-repeat:no-repeat;
}

div#footer_a {
	font-size: 12px;
	width: 474px;
	height: 60px;
	padding: 10px 0px 0px 20px;
	float: left;
}


div#footer_b {
	font-size: 12px;
	text-align: right;
	width: 474px;
	height: 60px;
	padding: 10px 20px 0px 0px;
	float: left;
}

div#footer_b a {
	color: black;
}