@CHARSET "UTF-8";
@IMPORT url("reset-min.css");

body {

	background: url(/images/layout/bg_canvas.jpg) repeat-x top left #000;
	font-family: Tahoma;
	font-size: 12px;
	
}

#wrapper {

	width:100%;
	position:absolute;
	left:50%;
	float:left;
	margin-left:-50%;
		
}
#header {

	height:333px;
	float:left;
	clear:both;
	width:100%;
	
	
}
#header_gallery {

	float:left;
	width:340px;
	height:322px;
		
}
#header_logo {
    background: url("/images/layout/logo.png") no-repeat scroll left top transparent;
    float: right;
    height: 300px;
    margin-top: 74px;
    width: 395px;
}
	#header_logo h1, #header_logo h2 {
		display: none;
	}
	
#body_wrapper {
	float: left;
	width: 797px;
	position:relative;
	left: 50%;
	margin-left: -399px;
	display:inline;
	padding-bottom:100px;
	
	
}
#body_bottom {
	float:left;
	background: #fff;
	height: 11px;
	width:100%;
	clear: both;
	display:inline;
}
#body_container {
	float: left;
	width: 100%;
	background: #fff;
	clear:both;
}

#body_container #body_inner {

	margin: 0 100px 80px 40px;
	display:inline;
	float:left;
	width:auto;
	min-height: 500px;
	
}

#footer {
	position:absolute;
	width:80%;
	bottom:0;
	left:20%;
	background: #788112;
	height:90px;
	display:block;

}

#footer_inner {
	margin-right: 10px;
	margin-top: 0px;
	
}

#footer_corner {
	float:left;
	width: 24px;
	height: 65px;
	display:block;
	
	
}

#header #menu {

	width:797px;
	position:absolute;
	top: 333px;
	z-index:4;
	right:0;
	
}

div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 690px;
    margin-top:5px;
    display:inline;
    height:80px;
    float:right;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
div.scrollable div.items img {
  margin-right:5px;
  float:left;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}


/* root element for scrollable */
#banners .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */
	height: 490px;
	width: 250px;
        background: #fff;
}

/* root element for scrollable items */
#banners .items {
	position:absolute;

	/* this time we have very large space for height */
	width:20000em;
        height: 490px;
	margin: 0px;
}

/* single scrollable item */
#banners .item {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:490px;
}

#buttons {
    position: absolute;
    right: 113px;
    text-align: right;
    top: 254px;
    width: 546px;
}