﻿html 
{
	font-size: 1em;
	/* border: solid 0px red; height:100%; */
	height: 100%; /*!*/
	/*background: #ffffff;*/
}

body
{
	border: solid 0px red;

	margin: 0px;
	padding: 0px;
	/*padding-bottom: 40px;*/
	/*background: #bfac91 url(../App_Images/bkgr_sand.jpg) repeat;*/
	/*background: #bfac91 url(../App_Images/bkgr_snow.gif) repeat;*/
	
	height: 100%; /*!*/
	
}

div#book
{
	border: solid 0px yellow;

	/*position: absolute;*/
	position: relative;
	top: 0px;
	left: 79px;

	background-color: transparent;
	width: 60%;
	min-height: 100px;
	z-index: 2;

	min-width: 500px;
	max-width: 800px; /* overridden in ie6 */
	min-width: 34em; /* for bottom contacts consistency */
	
}

/*
*
*	Book Top
*
*/

div#book div#top
{
	border: solid 0px red;

	padding-top: 40px;

	background-image: url(../App_Images/book3_TopLine.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: 0px 39px;
	width: 100%;
	height: 22px;
}
div#book div#top div#topLeft
{
	border: solid 0px green;

	position: absolute;
	left: -79px;
	top: 0px;

	background-image: url(../App_Images/book3_TopLeft.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 107px;
	height: 62px;
	behavior: url(../App_Scripts/IePngFix.htc);
}
div#book div#top div#topRight
{
	border: solid 0px green;

	position: absolute;
	top: 0px;
	right: -28px;
	
	background-image: url(../App_Images/book3_TopRight.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 28px;
	height: 62px;
	behavior: url(../App_Scripts/IePngFix.htc);
}
div#book div#top div#topContent
{
	border: solid 0px olive;
	
	margin-left: 28px;
	padding-right: 7px;
	height: 100%;
}
div#book div#top img.sitemap
{
	position: absolute;
	top: 45px;
	left: 33px;
	border: none;
}


/*
*
*	Book Middle
*
*/

div#book div#middle
{
	border: solid 0px blue;

	background-color: #ffffff;
	/*width: 100%; "!" */
}
div#book div#middle div#middleLeft
{
	border: solid 0px red;

	position: absolute;
	left: -79px;
	top: 62px;
	bottom: 132px;
	
	background-image: url(../App_Images/book3_MiddleLeftLine.png);
	background-repeat: repeat-y; /* "!" for ie6 scaled by hight */
	background-color: transparent;
	width: 107px;
	behavior: url(../App_Scripts/IePngFix.htc);
}
div#book div#middle div#middleLeft div#gradientLeft
{
	border: solid 0px orange;

	position: absolute;
	bottom: 0px;

	background-image: url(../App_Images/book3_MiddleLeft.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	width: 80px;
	height: 125px;
	behavior: url(../App_Scripts/IePngFix.htc);
}

div#book div#middle div#middleRight
{
	border: solid 0px green;

	position: absolute;
	right: -28px;
	top: 62px;
	bottom: 132px;
	z-index: 2;

	background-image: url(../App_Images/book3_MiddleRightLine.png);
	background-repeat: repeat-y; /* "!" for ie6 scaled by hight */
	background-color: transparent;
	width: 28px;
	behavior: url(../App_Scripts/IePngFix.htc);
}
div#book div#middle div#middleRight div#gradientRight
{
	border: solid 0px orange;

	position: absolute;
	bottom: 0px;

	background-image: url(../App_Images/book3_MiddleRight.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 125px;
	behavior: url(../App_Scripts/IePngFix.htc);
}

div#book div#middle div#middleTitle
{
	border: solid 0px black;

	position: relative;
	top: 10px;
	margin-left: 28px;
	margin-right: 15px;
	height: 105px;

	background-image: url(../App_Images/logoLine.gif);
	background-repeat: repeat-x;
}

div#book div#middle div#middleTitle img.logotype
{
	position: relative;
	float: left;
	left: -28px;
	width: 195px;
	height: 91px;
	border-style: none;
}

div#book div#middle div#middleContent
{
	border: solid 0px black;
	
	background-color: #ffffff;
	padding: 5px 25px 30px 5px;
	margin-left: 28px;
	min-height: 500px; /* "!" min 100px */
}

/*
*
*	Book Bottom
*
*/

div#book div#bottom
{
	border: solid 0px olive;
	/*width: 100%;*/ /*"!" */
	
	background-image: url(../App_Images/book3_BottomLine.png);
	background-repeat: repeat-x; /* "!" for ie6 scaled by width */
	background-color: transparent;
	height: 132px;
	behavior: url(../App_Scripts/IePngFix.htc);
	
	z-index: -10;
	
}
div#book div#bottom div#bottomLeft
{
	border: solid 0px red;
	
	position: absolute;
	left: -79px;
	bottom: 0px;
	
	background-image: url(../App_Images/book3_BottomLeft.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 107px;
	height: 132px;
	behavior: url(../App_Scripts/IePngFix.htc);
}
div#book div#bottom div#bottomRight
{
	border: solid 0px green;
	
	position: absolute;
	right: -28px;
	bottom: 0px;
	
	background-image: url(../App_Images/book3_BottomRight.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 200px;
	height: 132px;
	behavior: url(../App_Scripts/IePngFix.htc);
	z-index: 2;
	
}
div#book div#bottom div#bottomContent
{
	border: solid 0px black;

	position: absolute; /* to overhide abs. right corner */
	left: 28px;
	right: 0px; /* in ie6 implementing by width */
	bottom: 33px;

	height: 97px;
	z-index: 3;
}

/*
*
*	Top & Bottom Highlights
*
*/

div#book div#top #topContent.light
{
	background-position: 15%;
}

div#book div#bottom #bottomContent.light
{
	background-position: 20%;
}

div.light
{
	border: solid 0px aqua;
	
	background-image: url(../App_Images/book3_PageLight.png);
	background-repeat: repeat-y;
	background-color: transparent;
	/* width: parent; "!" */
	behavior: url(../App_Scripts/IePngFix.htc);
	
}

/*
*
*	Bookmarks
*
*/

div#book div#bookmarks
{
	border: solid 0px orange;

	position: absolute;
	top: 70px;
	right: -211px;
	width: 200px;
	z-index: 3;
}

div#book div#bookmarks div.bookmark
{
	border: solid 0px red;

	text-indent: 0.8em; /* overridden in ie6 */
	line-height: 2.8em;
	margin-top: -0.4em;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	height: 3.06em;
	behavior: url(../App_Scripts/IePngFix.htc);
}

div#bookmarks div#about { background-image: url(../App_Images/bookmark1.png); width: 133px; }
div#bookmarks div#service { background-image: url(../App_Images/bookmark2.png); width: 136px; margin-left: -2px; }
div#bookmarks div#hottours { background-image: url(../App_Images/bookmark3.png); width: 182px; }
div#bookmarks div#russiatours { background-image: url(../App_Images/bookmark2.png); width: 136px; margin-left: -2px; }
div#bookmarks div#foreigntours { background-image: url(../App_Images/bookmark3.png); width: 182px; }
div#bookmarks div#license { background-image: url(../App_Images/bookmark4.png); width: 115px; margin-left: -1px; }
div#bookmarks div#contacts { background-image: url(../App_Images/bookmark5.png); width:  100px; margin-left: -3px; }


/*
*
*	Notepad
*
*/

div#noteShadow /*div#notepad, */
{
	width: 300px;
	height: 586px;
}


div#noteShadow
{
	border: solid 0px red;

	position: absolute;
	top: 21em;
	right: -317px;
	
	background: url(../App_Images/notepad_shadow_i.png) no-repeat;
	behavior: url(../App_Scripts/IePngFix.htc);
	z-index: 2;
}

div#counters
{
	border: solid 0px red;

	position: absolute;
	bottom: -40px;

	z-index: 2;
}

/* widescreen background */

div.bonusPalm
{
	border: solid 0px green;

	position: absolute;
	left: -79px; /* overridden in ie6 */
	right: -300px; 
	bottom: -60px;
	height: 470px; /* overridden in ie */

	background-image: url(../App_Images/palm.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:  top right;
	behavior: url(../App_Scripts/IePngFix.htc);

	z-index: -15;
}


div.bonusSki div#baseImage
{
	border: solid 0px red;

	position: absolute;
	width: 100%;
	height: 100%;

	background-image: url(../App_Images/ski.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
	behavior: url(../App_Scripts/IePngFix.htc);
}


div.bonusSki
{
	border: solid 0px green;

	position: absolute;
	left: -79px; /* overridden in ie6 */
	right: -360px;
	bottom: -60px;
	height: 350px; /* overridden in ie */

	background-image: url(../App_Images/ski_shadow.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
	behavior: url(../App_Scripts/IePngFix.htc);

	z-index: -15;
}


