html
{
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background: #ffffff url(../images/foto/background_green.gif) left top repeat;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:link
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active
{
	text-decoration: underline;
}

div
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

span
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

p
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

ul
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

li
{
	color: #828588;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.content
{
	vertical-align: middle;
	height: 100%;
}

.lefter_border
{
	float: left;
	width: 16px;
	height: 556px;
	background: #e0e0e0;
	vertical-align: top;
}


.content_float
{
	float: left;
	height: 556px;
	width: 868px;
	background: #ffffff url(../images/foto/content.jpg) right bottom no-repeat;
}

.lefter
{
	float: left;
	width: 220px;
	height: 456px;
	vertical-align: bottom;
}

.foto
{
	margin-right: 9px;
}

.fotos_marg
{
	margin-right: 8px;
	margin-left: 7px;
	margin-top: 1px;
}

.fotos_dots_fon
{
	background: #d6d3d4 url(../images/foto/fotos_dots_fon.gif) left top no-repeat;
	width: 193px;
	height: 343px;
	margin-left: 10px;
}

.fotos_dots_fon2
{
	background: #d6d3d4 url(../images/foto/fotos_dots_fon2.gif) left top no-repeat;
	width: 193px;
	height: 343px;
	margin-left: 10px;
}

.fotos_content
{
	padding-top: 10px;
	margin-top: 3px;
	margin-left: 1px;
	width: 149px;
	height: 308px;
	background-color: #d6d3d4;
	vertical-align: middle;
}

.fotos_categories_content
{
	margin-right: 20px;
	margin-left: 10px;
	width: 149px;
	height: 308px;
}

.first_foto_marg
{
	height: 82px;
}

.foto_small
{
	border: 1px solid #b1b0b1;
}

.foto_dots
{
	margin-top: 0px;
	margin-left: 3px;
	height: 16px;
}


.scroll_area
{
	height: 308px;
	width: 165px;
	margin-left: 22px;
	background: url(../images/foto/scroll_fon.gif) left top no-repeat;	
}

.choose_category
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 6px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.categories_marg
{
	margin-left: 7px;
}

a.category_title, a.category_title:link
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;

}
a.category_title:hover, a.category_title:active
{
	text-decoration: underline;
}


.middle
{
	float: left;
	width: 638px;
	height: 456px;
	vertical-align: bottom;
}

.foto_border
{
	background-color: #d5d3d4;
	height: 426px;
	width: 621px;
	vertical-align: middle;
}


.big_foto
{
	margin-top: 17px;
}


.under_small_fotos
{
	float: left;
	width: 220px;
}


.under_big_foto
{
	float: left;
	width: 648px;
}

.galleries_link
{
	margin-left: 17px;
	margin-top: 10px;
}

.nav_marg
{
	margin-top: 20px;
	margin-left: 20px;
}

a.nav, a.nav:link
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
}
a.nav:hover, a.nav:active
{
		text-decoration: underline;
}

.text
{
	margin-top: 10px;

}

.design
{
	margin-right: 40px;
	padding-top: 40px;
	padding-bottom: 10px;
}

.righter
{
	float: left;
	width: 16px;
	height: 556px;
	vertical-align: top;	
}

.clear
{
	clear: both;
}

.music_controller
{
	height: 19px;
	width: 622px;
	margin-bottom: 5px;
}