/* body {margin: 0; padding: 0; /*color: black; background: #fff; font-size: 80%; font-family: sans-serif;}*/
     /* colors :  #95DB4F #acc3ba    #5d6c66  #7b90aa     #4b5752*/

body   {

   margin-left: auto;  /* .10em .1em .2em 15em ;*/
	margin-right: auto;
   /*	width: 50em;  */
	text-align: left;
	padding: 1em 0em 0em 0em;      /* 1.5em 0 0 0 */
	font-family: georgia, times, "times new roman", serif;
	/*color: #; */
    font-size: 70%;  /* 80 */
	/*background: url(../pic/scratch.jpg);*/
   	background: url(../pic/grey-heart.jpg);
	/*background: url(../pic/grunge.jpg);*/
    width: 95%;

		}

#container {
	margin: .1em 0 0 0;         /*   .1em 0 0 0 5%     */
  /* background-color: #4e5b61;*/
   /* background-color: #7a8483;*/
   background-color: #8a8a8a ;
	/* border: 1px dashed white;   */
	/*background-color: #c0c0c0;*/
    padding: 2px 2px 2px 2px;
      /*   width: 100%    */
		}



.header {
	width: 90%;               /* 50% */
    background: transparent;
    margin: auto;
    text-align: center;
}
.headerbox {
	/* border: 1px solid white; */
	margin: 0;
	padding: 0 0 .1em 0;
	text-align: center;
	background: transparent;

}
.layout {width: 100%;}

#green {
	margin: .1em 0 0 0 5%;
    color: #00CC66;
	/* border: 2px solid white;
        padding: 2px 2px 2px 2px;  */
		}
.linkpanel {
  float: left; width: 20%;
  }
.linkbox {

  	margin: 0 2px 2px 2px;
  	/* border: 1px solid black; */
 	padding: 0 2px 2px 8px;
	/* background-color: #4e5b61;*/
   /* background-color: #7a8483;*/
   background-color: #8a8a8a ;
   /* background-color: #c0c0c0;*/
}
/* IE doesn't always add percentages up correctly, so one column is slightly less */
.mainpanel {
  float: left; width: 59.9%;   /*67.9%*/

}
.mainbox {
  	/* height: 100%; */
  	margin: 0 0 8px 0;
  	border: 1px solid white;
  	padding: 8px 8px 8px 8px;
	/*background-color: #7c8688;*/
    /* background-color: #a5afae; */
    background-color: #9a9a9a;

     /*background-image:url(../xmass_ru_1.gif); a5afae   909a98 */
}
/* The last column doesn't really need a float left *?
/* Or you could use float right */



.adspanel {
  float: left; width: 20%;
  }
.adsbox {

  	margin: 0 2px 2px 2px;
 	/* border: 1px solid black; */
  	padding: 0 2px 2px 8px;
   /* background-color: #4e5b61;*/
   /* background-color: #7a8483;*/
   background-color: #8a8a8a ;
		/*background-color: #c0c0c0;*/
}
.footer {
    clear: both; width: 100%;
    font-size:0.800em;
    color: #000000;

   /* border-left: 1px solid #000;   */


}    /*100     */
.footerbox {
    background-color: #7a8483;
   /*	padding: 1em;
	text-align: left;
    width: 50%;     */
        /*border: 1px  solid white;    */
     /*   margin: 0 8px 4px 8px;    */
     color: black;
	}
 /*
p {
	margin: 0; 
	padding: 1px 1px 0 0;} */
h1, h2, h3 {
   /*	margin: .1px; */
   /*	padding: 0 0 0 0;*/
	font-weight: normal;}
	/* .back {text-align: center;}
	.back a {color: black; background: white; padding: 2px 6px;}
	.back a:hover {color: red; background: yellow;
	}   */

a:link {
  color: #ffffff
  }
a:link {
  text-decoration: none}
a:visited {color: #000000
}


a:hover {
	text-decoration: underline;
	color: white;
	}

       /* navigation */

#navcontainer ul{
	padding: .8em 0 ;
	margin: 2.5px;
	list-style-type: none;
	background-color: transparent;
	color: #000000;
	width: 59.6%;
   /*	font: normal 100% arial, helvetica, sans-serif;     */
	
	}

li { display: inline; }

li a: {
	text-decoration: none;
	background-color:  transparent;
	color: #ffffff;
	padding: 0 0 0 0;
	text-align: center;
	}

li a:hover {
	/*background-color: #fff; */
	color: #ffffff;
	}
/* end navigation */

 /* shadow */


 #text2{
  	font-size: 1.3em; /* optional. just to increase the font size. */
 /*	display: block;
	line-height: 1em; */
	color: #ffffff; /* shadow color */
  	background-color: transparent;
	/* white-space: nowrap; /* wrapping breaks the effect */
}

 /*
 #text2:before{


 }


#text2:after{
    content:"the MOORE hotel";
   "text shadow"; /* generated text */
/*	display: block;
}

#text2:before{
	margin-bottom: -1.05em;
	margin-left: 0.2ex;
	color: #000000; /* shadow color */
  /*	background-color: transparent;
}

#text2:after{
	margin-top: -1.05em;
	margin-left: -0.2ex;
	color: #fff; /* text color */
 /*	background-color: transparent;
}

 /* end shadow */


 .rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -50px; /*position where enlarged image should offset horizontally */

}

/* end thumb nails */

/* pop up box

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;

end pop up box */