* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #f9fce1 url(../layout/bg-body.jpg) center top no-repeat;
	text-align: center;
	min-height: 100%;
}
html { height: 100%; }

a { color: #8e8823; text-decoration: underline; }
a:hover { color: #8e8823; text-decoration: none; }
p { line-height: 1.5em; }
img { border-style: none; }

.clear { clear: both; } 


/* ----------------------------------------------------- */
/* ---------------------->>> WRAP <<<------------------- */
/* ----------------------------------------------------- */
#wrap { width: 990px; margin: 0 auto 20px; position: relative; text-align: left; background: url(../layout/bg-body.jpg) center top no-repeat; }

#header { width: 100%; height: 136px; overflow: hidden; position: relative; }

/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
#logo { position: absolute; top: 8px; left: 6px; }
	#logo a { display: block; width: 317px; height: 63px; overflow: hidden; position: relative; }
	#logo a span { display: block; width: 317px; height: 63px; background-image: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }

/* ----------------------------------------------------- */
/* -------------------->>> PANEL <<<-------------------- */
/* ----------------------------------------------------- */
#panel { width: 100%; height: 49px; position: absolute; top: 77px; left: 0px; background: url(../layout/bg-panel.gif) no-repeat; overflow: hidden; }

/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */
#navigation { width: 760px; position: absolute; top: 0; left: 0; overflow: hidden; }
#navigation ul { font-weight: bold; padding-left: 10px; }
#navigation ul li { list-style: none; display: block; float: left; }
#navigation ul li.first { border-left: none; }
#navigation	ul li.last a { padding-right: 23px; }
#navigation	ul li a { display: block; float: left; height: 49px; line-height: 49px; padding: 0 20px; color: #fff; font-weight: bold; text-decoration: none; }
#navigation	ul li a:hover, #navigation ul li.active a { background: url(../layout/nav-arrow.gif) bottom center no-repeat; text-decoration: none; }

/* ----------------------------------------------------- */
/* -------------------->>> SEARCH <<<------------------- */
/* ----------------------------------------------------- */
#search { position: absolute; left: 760px; top: 0; height: 70px; }
#search form { padding: 16px 0px 0 7px; float: left; margin: 0; }
#search .input { float: left; width: 136px; height: 18px; border: 1px solid #957d36; }
#search input.text { float: left; width: 120px; height: 14px; margin: 0; background: #dbd8b2; border: none; color: #87503d; padding: 2px 8px; font-size: 11px; font-weight: normal; }
#search input.button { font-weight: bold; color: #fff; border: none; background: url(../layout/search-button.gif); width: 63px; height: 20px; margin: 0; text-align: center; margin-left: 3px; margin-top: 2px; }


/* links with icons */
a#ico-favourite { background: url(../layout/ico-favourite.gif) no-repeat; padding: 0 0 3px 15px; color: #87503d; text-decoration: none; position: absolute; top: 9px; left: 658px;  }
a#ico-homepage { background: url(../layout/ico-homepage.gif) no-repeat; padding: 0 0 3px 23px; color: #87503d; text-decoration: none; position: absolute; top: 7px; left: 786px; }
	a#ico-favourite:hover, a#ico-homepage:hover { text-decoration: underline; } 


/* ----------------------------------------------------- */
/* -------------------->>> COLUMNS <<<------------------ */
/* ----------------------------------------------------- */
#content { width: 747px; padding-bottom: 20px; float: left; overflow: hidden; }
#right { width: 231px; float: right; padding: 0px 0 20px; overflow: hidden; }

/* ----------------------------------------------------- */
/* -------------------->>> FOOTER <<<------------------- */
/* ----------------------------------------------------- */
#footer { width: 100%; padding-bottom: 25px; text-align: left; position: relative; font-size: 11px; }
	#footer a.invert { text-decoration: none; }
	#footer a.invert:hover { text-decoration: underline; }

	ul#footer-nav { display: block; float: left; width: 717px; padding: 25px 0 0 30px; border-top: 1px solid #cbc98b; }
	ul#footer-nav li { list-style: none; display: block; float: left; padding: 0; padding-right: 12px; }
	ul#footer-nav a { color: #000; text-decoration: none; }
	ul#footer-nav a:hover { color: #000; text-decoration: underline; }
	
	p#copyright { display: block; float: left; width: 717px; padding: 9px 0 0 30px; }
	p#webdesign { display: block; float: right; width: 219px; padding: 25px 0 0 12px; border-top: 1px solid #cbc98b; line-height: 20px; color: #9d9736; }