* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
	background: #f8f7f3 url(/img/body.jpg) top center no-repeat;
	text-align: center;
}

a 			{ color: #4e9ecf; text-decoration: underline;  }
a:hover 	{ text-decoration: none; }

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

/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 980px; margin: 0px auto; position: relative; text-align: left; }
#left_hand { width: 88px; height: 294px; background: url(/img/left_hand.jpg); position: absolute; top: 73px; left: -88px; }
#right_hand { width: 88px; height: 294px; background: url(/img/right_hand.jpg); position: absolute; top: 73px; right: -88px; }

/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 395px; width: 100%; float: left; background: url(/img/header.jpg) left bottom no-repeat; position: relative; }
/* ---------------------------------------------------------- */
/* --------------------------- logo ------------------------- */
/* ---------------------------------------------------------- */
a#logo			{ display: block; width: 194px; height: 88px; overflow: hidden; position: absolute; top: 17px; left: 20px; }
a#logo span 	{ display: block; width: 194px; height: 88px; background-image: url(/img/logo.jpg); position: absolute; top: 0; left: 0; }
	
/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
ul#nav				{ font-weight: bold; list-style: none; position: absolute; top: 0;  right: 0; }
ul#nav li 			{ float: left; width: auto; margin-right: 10px; font-weight: bold; }
ul#nav li a 		{ display: block; float: left; width: auto; height: 35px; padding-top: 42px; color: #717274; text-decoration: none;  }
ul#nav li a:hover,
ul#nav li.active a 	{ background: url(/img/nav_hand.jpg) center top no-repeat; color: #3a7eab; }

/* ---------------------------------------------------------- */
/* ---------------------------- lang ------------------------ */
/* ---------------------------------------------------------- */
ul#lang 			{ position: absolute; top: 88px; right: 395px; font-size: 11px; font-weight: bold; }
ul#lang li			{ display: inline; padding-left: 4px; color: #505050; text-decoration: none; }
ul#lang a			{ color: #505050; text-decoration: none; }
ul#lang a:hover 	{ decoration: underline; }
ul#lang a.active 	{ color: #0d66a5; }

#video { position: absolute; top: 110px; right: 40px; width: 315px;}

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 930px; padding: 25px; font-size: 11px; }
#footer a { color: #8d93a1; } 
	p#copyright { float: left; width: auto; }
	p#webdesign { float: right; width: auto; }
	
/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { padding: 15px 25px 25px; text-align: left; background: #fff url(/img/content.gif) repeat-y; border-bottom: 1px solid #dddddb; width: 930px; }
	
	#left { float: left; width: 595px; }
	#right { float: right; width: 280px; }

h1	{ color: #509ece; font-size: 18px; border-bottom: 1px solid #cbcbc1; padding-bottom: 10px; margin-bottom: 10px; line-height: 1em; }
h2 { font-size: 14px; font-weight: bold; margin-bottom: 12px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 4px; }
p { line-height: 1.6em; margin-bottom: 18px; text-align: justify; }
	p.success { text-align: center; font-weight: bold; color: #39b44a; }
	p.error { text-align: center; font-weight: bold; color: #ed1c24; }
img {  }

p.center { text-align: center; }
img { border-style: none; }


/* button */
a.button { display: block; height: 35px; overflow: hidden; margin: 0 auto; background-color: #2296c4; background-image: url(/img/button.gif); background-position: top; background-repeat: repeat-x; text-align: center; color: #fff; text-decoration: none; font-weight: bold; }
a.button span { display: block;  height: 35px; background-image: url(/img/button-left.gif); background-position: top left; background-repeat: no-repeat; }
a.button span span { display: block; height: 35px; line-height: 35px; background-image: url(/img/button-right.gif); background-position: top right; background-repeat: no-repeat; }

a.button:hover { background-position: bottom; }
a.button:hover span { background-position: bottom left; }
a.button:hover span span { background-position: bottom right; }


/* list */
ul.list { list-style: none; padding-left: 3px; margin-bottom: 18px; }
ul.list li { padding-left: 10px; margin-bottom: 4px; background: url(/img/arrow.gif) 0px 3px no-repeat; }

/* form */
form 			{ width: 100%; }
fieldset 		{ width: 100%; border-style: none; padding: 10px 0; }

input.text, 	
textarea, 		
select 			{ width: 220px; padding: 8px; margin: 0 0 7px 0; border: 1px solid #a7a7a7; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050;  }

textarea		{ height: 80px; }
input.button 	{ width: 90px; height: 35px; padding: 0; margin: 0; border: none; background: #2296c4; font-weight: bold; color: #fff; font-size: 11px; text-align: center; cursor: pointer; }
select 			{ width: 236px; }

legend { font-weight: bold; }
label.lab_block { display: block; float: left; width: 100px; }
label { font-weight: bold; }

form ul { list-style: none; padding-left: 10px; padding-top: 5px; }
form ul label { font-weight: normal;}
.toggle_box { width: 100%; padding: 1px 0; overflow: hidden; }

	input.hover, textarea.hover { border: 1px solid #7f7f7f; }
 	input.focus, textarea.focus { color: #fff;	border: 1px solid #0b5e99; background: #0682b8; }

/* ---------------------------------------------------------- */
/* -------------------------- order ------------------------- */
/* ---------------------------------------------------------- */
#order fieldset 		{ padding: 0px 0px 16px 8px; margin-bottom: 16px; background: url(/img/horizontal_dots.gif) bottom repeat-x; }
#order legend 			{ padding-bottom: 16px; color: #0d66a5; font-size: 14px; font-weight: bold; display: block; }

#order input.button 		{ width: 200px; background: #2296c4 url(/img/button_order.gif) top; text-transform: uppercase; }
#order input.button:hover 	{ background: #2296c4 url(/img/button_order.gif) bottom; }

.button_center { width: 100%; text-align: center; }
.button_center input.button { margin: 0 auto; float: none; }

#order .cnt { float: left; width: 410px; }
#order .column { width: 170px; float: left; }
#order .toggle_box { display: none; width: 100%; padding: 1px 0; overflow: hidden; }

/* row */
#order .row 			{ width: 100%; position: relative; }
#order .row label 		{ display: block; width: 160px; padding-top: 7px; position: absolute; top: 0; left: 0; }
#order .row input,
#order .row textarea,
#order .row select		{ margin: 0 0 8px 170px; }

/* cb_box */
#order .cb_box { width: 170px; height: 30px;  }
#order .cb_box input { margin-right: 6px; }
#order .cb_box label { display: inline; }


/* ---------------------------------------------------------- */
/* -------------------------- contact ----------------------- */
/* ---------------------------------------------------------- */
strong.contact_item { display: block; float: left; width: 66px; }
.column_left 	{ float: left; width: 250px; }
.column_right 	{ float: right; width: 250px; }

table 				{ width: 100%;  border-collapse: collapse; margin-bottom: 18px; font-size: 11px; }
table tr td 		{ background: #fff; border: 1px solid #b8dcec; padding: 7px 0 8px 14px; vertical-align: top; }
table tr td.time 		{ width: 75px; text-align: center; padding-left: 0; }
table tr.head td 	{ background: #b8dcec; color: #3a7fa8; font-weight: bold; }

.people { width: 190px; height: 190px; float: left; text-align: center;  }