/* overrides the main class in the main CSS file*/

#panelbg {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 980px;
	height: 530px;
	z-index: 1;
	background: url(../images/pictstripbg.png) no-repeat;
}

#copyrights {
	width: 100%;
	color: #c49431;
	font-family: Palatino, "Times New Roman", Times, Georgia;
	font-size: 13px;
	height: 45px;
	background: transparent url(../images/copyrightbg.png) repeat-x 0 0;
	text-align: center;
	padding: 14px 0px 0% 0%;
	position: absolute;
	top: 890px;
}

body {
	font: 100% Palatino, "Times New Roman", Georgia, Times, serif;
	background: #091f0d url(../images/logobg.png) repeat-x 0 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {	
	width: 1000px;
	height:900px;
	background: transparent;
	margin: auto; 
	text-align: center;
	position: relative;
}
#mainContent {
	width: 970px;
	height: 800px;
	padding: 0px 0px;
	background-color: transparent;
	position: relative;
}
#logosmall {
	position: absolute;
	top: 0px;
	left: 400px;
	width: 200px;
	height: 80px;
	background: transparent url(../images/logosmall.png) no-repeat center 10px;
}
/***/

/*** Main Buttons ***/

	
}
#group {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/up/group.png) no-repeat;
	display: block;
}

#group:hover {
	background: url(../images/buttons/over/group.png) no-repeat;
}
#properties {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/up/properties.png) no-repeat;
	display: block;
}
#properties:hover {
	background: url(../images/buttons/over/properties.png) no-repeat;
}

#games {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/up/games.png) no-repeat;
	display: block;
}
#games:hover {
	background: url(../images/buttons/over/games.png) no-repeat;
}

#contact {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/up/contact.png) no-repeat;
	display: block;
}
#contact:hover {
	background: url(../images/buttons/over/contact.png) no-repeat;
}/** Text Field **/
#pagedescription {
	position:absolute;
	top: 0px;
	left: -10px;
	width: 310px;
	height: 465px;
	background: url(../images/textbg.png);
	margin:0px 5px 0px 10px;
	padding: 0px 10px 0px 10px;
	color: #ecdbac;
	text-align: left;
	font-family: palatino, Times New Roman, Times;
	font-size: 14px;
	z-index: 6;
}
#pagedescription h1 {
		color: #d22c04;
	text-align: left;
	font-family: palatino, Times New Roman, Times;
	font-size: 16px;
}

#pagedescription span {
	
	color: #559737;
	text-align: left;
	font-family: palatino, Times New Roman, Times;
	font-size: 14px;
}
 #pagedescription p {
	
	color: #ecdbac;
	text-align: left;
	font-family: palatino, Times New Roman, Times;
	font-size: 14px;
}
#pagedescription .times {
	
	color: #ecdbac;
	text-align: left;
	font-family: Palatino, Times New Roman, Times;
	font-size: 14px;
} 

/** Picture Viewer and controls **/
#pictviewer {
	display: block;
	background: url(../images/pictbg.png) no-repeat;
	width: 620px;
	height: 465px;
	margin-bottom: 10px;
	float: left;
}
#pictscroller {
	width: 950px;
	height: 80px;
	float: left;
	margin-bottom: 5px;
	padding: 5px 0px 0px 10px;
}

#leftbutton {
	width: 40px;
	height: 60px;
	float: left;
	margin-top:5px;
	margin-right: 5px;
}

#rightbutton {
	width: 40px;
	height: 60px;
	float: right;
	margin-top:5px;
	position: relative;
	top: -70px;
}

#leftbutton img, #rightbutton img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}

#scrollbar {
	width: 860px;
	height: 70px;
	position: relative;
	background-color: #000;
	margin:0px 8px;
	overflow: hidden;
	padding
}

#scrollbar_list {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding-left:130px;
width:1040px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
overflow: hidden;
}

#scrollbar_list li{
float: left; /* important for inline positioning of the list items */
width:75px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:50px;
background: #000000;
margin:10px 5px 10px 5px;
}

#scrollbar_list li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
width: 75px;
height: 50px;
}

/*****/
#buttons {
	position: absolute;
	top: 100px;
	left:180px;
	width: 820px;
	height: 45px;
	margin-bottom: 15px;
}
#buttons .shift{
	margin-right: 45px;
}
#properties {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/over/properties.png) no-repeat;
	display: block;
}
#group {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/buttons/up/group.png) no-repeat;
	display: block;
}

#group:hover {
	background: url(../images/buttons/over/group.png) no-repeat;
}

/****/
#groupbuttons1 {
	width: 630px;
	height: 90px;
	position: absolute;
	top: 700px;
	left: 185px;
}

#groupbuttons2 {
	width: 630px;
	height: 90px;
	position: absolute;
	top: 790px;
	left: 195px;
}
#groupbuttons1 .shift {
	margin-right: 56px;
}

#groupbuttons2 .shift {
	margin-right: 56px;
}

#groupbuttons2 .doubleshift {
	margin-right: 56px;
	margin-left: 105px;
}
#mayfairnai{
	width: 170px;
	height: 80px;
	float: left;
	background: url(../images/buttons/up/clubnai.png) no-repeat;
}
#mayfairnai:hover{
background: url(../images/buttons/over/clubnai.png) no-repeat;
}

#mayfairrkl{
	width: 170px;
	height: 80px;
	float: left;
	background: url(../images/buttons/over/clubrkl.png) no-repeat;
}
#mayfairrkl:hover {
	background: url(../images/buttons/over/clubrkl.png) no-repeat;
}

#mayfairkam {
	width: 170px;
	height: 80px;
	
	float: left;
	background: url(../images/buttons/up/clubkamp.png) no-repeat;
}
#mayfairkam:hover {
	background: url(../images/buttons/over/clubkamp.png) no-repeat;
}
#ilpatio {
	width: 170px;
	height: 80px;
	float: left;
	background-image: url(../images/buttons/up/ilpatio.png);
	background-repeat: no-repeat;
	}
#ilpatio:hover {
	background-image: url(../images/buttons/over/ilpatio.png);
	background-repeat: no-repeat;
	}
#mayfairmali {
	width: 170px;
	height: 80px;
	float: left;
	background-image: url(../images/buttons/up/maymali.png);
	background-repeat: no-repeat;
	}
#mayfairmali:hover {
	background-image: url(../images/buttons/over/maymali.png);
	background-repeat: no-repeat;
	}