@import 'reset.css';
@import 'structure.css';
@import 'malo.css';

body { background: #a45e00 url(../image/bg.png) repeat-x; }

#container { background: transparent url(../image/container.png) repeat-y; width: 950px; margin: 0 auto; padding: 0 50px; position: relative; }

#header { background: #ddd url(../image/header.jpg) no-repeat top right; }
#header h1 { background: #fff url(../image/logo.jpg) no-repeat; text-indent: -999em; width: 240px; }
#header h1 a { display: block; height: 120px; }

#nav { margin: 2em 0; padding: 0; }
#nav li { list-style: none outside; }
#nav li a { color: #fff; display: block; text-decoration: none; font-size: 1.25em; padding: 6px 25px; }
#nav li a:hover { background: #000; }

#footer { background: #fff; text-align: right; padding: 1em; }
#footer a { text-decoration: none; }

#ds_left, #ds_right { position: absolute; top: 0; width: 50px; height: 540px; }
#ds_left { left: 0; background: url(../image/ds_left.png) top left no-repeat; }
#ds_right { right: 0; background: url(../image/ds_right.png) top left no-repeat; }

.products_list {
	list-style-type: none;
}
.products_list:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.products_list li {
	float: left;
	width: 205px;
	height: 398px;
	margin: 8px;
}
.products_list img {
	display: block;
	margin-bottom: 4px;
	cursor: pointer;
}
.products_list p { margin-bottom: 4px; }

#image_popup { 
	display: none;
}