body {
	font-family: helvetica, arial, sans-serif;
	background-color: #e0dfe3;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #626468;
}

div {
/*	border: 1px solid red;*/
}

a img {
	border: none;
}

#container {
	width: 765px;
	height: 558px;
	margin: 4em auto 0 auto;
	background: white;
	position: relative;
}

#title {
	position: absolute;
	left: 37px;
	top: 29px;
}

#content {
	position: absolute;
	top: 57px;
	left: 37px;
	width: 689px;
	height: 422px;
	background: black;
/*	overflow: hidden;*/
	color: white;
}

#inner {
	width: 651px; 
	height: 384px; 
	padding: 19px;	
}

#content h1 {
	font-weight: normal;
	font-size: 30px;
	margin: 0 0 6px 0;
	color: white;
}

#content h2 {
	font-weight: normal;
	font-size: 28px;
	margin: 0 0 6px 0;
	color: white;
}

#content p {
	line-height: 1.3em;
}

#navigation {
	position: absolute;
	top: 488px;
	left: 37px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	height: 15px;
	float: left;
	margin-right: 12px;
	overflow: hidden;
}

#navigation ul li a {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -16px;
	overflow: hidden;
	padding: 0 0 0 110px;
}

#navigation ul li#home, #navigation ul li#home a {
	width: 34px;
	background-image: url(../img/nav/home.gif);
}

#navigation ul li#books, #navigation ul li#books a {
	width: 75px;
	background-image: url(../img/nav/books.gif);
}

#navigation ul li#contact, #navigation ul li#contact a {
	width: 48px;
	background-image: url(../img/nav/contact.gif);
}

#navigation ul li#personal, #navigation ul li#personal a {
	width: 87px;
	background-image: url(../img/nav/personal.gif);
}

#navigation ul li#commercial, #navigation ul li#commercial a {
	width: 106px;
	background-image: url(../img/nav/commercial.gif);
}

#navigation ul li#prices, #navigation ul li#prices a {
	width: 37px;
	background-image: url(../img/nav/prices.gif);
}

#navigation ul li#wedding, #navigation ul li#wedding a {
	width: 96px;
	background-image: url(../img/nav/wedding.gif);
}

#navigation ul li#links, #navigation ul li#links a {
	width: 28px;
	background-image: url(../img/nav/links.gif);
}

#navigation ul li#clients, #navigation ul li#clients a {
	width: 39px;
	background-image: url(../img/nav/clients.gif);
}

#navigation a:hover, #navigation a.on  {
	background-position: 0 0;
}

#footer {
	width: 684px;
	margin: 5px auto;
	text-align: right;
	font-size: 10px;
}

#footer, #footer a, #footer a:link, #footer a:visited {
	color: #C3C2C5;
	text-decoration: none;
} 

#footer a:hover {
	color: #9B9A9D;	
}