/* common classes */
*{behavior:url(/css/iepngfix.htc)}
html,body, img, form {border:none;margin:0;padding:0;}
div, body, p, a, img, input {font:11px "Arial";margin:0; padding:0; color:#464646;} 
input[type="text"], textarea {font:12px "Arial";margin:0; padding:3; color:#464646;} 
p, h3, h2, h1 {margin:0px; padding:0px;}
a, a:visited {color:#258de6;text-decoration:underline;}
a:hover {text-decoration:none;}
ul, li {list-style-type:none; padding:0px; margin:0px;} 
table, table td {border-collapse:collapse;}
body{background:url(/p/s/bg.gif) repeat-x #D7B4AC}

div#wrap{
	text-align:center;
	position:absolute;
	top:50%;
	left:0px;
	height:1px;
	width:100%;
	overflow:visible;
	visibility:visible;
	display:block
}
div#wrap
	div#container{
		width:920px;
		height:510px;
		margin-left:-460px;
		position:absolute;
		top:-255px;
		left:50%;
		visibility:visible;
		background:url(/p/s/border.gif) no-repeat;
		overflow:hidden
}
div#wrap
	div#container
		div#menu{
			width:210px;
			height:502px;
			float:left;
			margin-left:6px;
			margin-top:4px;
			background:url(/p/s/menu-bg.gif) bottom repeat-x #FCF8F7
}
div#wrap
	div#container
		div#menu
			a#logo{
				width:209px;
				height:100px;
				background:url(/p/s/logo.gif) no-repeat;
				text-decoration:none
}
div#wrap
	div#container
		div#menu
			a{
				display:block;
				height:24px;
				font:14px Tahoma,Verdana;
				color:#836869;
				text-align:left;
				text-transform:uppercase;
				padding-left:18px;
				padding-top:7px;
				text-decoration:none;
				background:url(/p/s/menu-item-bg.gif) bottom no-repeat
}
div#wrap
	div#container
		div#menu
			a:hover,
div#wrap
	div#container
		div#menu
			a.act{
				color:#9B1A12;
				background:url(/p/s/menu-item-bg.gif) top
}
/*
div#wrap
	div#container
		div#content.main{
			background:url(/p/s/content1.jpg) no-repeat
}
*/
div#wrap
	div#container
		div#content.main
			div#bgphoto{
				background:url(/p/s/content2.jpg) no-repeat;
				width:698px;
				height:502px;
}
div#wrap
	div#container
		div#content{
			width:699px;
			height:502px;
			float:right;
			margin-right:5px;
			margin-top:4px;
			background:url(/p/s/content-bg.gif) repeat-x
}
div#wrap
	div#container
		div#content
			div.cnt{
				width:360px;
				height:502px;
				overflow:hidden;
}
div#wrap
	div#container
		div#content
			div.cnt
				div.scrolled{
					margin:10px 10px 20px 20px;
					height:385px;
					padding:5px 15px 10px 0px;
					overflow: auto;
					position: relative;
}
div#wrap
	div#container
		div#content
			div#image{
				width:335px;
				height:502px;
				float:left
}
div#wrap
	div#container
		div#content
			div#collections{
				width:137px;
				height:502px;
				float:left;
				background:#D3B5B0;
				border-right:1px solid #fff;
				overflow:hidden
}
div#wrap
	div#container
		div#content
			div#collections
				div.collection{
					width:110px;
					height:110px;
					margin:5px 13px -2px;
					cursor:pointer
}
div#wrap
	div#container
		div#content
			div#collections
				div.collection.active{
					margin:5px 8px 0;
					border:5px solid #fff
}
div#wrap
	div#container
		div#content
			div#collections
				div.shadow{
					width:110px;
					height:4px;
					margin:0 13px;
					background:url(/p/s/shadow.gif) repeat-x
}
div#wrap
	div#container
		div#content
			div#collections
				div.button{
					width:110px;
					height:7px;
					margin:3px 13px;
}
div#wrap
	div#container
		div#content
			div#collections
				div.button#up{
					background:url(/p/s/up.gif) center center no-repeat
}
div#wrap
	div#container
		div#content
			div#collections
				div.button#down{
					background:url(/p/s/down.gif) center center no-repeat
}
div#wrap
	div#container
		div#content
			div#photoes{
				width:560px;
				height:502px;
				overflow:hidden;
				position:relative;
				background:#D3B5B0;
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items{
					width:1014px;
					height:502px;
					overflow:hidden;
					position:relative;
					left:-227px;
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div.item{
						width:336px;
						height:502px;
						position:relative;
						overflow:hidden;
						border-left:1px solid #fff;
						float:left;
						cursor:pointer
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div.item
						img{
							position:absolute;
							overflow:hidden;
							top:50%
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div.item
						img#left{
							right:10px;
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div.item
						img#right{
							left:10px
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div#item2
						div#tooltip{
							width:100%;
							height:44px;
							position:absolute;
							bottom:0;
							left:0;
							display:none;
							background:#fff;
							text-align:left;
							text-transform:uppercase;
							padding:10px 0 0 10px
}
div#wrap
	div#container
		div#content
			div#photoes
				div#items
					div#item2
						div#tooltip
							span{
								color:#9B1A12;
								display:block;
								font-weight:bold
}
div#wrap
	div#footer{
		width:920px;
		height:20px;
		margin-left:-460px;
		position:absolute;
		bottom:-285px;
		left:50%;
		visibility:visible
}
div#wrap
	div#footer
		a{
			width:45%;
			float:left;
			text-align:left;
			padding-left:5px;
			color:#907670;
			font:10px "Trebuchet MS",Tahoma
}
div#wrap
	div#footer
		a:hover{
			border-bottom:none
}
div#wrap
	div#footer
		div#left{
			width:45%;
			float:left;
			text-align:left;
			padding-left:5px;
			color:#907670;
			font:11px "Trebuchet MS",Tahoma
}
div#wrap
	div#footer
		div#right{
			width:115px;
			float:right
}
div#preloader{
	width: 32px;
	height: 32px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:9999;
	background:url(/p/s/ajax-loader.gif) no-repeat
}
/*scrolls*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 12px;background: #E2C7C1}
.vscrollerbarbeg {width: 12px}
.vscrollerbarend {width: 12px}
.vscrollerbase {width: 12px;background: #FEFCFB}
.vscrollerbasebeg {width: 12px}
.vscrollerbaseend {width: 12px}
.vscrollerbar {z-index: 2}

/*tooltips*/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: url(/p/s/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	color: #fff;
	padding: 4px 8px 8px;
	background: url(/p/s/bubble.png) bottom right;
}