* {
	margin: 0;
	padding: 0
}

body {
	background: #CCC;
	color: #000;
	text-align: center;
	font: 100% Arial, sans-serif;	
}

h1 {
	font-size: 1.6em;
	text-align: center;
	margin-bottom: 1em
}

ul,
li {
	list-style-type: none
}

p {
	margin-bottom: 1em
}

table {
	border-collapse: collapse;	
	border-spacing: 0
}

table td {
	vertical-align: top
}

img {
	border: 0
}

/* common */

.with_clear {		
	clear: both;
	height: 1px	
}

html>body .with_clear {
	height: auto	
}

html>body .with_clear:after {
	content: "."; 
	display: block; 
	height: 0; 			
	line-height: 0;			
	clear: both;
	visibility: hidden
}

.clear {
	clear: both
}


/* layout */

#layout {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	padding-top: 318px;
	background: #4E4E4E url(top.jpg) left top no-repeat
}


/* middle */

#middle {	
	width: 100%;
	background: #898989;
	margin-bottom: 30px;
}

#middle .left_column {
	width: 208px;
}


/* navigation */

#navigation {	
	font-size: 1.2em;
	padding: 0 0.3em;
//	height: 1px;
}

#navigation .bg {
	background: #4E4E4E url(navigation-l-t-bg.gif) 0 0 no-repeat;
}

#navigation .bg .bg {
	background: url(navigation-r-t-bg.gif) right 0 no-repeat;
}

#navigation .bg .bg .bg {
	background: url(navigation-r-b-bg.gif) right bottom no-repeat;
}

#navigation .bg .bg .bg .bg {
	background: url(navigation-l-b-bg.gif) 0 bottom no-repeat;
	padding: 0.5em;
}

#navigation a {	
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

#navigation b {
	color: #FFFF66;
}

#navigation li {
	width: 100%;
	clear: left;	
	float: left;
	text-align: center;
	margin-bottom: 0.3em;
}

#navigation ul ul li {
	font-style: italic;
	text-align: left;
	padding-left: 16px;
	margin: 5px 0 0;
	background: url(navigation-bg.gif) left center no-repeat;
}

#navigation li ul {
	font-size: 0.89em;
}

#add-navigation {
	padding: 10px;
	font-size: 0.89em;
}


/* content */

#content {	
	padding: 0 5px 5px;
	font-family: serif;
}

#content .bg {
	background: #CCC url(content-l-t-bg.gif) 0 0 no-repeat;
}

#content .bg .bg {
	background: url(content-r-t-bg.gif) right top no-repeat;
}

#content .bg .bg .bg {
	background: url(content-r-b-bg.gif) right bottom no-repeat;
}

#content .bg .bg .bg .bg {
	background: url(content-l-b-bg.gif) 0 bottom no-repeat;
	min-height: 40em;
//	height: 40em;
	padding: 1em;
}

#counters {
	padding: 20px;
}


/* photos */

.photos {
	width: 100%
}

.photos .per_row {
	float: left;
	height: 17em
}

.photos .per_row dt {
	width: 184px
}

.photos .per_one {
	margin-bottom: 1.5em
}

.photos .per_one dt {
	float: left;
	width: 140px;
	margin-right: -140px
}

.photos .per_one dd {
	margin-left: 150px
}

.photos .per_one .name {
	font-weight: bold
}