/* CSS Document */
/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, applet, object, iframe, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { background: url(images/bg_top_x.gif) repeat-x left top; background-color: #c3c3c3}
h2 { color: #313131; font: normal 20px/15px impact; text-transform: uppercase; border-bottom: 1px solid #313131; padding-bottom: 6px}
a { color: #c51419; font: normal 12px/15px arial}
a:hover { text-decoration: none}
ul.links {
	margin-left:0px;
	padding-left:0px;
	list-style:none;
}
ul.links li {
	height: 1%;
	background: url(images/marker_1.gif) no-repeat 0 6px;
	padding-left: 15px;
	margin-bottom: 6px;
}
ul.links li.last_li { margin-bottom:0}

.br1 { line-height: 26px}
.br2 { line-height: 40px}
.br3 { line-height: 22px}
.br4 { line-height: 38px}
.br5 { line-height: 20px}

#global {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	color: #363636; font: normal 12px/15px arial;
}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/

#header {
	width: 100%; height: 503px;
	background: url(images/bg_header.jpg) no-repeat top left;
	position: relative;
}

#title {
	position: absolute;
	top: 30px;
	left: 40px;
	color: #313131;
	font: normal 50px/38px impact;
	width: 424px;
}
#title span { font-size: 30px}

#menu {
	margin-left: 466px;
	list-style: none outside;
}

#menu li {
	float: left;
	margin-right: 10px;
}

#menu li a {
	display: block; float: left;
	height: 100px;
	padding: 0px 0px 0px 5px;
	color: #313131; font: normal 12px/19px arial;
	text-decoration:none; text-transform: uppercase;
}

#menu li a span {
	display: block;
	padding: 60px 6px 5px 0px;
	text-indent: 11px;
}
#menu li a span span { display: none}

#menu li a:hover { background: url(images/menu_on_left.gif) no-repeat top left}
#menu li a:hover span { color: #fff; background: url(images/menu_on_right.gif) no-repeat top right}
#menu li a:hover span span { display: inline}

#menu li a.active { background: url(images/menu_on_left.gif) no-repeat top left}
#menu li a.active span { color: #fff; background: url(images/menu_on_right.gif) no-repeat top right;}
#menu li a.active span span { display: inline}

.slogan {
	position: absolute;
	top: 383px; left: 205px;
	width: 553px; height: 116px;
	overflow: auto;
	color: #fefefe; font: normal 22px/32px impact;
}
.slogan p { font-size: 30px}
.slogan span { font-size: 35px; line-height: 30px; color: #fdd54e; float: right; display: inline; margin-right: 26px}
/*
================================================================================
|                                     MAIN                                     |
================================================================================
*/

#main {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}

.clearfix {
	clear: both;
	width: 100%; height: 0px;
	position: relative; overflow: hidden;
}

.content_l {
	width: 490px; float: left;
	position: relative;
	padding-left: 81px;
}
.content_l h2 { margin-bottom: 22px; margin-right: 3px}

.content_r {
	width: 295px; float: left;
	position: relative;
	padding-left: 57px;
}
.content_r h2 { margin-bottom: 22px; margin-right: 4px}

.columns { width: 100%; position: relative}
.col_1 { width: 230px; float: left; padding-left: 28px}
.col_1_left { padding-left: 0px}

.table {
	width: 486px;
	background: url(images/line_table_y.gif) repeat-y 24px 0;
	line-height: 15px;
	margin-bottom: 42px
}
.table_cont { position: relative; background: url(images/line_table_y.gif) repeat-y 442px 0}

.table_row {
	width: 100%;
	background: url(images/line_table_x.gif) repeat-x top left;
	clear: both;
	padding: 3px 0 0px;
	margin-left: 2px
}
.table_row_first { background: none}

.table_col1 {
	float: left; width: 18px;
	padding-left: 4px;
}

.table_col2 {
	float: left; width: 408px;
	padding-left: 10px;
}

.table_col3 {
	float: left; width: 28px;
	padding-left: 8px;
}

.banner_1 {
	height: 115px;
	margin: 43px 0 25px;
	padding-right: 120px;
	background: url(images/img_1.gif) no-repeat 179px 16px;
	color: #313131; font: normal 30px/30px arial;
}
.banner_1 span { color: #fff; font-size: 25px; font-family: impact}
#index2 .banner_1 { margin-top: 46px}
#index3 .banner_1 { margin-top: 45px}


a.more {
	display: block;
	width: 70px; height: 17px;
	background: url(images/button_1.gif) no-repeat left top;
	color: #fff; font: normal 12px/16px arial;
	text-align: center; text-decoration: none;
}

.pict11 { overflow: hidden; padding: 14px 0 36px}
.pict11 img { float: left; display: inline; margin: 3px 21px 4px 0px}
.img12 { padding: 3px 0px 17px}
.img13 { padding: 3px 0px 17px}
.img14 { padding: 3px 0px 17px}
.img15 { padding: 22px 0px 17px}
.img21 { padding: 27px 0px 17px}
.pict31 { overflow: hidden; padding-bottom: 12px}
.pict31 img { float: left; display: inline; margin: 3px 21px 4px 0px}
.img32 { padding: 3px 0px 17px}
.img33 { padding: 3px 0px 17px}
.img51 { padding: 3px 0px 17px}

.address { line-height: 13px; margin-bottom: 25px}
.address b { color: #c51419}
.address a { margin-left: 1px}
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
#footer {
	width: 838px; height: 70px;
	margin: 0 auto;
	border-top: 1px solid #313131;
	overflow: hidden;
}
.copyrights { float: right; margin-top: 25px}
/*
================================================================================
|                                   CONTACT FORM                               |
================================================================================
*/
.contact_form {
	padding-top: 29px;
	font: bold 12px/12px arial;
}

.form_columns { height: 1%; margin-bottom: 6px}
.column1 {
	width: 233px;
	float: left; display: inline;
}

.column2 {
	width: 232px;
	float: left; display: inline;
	margin-left: 22px;
}

.field11 {
	width: 230px;
	height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 2px;
}

.field12 {
	width: 229px;
	height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 2px;
}

.name_field {margin-top:6px}

.message { width: 487px; clear: both}
.field2 {
	width: 484px; height: 174px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	overflow: auto;
	margin-top: 2px;
}

.btn { text-align: right; margin-top: 23px}
.btn_clear {
	background: url(images/button_2.gif) no-repeat top left;
	width: 70px; height: 17px;
	border: 0px; cursor: pointer;
	margin-right: 12px;
}
.btn_send {
	background: url(images/button_3.gif) no-repeat top left;
	width: 70px; height: 17px;
	border: 0px; cursor: pointer;
}

input{ color:#555555;font: normal 12px Tahoma}
textarea{color:#555555;font: normal 12px Tahoma}