/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* Global properties ======================================================== */
body, html{
	min-width:1000px;
	min-height:875px;
}
body {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	border:0;
	color:#222;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
/* Global Structure ============================================================= */
.glob {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;
}
.main {
	position:relative;
	width:940px;
	margin:0 auto;
	z-index:2;
}
.bottom_main {
	position:absolute;
	width:100%;
	bottom:0;
	padding:0;
}
.page_spinner {
	position:fixed;
	background:url(../images/main_spinner.gif) 50% 50% no-repeat #000000;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#454545;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#000;
}
h1 {
	display:inline-block;
	padding:0;
	float:left;
}
h2 {
	font:bold 24px/32px 'PT Sans', sans-serif;
	color:#2f261d;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-bottom:10px;
	text-shadow:-1px -1px 2px #b1b1b1;
}
h3 {
	font:bold 18px/27px 'Arial', sans-serif;
	color:#333;
	padding-bottom:12px;
}
h4 {
	font:18px/18px 'Arial Black', sans-serif;
	font-style:italic;
	color:#fff;
	background-image:url(../images/menu_bg_1.png)
	text-transform:uppercase;
	letter-spacing:3px;
	padding-bottom:8px;
	text-shadow:-1px 1px 4px #000;
}
img { 
	margin-bottom:19px;
}
footer img { 
	padding-bottom:0;
}
#page_about img, #page_products img, #page_blog img{ 
	border:7px solid #ffffff;
}
p { 
	padding-bottom:24px;
}
#page_about .col2 p { 
	margin-top:5px;
}
.color1{
	color:#A8A8A8;
	margin-left:145px;
	/* letter-spacing:1px; */
}
.color2{
	color:#000000;
}
.fontstyle1{
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	letter-spacing: 1px;
}
.fontstyle2{
	font:10px  Arial, sans-serif;
	color:#a8a7a7;
	margin-top:-22px;
	margin-bottom:32px;
	white-space:pre-wrap;
}
/* ============================= header ====================== */
header {
	position:relative;
	height:81px;
	text-transform:uppercase;
	width:100%;
	background:url(../images/menu_bg_1.png);
	z-index:3;
	display:block;
	margin-bottom:150px;
}
#logo {
	position:absolute;
	display:inline-block;
	text-indent:100%;
	overflow:hidden;
	width:240px;
	height:188px;
	background:url(../images/logo.png) 0 0 no-repeat;
	z-index:5;
}
/* ============================= menu ====================== */
.menu {
	padding:0;
	/*border-left:1px solid #766f65;*/
	float:right;
}
#menu {
	height:81px;
}
#menu > li {
	position:relative;
	float:left;
	height:81px;
	margin-right:-1px;
}
#menu > li .menu_arrow {
	position:absolute;
	width:100%;
	height:100%;
	top:51px;
	left:0;
	background:url(../images/menu_arrow.png) 50% 0px no-repeat;
	z-index:1;
}
#menu > li > a {
	position:relative;
	display:block;
	padding-top:36px;
	width:136px;
	height:46px;
	font:bold 18px/22px 'Arial', sans-serif;
	background:url(../images/menu_item_line.png) right 0 no-repeat;
	color:#fff;
	text-align:center;
	text-decoration:none;
	z-index:1;
}
#menu > li > a.first_item {
	background:url(../images/menu_item_line_first.png) right 0 no-repeat;
}
#menu > li > a span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/menu_item_hover.png) 0 0 repeat-x;
	z-index:-1;
}
.submenu_1 {
	position:absolute;
	top:81px;
	left:-1px;
	width:126px;
	background:url(../images/submenu_plane_pattern.png);
	padding:20px 0;
	z-index:5;
}
.submenu_1 li {
	position:relative;
	text-align:left;
}
.submenu_1 a {
	position:relative;
	display:block;
	padding:8px 0 11px 22px !important;
	color:#fff !important;
	text-decoration:none;
	z-index:1;
	font:10px 'Arial', sans-serif;
}
.submenu_1 a b {
	position:absolute;
	width:100%;
	height:29px;
	top:0;
	left:0;
	z-index:-1;
}
.submenu_1 a:hover {
	color:#a8a8a8 !important;
}
.submenu_2 {
	position:absolute;
	top:-20px;
	left:126px;
	width:119px;
	background:url(../images/submenu2_plane_pattern.png);
	color:#fff !important;
	padding:10px 0;
}
.submenu_2 a {
	color:#fff !important;
}
/* ============================= bgGall ======================= */
#bgStretch img{
	background:#000;
	margin-top:-25px;
	z-index:-1;

}
/* ============================= splash ====================== */
#splash{
	position:relative;
	width:940px;
	margin:0 auto;
	z-index:10;
	top:42px;
	margin-top:-150px;
}
#bgNav {
	overflow:hidden;
	cursor:default;
	float:right;
}
#bgNav li {
	display:inline-block;
	margin-left:3px;
}
#bgNav li > a {
	display:block;
	height:13px;
	width:15px;
	background:url(../images/bg_selector.png) no-repeat right 0;
	border-radius:150px;
}
#bgNav a:hover, #bgNav .active a {
	background-position:0 0;
}
.gall_spinner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/gallLoader.gif) 50% 40% no-repeat;
}
/* ============================= content ====================== */
#content{
	position:relative;
	overflow:hidden;
	width:100%;
}
#content > ul > li {
	position:absolute;
	width:99%;
	background-color:#fff;
    border:3px;
	border-style:solid;
	border-color:#000;
}
#content > ul > li > div{
	overflow:hidden;
	padding:50px 27px 30px 58px;
}
a{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.moreBanners, .more, .more2{
    display: inline-block;
    padding: 11px 6px;
    font: 14px 'Verdana', sans-serif;
    text-align: center;
    color: #FFFFFF;
    text-decoration: underline;
    text-transform: uppercase;
    background: #599B3C;
}
.more{
	font:bold 12px 'Arial', sans-serif;
	padding:12px 23px;
}
.more2{
	font:bold 12px 'Arial', sans-serif;
	padding:12px 12px;
}
.moreBanners:hover{
    display: inline-block;
    padding: 11px 6px;
    font: 14px 'Verdana', sans-serif;
    text-align: center;
    color: #FFFFFF;
    text-decoration: underline;
    text-transform: uppercase;
    background: #599B3C;
}
.more:hover, .more2:hover{
	color:#000000;
	background:#000000;
}
.google_map{
   width:286px;
   height:286px;
   background:#fff;
   border:7px solid #ffffff;
}
.address {
	padding-top:20px;
}
.address > span{
	display:block;
	width:170px;
}
.mailLink{
	text-decoration:none;
}
.mailLink:hover{
	color:#a8a8a8;
}
/* ============================= lists ====================== */
.listWithMarker {
	margin-top:7px;
	margin-left:2px;
}
.listWithMarker li {
	display:block;
	padding-bottom:9px;
}
.listWithMarker li a {
	display:inline-block;
	padding-left:11px;
	font:bold 11px/21px  Arial, sans-serif;
	text-transform:uppercase;
	color:#a8a8a8;
	text-decoration:none;
	background:url(../images/list_marker.png) 0 8px no-repeat;
}
.listWithMarker li a:hover {
	color:#000;
}
/* ============================= footer ====================== */
footer {
	position: relative;
	text-align:left;
	width:100%;
	height:170px;
	padding-bottom:-50px;
	color:#707070;
	text-transform:uppercase;
	background:url(../images/footer_bg.png) 0 0 repeat-x;
	font:10px 'Arial', sans-serif;
	z-index:2;
}
footer>.inner {
	text-align:left;
	display:inline-block;
	padding-top:57px;
	margin-left:25px;
}
footer a {
	color:#a8a8a8;
}
footer a:hover {
	color:#fff;
}
footer .footer_txt {
	color:#fff;
	font:bold 28px 'PT Sans', sans-serif;
	margin-bottom:2px;
	margin-left:145px;
	padding-right:16px;
	letter-spacing:1px;
}
/* ============================= start soc icons ====================== */
.soc_links {
	display:block;
	right:-1px;
	position:relative;
}
.soc_links>li {
	display:inline-block;
	position:relative;
	width:37px;
	height:36px;
	float:left;
	margin-top:-10px;
	margin-left:-1px;
}
.soc_links>li>a {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
}
.soc_links>li>a>img {
	position:relative;
	margin-top:10px;
}
/* ============================= end soc icons ====================== */
/* ============================= forms ============================= */
#form1 input {
	margin:0;
	border:1px solid #999;
	background-color:#fff;
	padding:12px 0 12px 16px;
	width:252px;
	box-shadow:none;
}
#form1 textarea {
	resize:none;
	margin:0;
	border:1px solid #999;
	background-color:#fff;
	padding:12px 0 5px 16px;
	width:362px;
	height:181px;
	overflow:auto;
	line-height:18px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:56px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top:-3px;
	display:none;
	font-size:10px;
	line-height:18px;
	color:#900;
	text-transform:none;
}
.btns a{
	margin:26px 0 0 30px;
}
/* Form defaults */
input, select, textarea {
	font:12px/12px Arial, sans-serif;
	color:#333;
}

/* ============================= start banners ====================== */
.banners {
	position:absolute;
	list-style-type:none;
	display:inline-block;
	display:block;
	margin-bottom:30px;
	z-index:10;
	top:-200px;
	z-index:1;
}
.banners li {
	float:left;
	width:250px;
	height:110px;
	border:2px;
	border-style:solid;
	border-color:#000;
	padding:20px;
	margin-right:25px;
	background:#ffffff;
}
.banners li.last {
	margin-right:0;
}
.banners li img{
	float:left;
	padding-right:17px;
}
.banners h2 {
	margin-top:20px;
	margin-bottom:13px;
	font:bold 24px/24px 'PT Sans', sans-serif;
	color:#000000;
	letter-spacing:-1px;
	text-shadow:-1px -1px 2px #b1b1b1;
	padding-bottom:0;
}
.banners li:hover h2{
	text-shadow:1px 1px 2px #a8a8a8;
}

/* ============================= end banners ====================== */