html {
    background: #bb884b url(../images/bg.jpg) top center repeat;
    margin:0;
    padding:0;
}

body {
	color:#5b483a;
	font:Georgia, "Times New Roman", Times, serif #5b483a;
	font-size:13px;
}

#container {
    width:884px;
    height:583px;
    background:transparent url(../images/main-bg.jpg) top center no-repeat;
    margin-top: 34px;
    margin-left: auto ;
    margin-right: auto ;
	z-index:1;
}
#container-about {
    width:884px;
    height:583px;
    background:transparent url(../images/about-bg.jpg) top center no-repeat;
    margin-top: 34px;
    margin-left: auto ;
    margin-right: auto ;
	z-index:1;
}

#left {
    height:540px;
    width:152px;
    margin:16px 0 0 33px;
    background:transparent url(../images/big-ted-banner.jpg) top center no-repeat;
    float:left;
}

#menu {
	width:660px;
	height:70px;
	z-index:6;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-225px;
}

#menu a {
	display: block;
	width: 220px;
	height: 70px;
	text-decoration: none;
	float:left;
}

.about {
	background:transparent url(../images/about.png) top center no-repeat;
}
.cookies {
	background:transparent url(../images/cookies.png) top center no-repeat;
}
.contact {
	background:transparent url(../images/contact.png) top center no-repeat;
}

#menu a:hover {
	background-position: 0px -70px;	
}

#menu img {
	padding:49px 0 0 81px;
}

#menu span {
	position: absolute;
	left: -5000px;
	}


#content {
  width:620px;
  height:530px;
  float:left;
  margin: 20px 0 0 50px;
}

#content-cookies {
  width:621px;
  height:600px;
  float:left;
  margin: 4px 0 0 50px;
}

.enter {
  background:transparent url(../images/enter-cookie.jpg) center no-repeat;
}
.contact-info {
	  background:transparent url(../images/contact-info.jpg) center no-repeat;
}




#enter-site {
    height: 103px;
    width: 393px;
	margin:381px 0 0 112px;

}

#enter-site a {
	background:transparent url(../images/enter.png) top center no-repeat;
	display: block;
	width: 393px;
	height: 103px;
	text-decoration: none;
}

#enter-site a:hover {
    background-position: 0px -103px;
}

#enter-site span {
	position: absolute;
	left: -5000px;
	}

#about-text {
	height:465px;
	width:308px;
	background:transparent url(../images/about-bg.gif) top center no-repeat;
	padding:0;
	margin:56px 0 0 162px;

}

#about-text-scroll {
	padding:25px 25px 0 50px;
	margin:25px 0 0 8px;
	height:400px;
	width:190px;
	
	
}

#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 375px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 5px 20px 20px 20px;
}


#cookiescroll {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 503px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 45px 20px 20px 20px;
}