/* 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;
}
html { background-color: #000}

h2 { color: #c7d500; font: normal 24px/26px arial;}
h3 {
	border-top: 1px solid #eeeeee;
	background-color: #fff;
	color: #2e2e2e;
	font: normal 18px/30px arial;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
h4 { color: #fff; font: normal 18px/26px arial; text-transform: uppercase; margin-bottom: 12px;}
h5 { color: #c7d500; font: normal 18px/26px arial; text-transform: uppercase; margin-bottom: 9px;}
h6 { color: #fff; font: normal 24px/26px arial; margin-bottom: 8px;}

a { color: #7d7d7d; font: normal 12px/18px arial;}
a:hover { text-decoration: none}
a.more { margin-right: 48px}

ul.list_1 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_1 li {
	height: 1%;
	background: url(images/marker_2.gif) no-repeat 0 6px;
	padding-left: 17px;
	margin-bottom: 12px;
}
ul.list_1 li.last_li { margin-bottom:0}
ul.list_1 li a { text-decoration: none}
ul.list_1 li a:hover { text-decoration: underline}

ul.list_2 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_2 li {
	height: 1%;
	margin-bottom: 2px;
}
ul.list_2 li.last_li { margin-bottom:0}

ul.list_2 li a {
	display: block;
	width: 100%;
	padding: 2px 0;
	background: url(images/box_1_y.gif) repeat-y 0 0;
	color: #7d7d7d; font: normal 12px/24px arial;
	text-decoration: none;
}
ul.list_2 li a:hover { background-image: url(images/box_1_y_on.gif); color: #c7d500}
ul.list_2 li a.list_2_on { background-image: url(images/box_1_y_on.gif); color: #c7d500}

ul.list_2 li a span {
	display: block; height: 1%;
	padding: 0 28px;
	background: url(images/marker_2.gif) no-repeat 10px 9px;
}

ul.list_3 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_3 li {
	height: 1%;
	margin-bottom: 2px;
}
ul.list_3 li.last_li { margin-bottom:0}

ul.list_3 li a {
	display: block;
	width: 100%;
	background: url(images/box_1_y.gif) repeat-y 0 0;
	color: #7d7d7d; font: normal 12px/24px arial;
	text-decoration: none;
}
ul.list_3 li.last_li a { padding: 1px 0 2px}

ul.list_3 li a.list_3_style { padding: 1px 0 3px}
ul.list_3 li a.list_3_style_1 { padding: 2px 0 2px}
ul.list_3 li a.list_3_style_2 { padding: 2px 0 1px}
ul.list_3 li a.list_3_style_3 { padding: 3px 0 1px}
ul.list_3 li a.list_3_style_4 { padding: 3px 0 3px}

ul.list_3 li a:hover { background-image: url(images/box_1_y_on.gif); color: #c7d500}
ul.list_3 li a.list_2_on { background-image: url(images/box_1_y_on.gif); color: #c7d500}

ul.list_3 li a span {
	display: block; height: 1%;
	padding: 0 27px;
	background: url(images/marker_2.gif) no-repeat 10px 10px;
}
ul.list_3 li a.list_3_style_1 span { background-position: 10px 8px}
ul.list_3 li a.list_3_style_2 span { background-position: 10px 8px}
ul.list_3 li a.list_3_style_3 span { background-position: 10px 8px}


.br1 { line-height: 7px}
.br2 { line-height: 20px}
.br3 { line-height: 17px}
.br4 { line-height: 63px}
.br5 { line-height: 2px}
.br6 { line-height: 24px}
.br7 { line-height: 71px}
.br8 { line-height: 30px}
.br9 { line-height: 26px}

#global {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	color: #7d7d7d; font: normal 12px/18px arial;
}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/

#header {
	width: 100%;
	height: 419px;
	position: relative;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#title {
	width: 280px;
	height: 68px;
	overflow: auto;
	position: absolute;
	top: 26px;
	left: 4px;
}
.title { position: relative; margin-bottom: -4px; color: #c7d500; font: normal 56px/42px arial;}
.title span { color: #fff; font-size: 30px;}
.subtitle { position: relative; color: #fff; font: normal 14px/14px arial; margin-left: 112px;}

#menu {
	position: absolute;
	top: 57px;
	left: 356px;
	width: 644px;
}

#menu li {
	display: inline; float: left;
	padding-right: 1px;
}

#menu li a {
	display: block;
	width: 91px; height: 38px;
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #000; font: normal 12px/42px arial;
	text-align: center; text-decoration: none;
}

#menu li a:hover {
	border-top: 1px solid #9faa00;
	border-bottom: 1px solid #9faa00;
	color: #fff; background-color: #c7d500;
}
#menu li a.active {
	border-top: 1px solid #9faa00;
	border-bottom: 1px solid #9faa00;
	color: #fff; background-color: #c7d500;
}
/*
================================================================================
|                                     MAIN                                     |
================================================================================
*/
#main {
	width: 100%;
	margin: 13px 0 16px;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.clearfix {
	clear: both;
	width: 100%;
	height: 0px;
	position: relative;
	overflow: hidden;
}

.content_l {
	width: 249px;
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 16px;
	margin-top: -10px;
	height: inherit;
}
.content_r h2 { margin-bottom: 8px}

.columns { width: 100%; position: relative}
.col_1_left {
	width: 300px;
	float: left;
	padding-left: 1px
}
.col_1_right {
	width: 250px;
	float: left;
	padding-left: 41px
}

.pict11 {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.pict11 img { float: left; border: 1px solid #7d7d7d; margin: 4px 5px 5px 1px}
.pict12 { 
}
.pict12 img { float: left; border: 1px solid #7d7d7d; margin: 4px 19px 30px 2px}
.pict31 { padding: 24px 50px 0 0;}
.pict31 img { float: left; border: 1px solid #7d7d7d; margin: 4px 19px 29px 2px}
.pict41 { padding: 2px 0 63px;}
.pict41 img { float: left; border: 1px solid #7d7d7d; margin: 4px 20px 30px 1px}
.pict51 { padding: 0px 50px 0 0;}
.pict51 img { float: left; border: 1px solid #7d7d7d; margin: 4px 19px 33px 2px}
.pict61 { padding: 2px 0 63px;}
.pict61 img { float: left; border: 1px solid #7d7d7d; margin: 4px 20px 30px 1px}
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
#footer_cont {
	width: 100%;
	display: table;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	background: url(images/bg_footer_x.gif) repeat-x 0 0;
	padding: 28px 0 21px;
}
#copyrights {
	padding: 0 97px;
	color: #fff; font: normal 12px/16px arial;
	text-align: right;
}
/*
================================================================================
|                                    GALLERY                                   |
================================================================================
*/
#gallery_box {
	width: 100%;
	margin-bottom: 37px;
	position: relative;
	background-color: #7d7d7d;
	color: #fff;
	font: normal 11px/14px arial;
	padding-top: 9px;
	padding-right: 70px;
	padding-bottom: 8px;
	padding-left: 70px;
	margin-left: -70px;
}

#gallery {
	width: 492px;
	height: 83px;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #fff;
	background-color: #666666;
}

#gallery img {
	float: left;
	width: 81px; height: 81px;
	border: 1px solid #fff;
	border-right: none;
}

.gallery_nav {
	height: 14px;
	margin: 6px 0px 0;
	position: relative;
	overflow: hidden;
}

#gal_pages { float: left; display: inline; text-align: center;}

a.gal_page {
	display: inline;
	color: #fff; font: normal 11px/14px arial;
	text-decoration: none;
	cursor: pointer;
}
#gal_pages a.gal_hover { text-decoration: underline}
#gal_pages a.gal_nav_on { text-decoration: underline}

#gal_pages span { padding: 0 6px 0 6px}

a.l_button {
	width: 3px; height: 14px;
	float: left; display: inline;
	margin-right: 7px;
	cursor: pointer;
	background: url(images/button_left.gif) no-repeat 0 center;
}

a.r_button {
	width: 3px; height: 14px;
	float: left; display: inline;
	margin-left: 8px;
	cursor: pointer;
	background: url(images/button_right.gif) no-repeat 0 center;
}
/*
================================================================================
|                                   SEARCH FORM                                |
================================================================================
*/
.search_box {
	width: 228px;
	background-color: #2e2e2e;
	padding: 11px 10px 31px;
}

#search_form {
	height: 1%;
	position: relative;
	padding-left: 1px;
}

.search_cont {
	position: relative;
	float: left;
	width: 150px; height: 18px;
	border: 1px solid #d0d0cf;
	background-color: #fff;
	padding: 2px 5px 1px;
}

.search_field {
	display: block; float: left;
	width: 148px; height: 15px;
	border: 0; background: none;
	color: #696868; font: normal 12px/20px arial;
}

input.search_btn {
	width: 63px; height: 23px;
	float: left;
	border: none; padding: 0;
	background-color: #7d7d7d;
	color: #fff; font: normal 12px/20px arial;
	cursor: pointer;
}

/*
================================================================================
|                                     NEWSLETTER                               |
================================================================================
*/
.newsletter_box {
	width: inherit;
	padding: 21px 9px 10%;
	background-color: #2e2e2e;
	margin: 21px 0 0;
	color: #696868;
	line-height: 14px;
	height: inherit;
}
#newsletter_form {
	position: relative;
	padding: 17px 1px 0;
	text-align: center;
}

.newsletter_cont {
	position: relative;
	width: 224px; height: 21px;
	overflow: hidden;
	border: 1px solid #121212;
	border-bottom-color: #d0d0cf;
	border-right-color: #d0d0cf;
	background-color: #fff;
	margin-bottom: 19px;
}

.newsletter_field {
	width: 214px; height: 17px;
	margin-top: 2px;
	margin-left: 6px;
	border: 0; background: none;
	color: #696868; font: normal 12px/15px arial;
}

input.newsletter_btn {
	display: block;
	height: 22px;
	position: relative;
	margin: 0 0 0 -4px;
	padding: 0;
	border: none; background: none;
	cursor: pointer;
	color: #fff; font: normal 12px/25px arial;
	text-decoration: underline;
}

.content_r {
	width: 615px;
	height: 1%;
	float: left;
	position: relative;
	overflow: hidden;
	padding: 0 59px 30000px 60px;
	margin-bottom: -30000px;
	background-color: #FFF;
}

/*
================================================================================
|                                    CONTACT FORM                              |
================================================================================
*/
.contact_form {
	color: #7d7d7d; font: bold 12px/10px arial;
	padding-top: 4px;
}

.form_columns { height: 1%; margin-bottom: 7px}
.column1 {
	width: 219px;
	float: left; display: inline;
}
 
.column2 {
	width: 215px;
	float: left; display: inline;
	margin-left: 22px;
}

.field11 {
	width: 216px; height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 3px;
}

.field12 {
	width: 212px; height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 3px;
}

.name_field { margin-top: 7px}

.message { width: 456px; clear: both}

.btn { text-align: right; margin-top: 19px}
.btn_clear {
	background: url(images/button_1.gif) no-repeat top left;
	width: 56px; height: 19px;
	border: 0px; cursor: pointer;
	margin-right: 13px;
}
.btn_send {
	background: url(images/button_2.gif) no-repeat top left;
	width: 56px; height: 19px;
	border: 0px; cursor: pointer;
}

input{ color: #7d7d7d; font: normal 12px Tahoma}
textarea{color: #7d7d7d; font: normal 12px Tahoma}
.h3a {
}
