* { margin: 0; padding: 0; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	background: #fff url(../layout/bg_body.jpg) top center repeat-x;
	text-align: center;
}

a { color: #3f0600; text-decoration: underline;  }
a:hover { color: #3f0600; text-decoration: none; }

a.no_underline { text-decoration: none; }

.clear { clear: both; } 
.none { display: none; }


/* ---------------------------------------------------------- */
/* -------------------------- WRAP -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 990px; padding-bottom: 48px; margin: 0px auto; text-align: left; }

#shadow { width: 100%; background: url(../layout/bg_shadow.jpg) top center no-repeat; }
/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 320px; padding-bottom: 45px; width: 100%; position: relative; }

a#header_button { display: block; width: 300px; height: 90px; overflow: hidden; position: absolute; top: 160px; right: 10px; }
a#header_button span { display: block; width: 300px; height: 90px; background: url(../layout/header_button.jpg) left top no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
a#header_button:hover span { background: url(../layout/header_button.jpg) left bottom no-repeat; }

/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
a#logo { display: block; width: 200px; height: 66px; overflow: hidden; text-align: center; text-decoration: none; position: absolute; top: 31px; left: 7px; color: #3f0900; }
a#logo span { display: block; width: 200px; height: 66px; background-image: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; }
a#logo strong { font-weight: normal; color: #3f0900; font-size: 20px; }

a#lang { background: url(../layout/arrow_right.gif) right no-repeat; padding-right: 11px; text-decoration: none; color: #3f0600; position: absolute; top: 52px; left: 870px; }

span#slogan { display: block; width: 944px; height: 66px; position: absolute; top: 142px; left: 40px; overflow: hidden; }
span#slogan span { display: block; width: 944px; height: 66px; position: absolute; top: 0; left: 0; background: url(../layout/slogan.jpg); }

/* ----------------------------------------------------- */
/* ----------------->>> NAVIGATION <<<------------------ */
/* ----------------------------------------------------- */
#navigation 				{ position: absolute; top: 280px; left: 0; }
#navigation ul 				{ font-size: 14px; list-style: none; text-transform: uppercase; }
#navigation ul li 			{ display: block; float: left; width: 247px; padding-bottom: 2px; }
	#navigation ul li.last 		{ background: none; }
#navigation ul li a 		{ display: block; float: left; width: 247px; height: 40px; line-height: 40px; background: none; color: #3f0600; text-decoration: none; text-align: center; }
#navigation ul li a:hover,
#navigation ul li.active a 	{ background: url(../layout/navigation.gif) top repeat-x; color: #3f0600; }

/* ----------------------------------------------------- */
/* -------------------->>> FOOTER <<<------------------- */
/* ----------------------------------------------------- */
#footer { width: 100%; height: 227px; color: #98685e; background: url(../layout/bg_footer.jpg) top center repeat-x; }
#footer_shadow { width: 100%; height: 227px; background: url(../layout/bg_footer_shadow.jpg) top center no-repeat; }
#footer_wrap { width: 950px; padding: 30px 20px 0; margin: 0 auto; }
	#footer a { color: #98685e; text-decoration: none; }
	#footer a:hover { color: #98685e; text-decoration: underline; }

	ul#footer_nav 			{ float: left; list-style: none; }
	ul#footer_nav li 		{ display: inline; padding-right: 24px; }
	
	p#copyright { float: right; }
	p#copyright span { padding: 0 10px; }
	p#copyright img { vertical-align: middle; }


/* ----------------------------------------------------- */
/* -------------------->>> CONTENT <<<------------------ */
/* ----------------------------------------------------- */
#content { width: 950px; padding: 0px 20px 28px 20px; min-height: 400px; background: url(../layout/dots.gif) 672px 0px repeat-y; }
	body#contact #content { background: none; }

	body#contact .column_left { float: left; width: 375px; }
	body#contact .column_right { float: right; width: 550px; }
	
	#contact_time { font-size: 14px; }
	#contact_time h2 { font-size: 18px; color: #98685e; font-weight: normal; }
	#contact_time p { float: left; width: 100px; padding-right: 35px; color: #98685e; text-align: center; font-weight: bold; }
	#contact_time p.sk { color: #3f0600; margin-bottom: 50px; }
	
#left 	{ float: left; width: 630px; }
#right 	{ float: right; width: 275px; }

h1 { color: #3f0600; font-size: 18px; font-weight: normal; margin-bottom: 32px; }
h2 { color: #98685e; font-size: 14px; font-weight: bold; margin-bottom: 16px; }	
h3 { font-size: 12px; margin-bottom: 2px; }
p { line-height: 24px; margin-bottom: 28px; text-align: justify; }
	p.bold { color: #98685e; font-size: 14px; font-weight: bold; }
img {  }
	#content img.img-left { float: left; }
	#content img.img_right { float: right; }

img { border-style: none; }

/* form elements */
form			{ width: 100%; }
fieldset 		{ border-style: none; }
label 			{}
input.text 		{ float: left; width: 165px; padding: 10px 16px; margin: 0 0 7px 0; border: 1px solid #a7a7a7; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050;  }
input.button 	{ width: 90px; height: 30px; padding: 0; margin: 0; border: none; font-weight: bold; color: #fff; text-align: center; cursor: pointer; }
textarea 		{ float: left; width: 165px; padding: 10px 16px; margin: 0 0 7px 0; border: 1px solid #a7a7a7; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; font-family: Arial, Helvetica, sans-serif; }

ul#subnav { list-style: none; float: left; font-weight: bold; }
ul#subnav li { display: block; float: left; width: 240px; padding-left: 12px; background: none; margin-bottom: 14px; }
ul#subnav li a { display: block; padding-left: 12px; background: none; color: #3f0600; text-decoration: none; }
ul#subnav li.active a,
ul#subnav li a:hover { background: url(../layout/subnav_arrow.gif) left no-repeat; color: #3f0600; }

#facebook {float:left; margin:5px 0 0 0; }