/*----------fana†ic-------------*/

/* =CLEAR DESIGN
----------------------------------*/

*{margin: 0;
	padding: 0;
}
body{
	background: #fff;
	height: 100%;
	font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	position : relative;
}
/*a:link, a:visited, a:focus, a:hover, a:active
	{text-decoration: underline;
	color: #00f;}*/
img{
	border: 0;
}
.hide{
	display: none;
}
/* =MAIN
-----------------------*/
h1, h2, h3, h4{
	font-family : Georgia, serif;
	font-weight: normal;
}
p {
	font-family : Arial, sans-serif;
	font-size : 1.2em;
	/*text-indent : 20px;*/
	clear : both;
}

/* =DESIGN
--------------------------*/
body {
	background : #010632 url(../dsgn/body.jpg);
}
#back{
	background : #010422 url(../dsgn/body_up.jpg) repeat-x;
	width : 100%;
	height : 269px;
}
#wrap {
	background: #fff url(../img/up.jpg) repeat-x;
	margin : -269px auto;
	width : 656px;
	position : relative;
	top: 30px;
}
#reclama1{
	background : #010632 url(../dsgn/body.jpg);;
	text-align : center;
}
#header {
	background: #664300 url(../dsgn/head.jpg) repeat-x;
	width : 656px;
	height : 343px;
}
#header h1{
	position : relative;
	width : 499px;
	height : 166px;
	top : 152px;
	left : 34px;
	font-family : Georgia, serif;
	font-size : 7.1em;
	z-index : 1;
}
#header h1 span{
	background: url(../dsgn/head_logo.jpg);
	position : absolute;
	width : 100%;
	height : 100%
}
#header h2{
	position : relative;
	width : 520px;
	top : 105px;
	left : 37px;
	color : #fff;
	font-family : Georgia, serif;
	font-size : 1.4em;
	font-weight : lighter;
	text-transform : uppercase;
}
/*
#header p{
	position : relative;
	width : 431px;
	top : 122px;
	left : 37px;
	color : #fff;
	font-family : Arial, sans-serif;
	font-size : 1.3em;
	font-weight : lighter;
}
*/
#header MARQUEE{
	position : relative;
	width : 431px;
	top : 122px;
	left : 37px;
	color : #fff;
	font-family : Arial, sans-serif;
	font-size : 9pt;
	font-weight : lighter;
}
/*-------------------------------------------------------------------------*/
#content {
	background: #fff url(../dsgn/content_gracos.gif) no-repeat top right;
}
#content img {
	background: #fff;
	float : left;
	padding : 5px;
	margin: 10px 10px 10px 10px;
	display : block;
	border : 1px solid black;
	position : relative;
}
.clear{
	clear: both;
}
#content h3{
	background: url(../dsgn/headliner.gif) no-repeat top left;
	position : relative;
	width : 480px;
	padding: 25px 0 50px 35px;
	color : #020530;
	font-size : 3em;
}
#content h4{
	position : relative;
	width : 468px;
	padding: 30px 0 0 45px;
	color : #020530;
	font-size : 2em;
}
#content p{
	padding : 15px 0 0 0;
	position : relative;
	width : 468px;
	left : 45px;
	font-size : 1.3em;
	text-align : justify;
}
#content table{
	padding : 15px 0 0 0;
	position : relative;
	width : 630px;/*468px;*/
	left : 10px;/*45px; */
	font-size : 1.3em;
/*	text-align : justify;*/
}
#content a{
	color : #00f;
	text-decoration: underline;
}
#content a:hover{
	background: #010632;
	color: #fff;
	text-decoration : none;
}
#content ol {
	padding : 20px 0 0 0 !important;   /* чтобы устранить исчезновение нумерации в IE из-за ненормальной работы с внутр. полями списка */
	padding : 20px 0 0 25px;
	width : 550px;
	position : relative;
	left : 80px;
	font-family : Arial, sans-serif;
	font-size : 1.2em;
	text-align : justify;
	list-style-type: decimal;
}

#tab1{
	/*padding : 15px 0 0 0;*/
	position : relative;
	/*width : 468px;*/
	left : 45px;
	font-size : 0.9em;
	text-align : justify;
}
/*-------------------------------------------------------------------------*/
#footer {
	background : #fff;
	width: 100%;
}
#line{
	background : #000 url(../dsgn/footer_gracos.gif) no-repeat top right;
	position : relative;
	margin : 30px 0 0 4px;
	padding: 0 0 0 40px;
	width : 608px;
	height : 18px;
	color : #d2c600;
}

#f1, #f2{
	background : #fff;
	margin : 0 0 0 45px;
	float : left;
	display : inline;            /*IE double-margin bug fix*/
	font-size : 1em;
}

#f3{
	position : relative;
	margin : 0 auto;
	width : 333px;
	height : 73px;
	top : 0px;
	left : 4px;
	clear : both;
}
#f3 span {
	background: url(../dsgn/pastila.gif);
	position : absolute;
	width : 100%;
	height : 100%
}
#f4 {
	background : #010632 url(../dsgn/body.jpg);;
	position : relative;
	top : 10px;
	width : 100%;
	height : 20px;
}
/* =NAVIGATION
------------------------------------*/
#navigation ul{
	background : url(../dsgn/mn.gif);
	position : absolute;
	top : 30px;
	left : 520px;
	list-style : none;
	width : 120px;
	font-family : Georgia, serif;
	font-size : 1.6em;
	z-index : 2;
}
#navigation>#nav, #navigation>#nav>li>ul {
	background : url(../dsgn/menu_opacity.png);              /* чтобы нормальные браузеры видили PNG */
}
#navigation ul li {
	position : relative;
}
#navigation ul li a{
	display : block;
	height: 100%;
	text-decoration : none;
	color : #fff;
	padding : 1px 0 0 5px;
}
#navigation ul li a:hover {
	color: #000;
	background : #c3bc57;
	height: 100%;
}
#navigation ul li ul{
	position: absolute;
	left: -119px;
	top : 0px;
	display: none;
	list-style-type: none;
	color : #fff;
	font-size : 0.8em;
}
#navigation ul li ul li a {
}
#navigation ul li ul li a:hover {
	color: #000;
	height: 100%;
	background: #c3bc57;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul, #navigation li.over ul, #navigation li.hover ul{		/* 3ий пункт - Чтобы меню вываливалось в IE */
	display: block;
}
body.now #nav a#now,
body.albom #nav a#albom,
body.home #nav a#home,
body.prog #nav a#prog,
body.reg #nav a#reg,
body.part #nav a#part,
body.lake #nav a#lake,
body.cont #nav a#cont,
body.we #nav a#we,
body.arch #nav a#arch{
	color : #d2c600;
}
body.now #nav a:hover#now,
body.albom #nav a:hover#albom,
body.home #nav a:hover#home,
body.prog #nav a:hover#prog,
body.reg #nav a:hover#reg,
body.part #nav a:hover#part,
body.lake #nav a:hover#lake,
body.cont #nav a:hover#cont,
body.we #nav a:hover#we,
body.arch #nav a:hover#arch{
	color : #000;
}