body {
	
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #AC1F23 url(../assets/bg.png) repeat-x;
}

/* Text Styles */

p {
	font-size: 15px;
	color: #55382F;
}

ul {
	text-align: left;
}

h1 {
	margin: 0;
	padding: 5px;
	font-size: 35px;
	color: #919191;
}

h2 {
	margin: 5px;
	font-size: 20px;
	text-align: center;
	color: #55382F;
}

h3 {
	margin: 0;
	font-size: 16px;
	text-align: center;
	color: #55382F;
}

h4 {
	margin: 0;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	background-color: #920000;
	color: #fff0cd;
}

h5 {
	margin: 5px;
	color: #515151;
}

#key_box p {
	font-size: 10px;
	margin: 6px;
	color: #515151;
}

#key_box ul {
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px -22px;
	color: #515151;
}

/* links */

a {
	color: #a70000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* inputs */

#pop_input {
	width: 250px;
	height: 40px;
	margin: 10px;
	background-color: #fff5e3;
	color: #55382F;
	font-size: 30px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.nor_input {
	width: 100px;
	height: 40px;
	margin: 10px;
	color: #55382F;
	font-size: 30px;
	background: #fff5e3 url(../assets/lable_per.png) no-repeat 70px 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#total {
	width: 250px;
	height: 40px;
	margin: 10px 10px 0px;
	color: #55382F;
	font-size: 30px;
	background-color: #fff5e3;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#total_msg {
	width: 440px;
	height: 40px;
	margin: 15px 10px 15px;
	color: #a70000;
	font-size: 30px;
	background-color: #F6E5C3;
	border-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Buttons */

#calculate {
	width: 200px;
	height: 40px;
	font-size: 22px;
	margin: 5px;
	background-color: #1a839d;
	border: 3px inset #3f4d48;
	color: #fff;
}

#clear {
	width: 200px;
	height: 40px;
	font-size: 22px;
	margin: 5px;
	background-color: #c00;
	border: 3px inset #920000;
	color: #fff;
}

/* Divs */

#container {
	
	z-index: 1000;
	margin: 5px auto 0px;
	width: 500px;
	padding: 5px 0px 10px;
}

#headder {
	background: url(../assets/city1.png) no-repeat;
	width: 500px;
	height: 138px;
}

#side_ads {
	position: fixed;
	right: 4px;
	top: 10%;
	padding: 5px;
	border: 3px ridge #600;
	background-color: #F6E5C3;
	width: 170px;
	height: 600px;
}

#key1 {
	position: fixed;
	top: 210px;
	left: 4px;
	padding: 0px;
	z-index: 5;
	width: 200px;
	border: 3px ridge #600;
}

#key_box {
	background-color: #F6E5C3;
	margin: 0px;
	padding: 5px;
	
}

#calc_body {
	width: 100%;
	margin: -3px 0px;
	padding: 0px;
}

.box_title {
	background-color: #920000;
	color: #fff0cd;
	padding: 5px;
	font-size: 28px;
	text-align: left;
}

.calc_row {
	background-color: #F6E5C3;
	margin: 5px 5px 10px;
	padding: 5px;
	border: 3px ridge #600;
}

.calc_title {

}

.calc_text {

}

.quick_guide {
	padding: 10px;
	margin: 10px 50px;
	border: 3px solid #55382F;
	border-bottom-style: solid;
	background-color: #fff5e3;
}

.quick_title {

}

#copyright {
	margin: 25px 0px 15px;
	font-size: 10px;
	color: #fffeff;
}