@charset "utf-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

input { margin:0; padding:0;}

ul{ list-style-type:none; }
form { display: inline; }

body {

	height:100%;
	font:13px "Trebuchet MS", Arial;
	color:#000;
	background-color:#9E9E9E;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	cursor:default;

}

#layout {

	width:700px;
	margin:0 auto;

}

#logo {

	width:270px;
	height:270px;
	margin:20px auto 0 auto;

}

#logo #tl {

	float:left;
	width:135px;
	height:135px;
	background:url(../image/tl.gif) left top no-repeat;

}

#logo #tr {

	float:left;
	width:135px;
	height:135px;
	background:url(../image/tr.gif) left top no-repeat;

}

#logo #bl {

	clear:both;
	float:left;
	width:135px;
	height:135px;
	background:url(../image/bl.gif) left top no-repeat;

}

#logo #br {

	float:left;
	width:135px;
	height:135px;
	background:url(../image/br.gif) left top no-repeat;

}

h1 {

	display:block;
	font:24px Georgia, "Trebuchet MS", Arial;
	color:#646464;
	padding:0 20px 5px 30px;
	background:url(../image/quote.gif) left top no-repeat;

}

p {

	text-align:justify;
	padding:0 20px 20px 20px;

}

p#bottom {

	text-align:center;
	padding:20px 20px 20px 20px;

}

a,
a:link,
a:active,
a:visited {

	color:#000;
	text-decoration:none;

}

a:hover {

	color:#E7B10C;
	text-decoration:underline;

}