* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2e2e2;
background: #CBCBCB url(../images/bg_sub.jpg) top repeat-x;	text-align: center;
}


a { color: #fcd446; text-decoration: underline;  }
a:hover { color: #C21320; text-decoration: none; }

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


/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 982px; margin: 0 auto; padding-bottom: 30px; position: relative; background: url(../images/.jpg) top center no-repeat; text-align: left; }
#background { width: 100%;  background:url(../images/bg_sub.jpg) top repeat-x; background-color:#CBCBCB; }
	body#homepage #background { background: url(../images/bg_home.jpg) top repeat-x; }
	body#sub #background { background: url(../images/bg_background.jpg) no-repeat top; }
#shadow { width: 100%; background:  url(../images/bg_shadow.jpg) center 450px no-repeat; }


/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 240px; width: 100%; float: left; position: relative; }
	body#homepage #header { height: 535px; }


/* ---------------------------------------------------------- */
/* --------------------------- logo ------------------------- */
/* ---------------------------------------------------------- */
#logo { position: absolute; top: 32px; left: 20px; }
#logo a { display: block; width: 237px; height: 48px; overflow: hidden; position: relative; text-decoration: none; font-size: 11px; font-weight: bold; text-align: right; color: #ecb400;  }
	#logo a strong { color: #fff; font-size: 18px; }
#logo a span { display: block; width: 237px; height: 48px; background-image: url(../images/hp_logo.png); position: absolute; top: 0; left: 0; }
	
/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#navigation { width: 982px; height: 55px; background: url(../images/bg_navigation_sub.png); position: absolute; top: 103px; left: 0; }
#navigation ul { font-weight: bold; list-style: none; }

#navigation li { float: left; width: auto; }
#navigation li a { display: block; float: left; width: auto; height: 48px; background: none; text-align: center; color: #fcfcfc; text-decoration: none; font-weight: bold; position: relative; }
#navigation li a span { display: block; float: left; width: auto; height: 48px; padding: 0 16px; line-height: 48px; background: none; overflow: hidden; }

#navigation li a:hover, #navigation li.active a { color: #fcd858; text-decoration: underline; }
#navigation li.active a { background: url(../images/navigation_hover.png) top repeat-x; }

#navigation li.active a.first span { background: url(../images/navigation_corner.png) top left no-repeat; }
#navigation li a.first span { padding-left: 22px; }

#helmet { width: 118px; height: 112px; position: absolute; top: -46px; right: -38px; z-index: 20; }

/* ---------------------------------------------------------- */
/* ---------------------------- lang ------------------------ */
/* ---------------------------------------------------------- */
#lang { position: absolute; top: 16px; right: 64px; z-index: 30; font-size: 11px; color: #fbfbfb; }
#lang a { color: #fbfbfb; text-decoration: none; }
#lang a:hover, #lang a.active { color: #fcd858; text-decoration: underline; }

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 946px; height: 28px; padding: 12px 18px 0; background: url(../images/bg_footer.png); overflow: hidden; }
#footer a { color: #fff; } 
#footer a:hover { color: #584b45; text-decoration: none; } 
#footer p { margin: 0; font-size: 11px; color: #fff; }
	p#copyright { float: left; width: auto; line-height: 20px; }
	p#webdesign { float: right; width: auto; line-height: 20px; }
	
/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { padding: 0px 0px 18px 0px; text-align: left; background: url(../images/bg_content.jpg) left repeat-y; }
	#content_top { background: url(../images/bg_content_top.png) top left no-repeat; }
	
	#left { float: left; width: 292px; padding: 65px 0 25px; }
	#right { float: right; width: 568px; padding: 34px 60px 0 60px; position: relative; }

h1 { display: block; width: 304px; height: 52px; margin-left:-13px; line-height: 52px; padding-left: 25px; padding-top:-5px; background: url(../images/h1_bg.png) no-repeat; overflow: hidden; color: #fff; text-transform: uppercase; font-size: 16px; position: absolute; top: 20px; left: -293px; }
	h1.small_font { font-size: 12px; }

h2 { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 16px;  }
h3 { color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 4px; }
	h3 span.small_font { font-size: 11px; font-weight: normal; color: #e2e2e2; }
	#right h3 { margin-bottom: 10px; }
p { line-height: 1.5em; margin-bottom: 18px; }
img {}
	.img_right { float: right; margin: 0 0 20px 20px; }
	.img_border { border: 1px solid #2b2521; }
	a .img_border { border: 1px solid #2b2521; }
	a:hover .img_border { border: 1px solid #C21320; }

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



/* ---------------------------------------------------------- */
/* -------------------------- homepage ---------------------- */
/* ---------------------------------------------------------- */
body#homepage {	background: #C7C7C7 url(../images/hp_bg_body.jpg) top repeat-x; }
body#homepage #logo a span { background-image: url(../images/hp_logo.png); }
body#homepage #navigation { height: 48px; background: url(../images/hp_bg_navigation.png); }
body#homepage #wrap { background: url(../images/hp_bg_background.jpg) top center no-repeat; }


.box_download { margin-bottom: 24px; }
.download_item { width: 522px; background:#006DB4 url(../images/ico_sgn.png) 11px 8px no-repeat; padding: 11px 0 8px 46px; margin-bottom: 2px; position: relative; }
.download_item h2 { font-size: 12px; margin-bottom: 0; }
.download_item a { color: #e2e2e2; }
.download_item a:hover { color: #fcd446; text-decoration: underline; }
.download_item span { font-size: 11px; position: absolute; right: 12px; top: 11px; }


table { width: 100%; border-collapse: collapse; margin-bottom: 36px; float: left; width: 100%; }
table tr td { padding: 7px 0 8px 14px; font-size: 11px; vertical-align: top; }
table tr.head td { color: #fcd446; font-weight: bold; }

.box { border: 1px solid #003768; background: #073E81;  margin-bottom: 16px; width: 568px; }
	.box .inner { border-top: 1px solid #4d4743; border-left: 1px solid #0D50A0; border-right: 1px solid #0D50A0; padding: 18px; }
	.box img { border: 1px solid #2b2521; margin: 0 0px 0px 0; }
		.box img.no_margin_right { margin-right: 0; }
	.box a img { border: 1px solid #0D50A0; }
	.box a:hover img { border: 1px solid #fcd446; }

.box .item { width: 172px; float: left; margin-right: 7px; margin-bottom: 7px; }
.box .no_margin_right { margin-right: 0; }


.ref_img { float: left; width: 172px; height: 170px; overflow: hidden; margin: 0 24px 10px 0; text-align: center; font-size: 11px; }
.no_margin_right { margin-right: 0; }
	.ref_img a img 			{ border: 1px solid #2b2521; }
	.ref_img a:hover img	{ border: 1px solid #fcd446; }


.gallery { margin-bottom: 36px; width: 568px; }
.gallery a { display: block; float: left; 155px; margin: 0 51px 0 0; text-align: center; text-decoration: none; }
.gallery a.no_margin_right { margin-right: 0; }
.gallery a img { text-decoration: none; margin: 0; }


.ref_item { padding-bottom: 24px; }
.ref_item h3 { font-size: 12px; }
.ref_item p { margin-bottom: 8px; }
.ref_item img { float: left; margin-right: 16px; }
	.ref_item a img 		{ border: 1px solid #2b2521; }
	.ref_item a:hover img	{ border: 1px solid #fcd446; }

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

/* ---------------------------------------------------------- */
/* --------------------------- form ------------------------- */
/* ---------------------------------------------------------- */
form 			{ width: 100%; }
fieldset 		{ width: 100%; border-style: none; }

label { display: block; float: left; width: 120px; padding-top: 8px; font-size: 11px; }

input.text, 	
textarea, 		
select 			{ width: 220px; padding: 8px; margin: 4px 0; border: none; background: #0D50A0; border:1px solid #007BBE; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;  }

textarea		{ height: 108px; width: 380px; }
input.button 	{ width: 90px; height: 32px; padding: 0; margin-right: 10px; border: none; background: #0D50A0; font-weight: bold; color: #fff; font-size: 11px; text-align: center; cursor: pointer; border-top: 1px solid #007BBE; border-right: 1px solid #007BBE; border-bottom: 1px solid #007BBE; border-left: 1px solid #007BBE; }
	.block_button { width: 100%; text-align: right; margin-top: 10px; }

	input.hover, textarea.hover { background: #746359; }
 	input.focus, textarea.focus { background: #fcd446; color: #292320; }

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

#map span { display: none; }
#map a { display: none; }
#map { width: 326px; height: 264px; margin-bottom: 24px; }

a#zoom_map { display: block; float: right; width: auto; margin-right: 26px; padding: 0 0 1px 22px; background: url(../images/ico_zoom_map.gif) 0px 1px no-repeat; }


a.txt_button { display: block; float: right; height: 23px; line-height: 23px; padding: 0 12px; background-image: url(../images/txt_button.gif); background-position: top left; background-repeat: repeat-x; color: #502a28; position: relative; margin-right: 11px; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold; }
a.txt_button span { display: block; width: 11px; height: 23px; background-image: url(../images/txt_button_span.gif); background-position: top left; position: absolute; top: 0; right: -11px; }

a.txt_button:hover { background-position: bottom left; color: #502a28; }
a.txt_button:hover span { background-position: bottom left; }


/* ---------------------------------------------------------- */
/* ---------------------- box_contact ----------------------- */
/* ---------------------------------------------------------- */
#box_contact { background: #003768; border-bottom: 1px solid #302a27; border-top: 1px solid #241f1c; }	
#box_contact .border { border-top: 1px solid #302a27; padding: 22px 0 8px 28px; }
#box_contact h2 { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 14px; padding: 2px 0 2px 24px; background: url(../images/box_contact_ico.gif) left no-repeat; }
#box_contact h3 { font-size: 11px; color: #fff; margin-bottom: 0; }
#box_contact p { font-size: 11px; margin-bottom: 14px; }
#box_contact strong.contact_item { display: block; float: left; width: 55px; }
#box_contact a, #box_contact a:hover { color: #e2e2e2; }

body#contact #box_contact p { margin-bottom: 24px; }
body#contact #box_contact h2 { padding-left: 0; background: none; }
body#contact #box_contact h3 { margin-bottom: 5px; }
body#contact #box_contact h3 span { font-weight: normal; color: #e2e2e2; }

/* ---------------------------------------------------------- */
/* ------------------------- subnav ------------------------- */
/* ---------------------------------------------------------- */
#subnav { padding: 25px 28px 0; width: 236px; }
#subnav h2 { font-size: 12px; margin-bottom: 10px; }
#subnav ul { list-style: none; margin-bottom: 24px; }
#subnav li { margin-bottom: 10px; }
#subnav li a { padding-left: 16px;  text-decoration: none; background: url(../images/subnav_arrow.gif) left no-repeat; color: #e2e2e2; }
#subnav li a:hover, #subnav li.active a { color: #fcd446; text-decoration: underline; }

#subnav li ul { list-style: none; margin-top: 4px; margin-bottom: 4px; }
#subnav li ul li a { margin-left: 15px;   text-decoration: none; background: url(../images/subnav_arrow.gif) left no-repeat; color: #e2e2e2; }
#subnav li ul li a:hover, #subnav li.active a { color: #fcd446; text-decoration: underline; }