body {
	margin: 0; padding: 0;
	background: #ffffff; color: #292929;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

img { border: 0; }

a,
.blue { color: #199BDC; }
.red { color: #FA2B69; }
.green { color: #33C56C; }
.black { color: #000; }

.yellowback { background: #FFDE88; }

.hd { display: none; }

#top:after,
#footer ul:after,
#text form:after {
	clear : both;
	display : block;
	content : ".";
	height : 0;
	font-size : 0;
	line-height : 0;
	overflow : hidden;
}

/* --------- HEADER -------- */

#top { padding: 3px 0 9px 60px; font-size: 1.1em; }
#top ul,
#top ul li { margin: 0; padding: 0; list-style-type: none; font-family: Arial Narrow; }
#top ul li { padding: 0 0 0 40px; float: left; }

#head { background: #f2f2f2; padding: 30px 30px 30px 100px; }
#head .name { font-family: Georgia, serif; font-size: 4em; }
#head .name a { color: #292929; text-decoration: none; }
#head .name a:hover { border-bottom: 3px solid #292929; }
#head h1 { margin: 10px 0 0 0; padding: 0; font-size: 1.2em; font-weight: normal; font-family: Arial Narrow; }

/* --------- CONTENT -------- */

ol.sites { color: #676767; font-size: 0.9em; padding: 0 0 0 20px; margin: 0 0 0 80px; }
ol.sites a:active { background: #FFDE88; }
ol.sites li { margin: 25px 0 0 0; padding: 0; }
ol.sites img.icon {
	position: absolute;
	z-index: +2;
	left: 42px;
	border-top: 3px solid #fff;
}
ol.sites big { font-family: Arial Narrow; font-size: 1.4em; font-weight: bold; }
ol.sites span.description { color: #292929; font-size: 1.1em; }
ol.sites small.url { color: #969696; font-size: 0.85em; display: block; }

#text { padding: 25px 25px 0 100px; }
#text h2 { margin: 0; padding: 0; font-family: Arial Narrow; font-size: 3em; font-weight: normal; }
#text p { line-height: 1.3em; }
#text blockquote { border: 1px dotted #DEDEDE; background: #fbfbfb; padding: 15px 25px; font-size: 1.2em; font-family: Arial Narrow; }
#text form { margin: 0; padding: 0; width: 410px; }
#text form label {
	display: block;
	float: left;
	clear: left;
	margin: 1.1em 300px 0.5em 0;
	padding: 3px;
	font-size: 0.9em;
	background: #f8f8f8;
}
#text form input {
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #DEDEDE;
	padding: 3px;
	width: 400px;
	font-size: 15px !important;
}
#text form input#tel { width: 100px; clear: left; margin: 0 5px 0 0; text-align: right; }
#text form input#tel2 { width: 287px; }
#text form textarea {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #DEDEDE;
	padding: 3px 0 3px 3px;
	width: 400px;
	font-size: 15px !important;
}
#text form input#submit {
	padding: 3px 0 1px 0;
	margin: 1.1em 0 0 0;
	width: 100px;
	background: #ccc;
	border: 1px outset #ccc;
	font-size: 11px !important;
}

/* --------- FOOTER -------- */

#footer { border-top: 1px solid #DEDEDE; margin: 40px 0 0 0; padding: 27px 0 0 60px; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style-type: none; font-family: Arial Narrow; }
#footer ul li { padding: 0 0 30px 40px; float: left; }
#footer ul li a { color: #292929; }

#footer .copy { padding: 0 0 20px 40px; font-size: 0.75em; color: #676767; }

#footer .counter {  padding: 0 0 20px 40px; }