@charset "UTF-8";

/*
address {background: red;}
h1 {background: green;}
#menu {background: blue;}
#content {background: brown;}
#vertical {background: orange;}
#horizontal {background: yellow;}
#page {background: grey;}
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

#page {
	width: 755px;
	margin: 15px auto 10px auto;
}

body {
	background: #ffffff;
	font-size: 14px; /*12px;*/
	line-height: 100%;
	color: #000000;
}

#header {
	font-family: georgia, serif;
}

#header a {
	text-decoration: none;
	color: #000000;
}

#header h1 {
	font-size: 36px;
	line-height: 125%;
	font-weight: normal;
	float: left;
}

#header h1 span {
	color: #888888;
}

#header h1 a {
	color: #000000;
}

#header ul a {
	text-decoration: none;
	color: #aa0000;
}

#header ul a:hover, #header ul a:focus {
	color: #ff0000;
}

#content {
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

#menu ul.first {
	float: left;
}

#menu ul.second {
	float: right;
}

#menu li {
	list-style-type: none;
	font-size: 18px;
	float: left;
}

#menu .first a {
	margin-right: 20px;
	padding: 10px 0 20px 0;
	display: block;
}

#menu .second a {
	margin-left: 20px;
	padding: 10px 0 20px 0;
	display: block;
}

#start a.start, #reports a.reports, #singles a.singles, #portraits a.portraits, #info a.info, #contact a.contact, #links a.links {
	color: #ff0000;
}

#header {
	display: block;
}

address {
	margin-top: 21px;
	font-style: normal;
	font-size: 14px;
	line-height: 125%;
	float: right;
}

address a {
	margin-right: 20px;
}

address span {
	color: #888888;
}

#vertical {
	width: 70px;
	margin-left: 15px;
	float: left;
}

#portraits #vertical {
	width: 140px;
	margin-left: 15px;
	float: left;
}

#vertical a {
	height: 40px;
	margin-left: 10px;
	margin-bottom: 5px;
	border-bottom: 5px;
	border-color: #ffffff;
	border-style: solid;
	float: left;
}

#vertical a:hover, #vertical a:focus, #vertical .current {
	border-color: #ff0000;
}

#main {
	width: 600px;
	float: left;
}

#main p {
	margin-top: 10px;
}

#horizontal {
	margin-top: 5px;
}

#horizontal a {
	height: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-bottom: 5px;
	border-color: #ffffff;
	border-style: solid;
	float: left;
}

#horizontal a:hover, #horizontal a:focus, #horizontal .current {
	border-color: #ff0000;
}

#content h3 {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 100%;
}

#content p {
	margin-bottom: 15px;
}

#content a {
	color: #aa0000;
}

#content a:hover, #content a:focus {
	color: #ff0000;
}

#contact .image {
	width: 198px;
	margin: 0 0 15px 15px;
	font-size: 10px;
	line-height: 120%;
	float: right;
}

#main span {
	font-size: 10px;
	line-height: 120%;
	text-align: right;
	float: right;
}

.clear {
	clear: both;
}