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

*{
	margin: 0px;
	padding: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	text-align: left;
	color: #000000;
}

body{
	background: #ffffff;
}

a{
	color: inherit;
	font-size: inherit;
	text-decoration: none;
	border-bottom: 1px dashed #888888;
}

a:hover{
	border-bottom: none;
}

#main{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	overflow: visible;
	border: 1px solid #888888;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;	
		-moz-border-radius: 8px;
		 border-radius: 8px;
}

#top{
	display: block;
	padding: 20px;
}

#top a{
	border: none;
}

#h{
	height: 220px;
	width: 800px;
	margin-left: -20px;
	margin-right: -20px;
	background: url(img/hbg.jpg) top center no-repeat;
}

#h a{
	display: inline;
	color: #ffffff;
	line-height: 32px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border: none;
}

/*
#h a:hover{
	text-decoration: none;
	border: none;
}
*/

#h a div{
	display: inline-block;
	height: 220px;
	margin: -2px -2px -40px -2px;
	background-position: bottom;
	background-repeat: no-repeat;
}

#h a:hover div{
	background-position: top;
}

#h1{
	width: 176px;
	background-image: url(img/h1.png);
}

#h2{
	width: 152px;
	background-image: url(img/h2.png);
}

#h3{
	width: 152px;
	background-image: url(img/h3.png);
}

#h4{
	width: 152px;
	background-image: url(img/h4.png);
}

#h5{
	width: 168px;
	background-image: url(img/h5.png);
}

#content{
	display: block;
	width: 500px;
	min-height: 200px;
	overflow: auto;
	padding: 20px;
	padding-left: 240px;
	background: url(img/b.jpg) bottom left no-repeat;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;	
		-moz-border-radius: 8px;
		 border-radius: 8px;
}

.header{
	display: block;
	text-align: right;
	text-transform: capitalize;
	padding-bottom: 20px;
}

#footer{
	display: block;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	text-align: center;
	color: #888888;
}

hr{
	height: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: inherit;
	background: inherit;
	border: none 0px;
	border-bottom: 1px dashed #888888;
}

#calculator{
	text-align: center;
	width: 460px;
	padding: 20px;
	border: 1px dashed #888888;
	margin-bottom: 20px;
}