@import url("reset.css");



#loading {
	position: absolute;
	background: #111 url("images/ajax-loader.gif") no-repeat center center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0.9;
	display: none;
}

body.jsEnabled #loading {
	display: block;
}


html, body { overflow: hidden; }

body { background: #000; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }

#wrapper { width: 100%; height: 600px; margin: 20px 0; position: relative; }

h1 { margin: 18px 0 25px; width: 189px; height: 98px }
h1 a { display: block; width: 189px; height: 98px; background: url("images/h1-new.png") no-repeat left top; }
h1 a span { display: none; }

#main { width: 205px; /*background: #000; */ background: url("images/main.png") no-repeat left top; height: 550px; position: fixed; top: 20px; z-index: 2; padding: 0 20px; left: 20px; }

#content { height: 570px; width: 100%; position: relative; }

#horizontal-gallery { height: 570px; position: absolute; left: 0; top: 0; width: 99999px; padding: 0 0 0 265px; }
#horizontal-gallery li { float: left; margin: 0 20px 0 0; height: 550px; background: url("images/ajax-loader.gif") no-repeat center center }
#horizontal-gallery li img { display: block; }
#horizontal-gallery li.first { margin: 0 20px 0 265px; }
#horizontal-gallery li.last { margin: 0; height: 570px; }


#categories { /*font-size: 20px; line-height: 28px; text-transform: uppercase;*/ }
#categories li { padding: 0 0 10px; *padding: 0 0 7px; height: 14px; width: 205px; overflow: hidden; }
#categories li span { display: none;}
#categories a { color: #4b4b4b; text-decoration: none; height: 14px; overflow: hidden; position: relative; display: block; text-indent: -9999px; }
#categories a img { display: block; position: absolute; top: 0; left: 0; height: 28px; }
#categories a:hover { color: #95c40b; }
#categories li.current_page_item a { color: #95c40b; }
#categories li.current_page_item a img { top: -14px;}
#categories .page-item-153 { padding: 20px 0 10px 0;}

#controller { position: absolute; bottom: 20px; left: 20px; width: 205px; }
#controller a { display: block; width: 32px; height: 64px; text-indent: -9999px; }
#controller #prev-img { background: url("images/arrow-left.png") no-repeat left bottom; float: left; }
#controller #prev-img:hover { background: url("images/arrow-left.png") no-repeat left top; }
#controller #next-img { background: url("images/arrow-right.png") no-repeat left bottom; float: right; }
#controller #next-img:hover { background: url("images/arrow-right.png") no-repeat left top; }

.back { position: absolute; right: -32px; top: 465px;}
.back a { display: block; height: 64px; width: 52px; background: url("images/back.gif") no-repeat left top; }
.back a:hover { background: url("images/back.gif") no-repeat left bottom; }
.back span { display: none; }

.copyright { color: #444; font-size: 10px; position: absolute; right: 0px; bottom: 0; display: none; }
.copyright-inner { color: #444; font-size: 10px; position: absolute; right: 40px; bottom: 0; }

#info { position: absolute; left: 265px; top: 20px; text-align: right; width: 700px }
#info .address, #info .email, #info .tel { color: #4b4b4b; font-size: 24px; text-transform: uppercase; }
#info span { color: #95c40b; }
#info span a { color: #95c40b; text-decoration: none; }
#info .email { margin: 0 0 20px;}
#info .tel  { margin: 0 0 60px;}

#address-holder { width: 373px; height: 218px; background: url("images/address.gif") no-repeat left top; display: block; float: right }

#address-holder span { display: none; }