/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#fff; border:0; font:13px Arial, Helvetica, sans-serif;}
.heading{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#8bbd38;
}

.heading_small{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #8bbd38;
}





.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#F7F7F7;

}

.text_big{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #F7F7F7;

}


/* Global Structure ============================================================= */

.over{ position:relative;}

/* ============================= main layout ====================== */

a{ color:#9a9a9a; text-decoration: none; outline:none}
a:hover{ text-decoration: none}
h1{ padding:0 0 0 0; float:left;}
h2{ font:27px 'Arapey', serif; color:#26251e; line-height:1.2em; text-transform:uppercase; padding:0 0 26px 0; margin-top:-4px; letter-spacing:-1px;}
h2 span{ display:block; margin-top:-10px;}
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:200px; position:relative; z-index:2}

#logo{ display:block; text-indent:-9999px; background: url(../images/logo.png) 0 0 no-repeat; width:200px; height:200px; overflow:hidden; position:relative}
#logo span{  text-indent:0; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
#logo span img{position:absolute; top:0; left:0; width:0; height:0;}

.menu{ float:right; margin-top:15px;}
#menu {}
#menu > li { position:relative; float: left; border-right:1px solid #535300;}
#menu > .last{ border:0}
#menu > li > a{ position:relative; overflow:hidden; background:#8bbd38; display:block; font:15px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold ; line-height:48px; text-transform:uppercase; color:#fff}
#menu > li > a > span{ position:relative; display:block; padding:0 15px; height:100%}
#menu > li > a > .right_mask, #menu > li > a > .left_mask{ position:absolute; top:0; width:100%; padding:0}
#menu > li > a > .right_mask{ background:url(../images/bg_mask_right2.png) 0 0 no-repeat; right:-100%}
#menu > li > a > .left_mask{ background: url(../images/bg_mask_left2.png) right 0 no-repeat; left:-100%}

.submenu_1{ position: absolute; left:0; top:49px; width:158px; background:#666666; padding:21px 0}
.submenu_1 li{ margin-bottom:5px; position:relative; line-height:35px;}
.submenu_1 a{ display:block; font-weight:bold; color:#fff; position:relative; padding:0 15px;}
.submenu_1 span{ position:absolute; width:100%;  height:100%; background:#76af11}
.submenu_1 a:hover, .submenu_1 .sfHover > a{}
.submenu_2{ position: absolute; left:159px; top:-21px; width:158px; background:#7fd565; padding:21px 0}
.submenu_2 span{ position:absolute; width:100%;  height:100%; background:#333339}

/* ============================= content ====================== */

#content{ position:relative; z-index:1; overflow:visible !important}
#content > ul > li{ position:relative; width:100%}

.close{ position:absolute; right:20px; top:20px; background:url(../images/close.gif) 0 0 no-repeat; width:26px; height:26px;}
.close span{ display:block; width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat}

#splash{ position:absolute; width:100%}

#caption{ position:relative; margin-top:53px; height:427px;}
#caption li{ position:absolute;}
#caption li a{ font-family:'Arapey', serif; color:#fff;}
#caption strong{ font-size:130px; line-height:1.2em; display:block; letter-spacing:-5px; font-weight:normal}
#caption span{ font-size:80px; line-height:1.2em;  display:block; letter-spacing:-4px; margin-top:-61px;}
#caption span{ font-size:80px; line-height:1.2em;  display:block; letter-spacing:-4px; margin-top:-61px;}
#caption em{ font-size:40px; line-height:1.2em;  display:block; letter-spacing:-2px; margin-top:-18px; color:#161515; font-style: normal}
#caption img{ display:inline-block; margin-top:19px}

#caption1 strong{padding-left:152px;}
#caption1 span{padding-left:2px;}
#caption1 em{padding-left:40px;}
#caption2 strong{ margin-left:-4px}
#caption2 span{padding-left:40px;}
#caption2 em{padding-left:40px;}
#caption3 strong{padding-left:15px;}
#caption3 span{padding-left:105px;}
#caption3 em{padding-left:50px;}
#caption4 strong{padding-left:20px;}
#caption4 span{padding-left:4px;}
#caption4 em{padding-left:70px;}

#bg_pagination{ padding:21px 0 21px 23px; background:#111116; }
#bg_pagination ul{height:152px;}
#bg_pagination li{ float:left; margin-right:17px; position:relative; width:213px;}
#bg_pagination a{ position:relative; display:block; height:152px; overflow:hidden}
#bg_pagination .act_box{ position:absolute; width:100%; height:100%; background:#ffbf11; top:0; left:0}
#bg_pagination .box{ position:absolute; width:197px; background:#111116; height:97px; border:8px solid #333339; top:0; left:0}
#bg_pagination img{ position:relative; padding:8px;}
#bg_pagination .caption{ text-align:center; display: block; font:20px 'Arapey', serif; color:#fff; line-height:1.2em; position:relative; letter-spacing:-1px; margin-top:2px; padding-right:12px;}
#bg_pagination .caption span{ text-transform:uppercase}
#bg_pagination .caption em{ display:inline-block; background:url(../images/marker_1.gif) 0 0 no-repeat; width:8px; height:9px; margin-top:8px;}

#content > ul > li .box{ padding:60px 0; background:#fafafa}
.height{ min-height:554px;}

.line1{ background:url(../images/line_vert1.gif) 630px 0 repeat-y}
.line2{ background:url(../images/line_vert1.gif) 310px 0 repeat-y}
.line3{ background:url(../images/line_vert1.gif) 550px 0 repeat-y}
#page_contacts .line3{ background:url(../images/line_vert1.gif) 400px 0 repeat-y}

.pad_bot1{ padding-bottom:14px}
.pad_bot2{ padding-bottom:28px}
.pad_top1{ padding-top:8px;}
.marg_bot1{ margin-bottom:52px}
.marg_right1{ margin-right:19px;}
#page_services .marg_bot1{ margin-bottom:65px}


.font1{ font-weight:bold; text-transform:uppercase; line-height:25px; color:#f0af00}

figure{ padding-top:7px;}

.list1{}
.list1 li{ line-height:26px; padding-bottom:8px;}
.list1 a{ color:#26251e; text-decoration:underline; padding-left:17px; background:url(../images/marker_1.gif) 0 4px no-repeat; font-weight:bold}

.button1{ display:inline-block; background:#333339; color:#fff; text-transform:uppercase; line-height:33px; position:relative; overflow:hidden}
.button1 strong{ position: relative; padding:0 9px;}
.button1 strong span{ padding-right:15px; background:url(../images/marker_1.gif) right 4px no-repeat}
.button1 .right_mask, .button1 .left_mask{ position:absolute; top:0; width:100%; padding:0; height:100%}
.button1 .right_mask{ background:url(../images/bg_mask_right1.png) 0 0 no-repeat; right:-100%}
.button1 .left_mask{ background: url(../images/bg_mask_left1.png) right 0 no-repeat; left:-100%}

.google_map{ width:310px; height:224px; background:#fff; padding-top:0; margin-top:7px; margin-bottom:22px;}


/* ============================= footer ====================== */
.footer{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#F7F7F7}
.footer a{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#F7F7F7; text-decoration:none}

.footer a:hover{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#F7F7F7; text-decoration:underline;}

.bordertop{
border-top:solid; border-top-color: #000000; border-right-width:2px}

/* ============================= forms ============================= */

#ContactForm{ padding-top:7px; position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:43px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0;}
#ContactForm label{ position:relative;min-height:31px; display: inline-block;}
#ContactForm .message{ height:328px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#000; line-height:14px; display:none; width:100%}
#ContactForm a{float:right;}
.input { margin:0;width:246px; height:17px; border:1px solid  #666666; padding:6px 10px;color:#9b9b9b; font:13px Arial, Helvetica, sans-serif; background-color: #282828;}
.select { margin:0; width:268px;  border:1px solid  #666666; padding:6px 10px;color:#9b9b9b; font:13px Arial, Helvetica, sans-serif; background-color: #282828;}
.textarea { overflow: auto; margin:0;resize:none;width:400px; height:150px; ; border:1px solid  #666666; padding:6px 10px;color:#9b9b9b; font:13px Arial, Helvetica, sans-serif;background-color:#282828;}

.buttons { margin:0;border: thin solid  #666666; padding:6px;color:#9b9b9b; font:13px Arial, Helvetica, sans-serif; background-color:#0B0B0B; cursor: auto}


#ContactForm  .bg{display:inline-block;}

.img{
border:solid;
border-width:4px;
border-color: #333333;}

/*---- Product Display -------*/


			.pro a{ color: #FF0000;}
			.pro a:hover{ color: #FF0000;}
			
			.h3{ margin: 10px 10px 0 10px; color:#FFF; font:13pt Arial, sans-serif; letter-spacing:0px; font-weight: bold;  }

.boxgrid{ 
				width: 175px; 
				height: 300px; 			 
				
				background:#161613;
				border-bottom:solid 5px  #8bbd38;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position:relative;
				
				}
				.boxgrid p{ 
					padding:0; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				position: absolute; 
				background: #171717; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				
				/* 2nd */
				.boxgrid2{ 
				width: 175px; 
				height: 175px;
				background:#161613;
				border-bottom:solid 5px  #04c15d;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid2 img{ 
					position:relative;
				
				}
				.boxgrid2 p{ 
					padding:0; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption2{ 
				position: absolute; 
				background: #171717; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
					/* 2nd */
				
				
 
				
.pro_text{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.pro_text a{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}

.pro_text a:hover{
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
				
/*end*/


#sidelinkz {

	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	list-style-type:none;
	font-weight: normal;
	}
	
#sidelinkz li {
	
text-align:left;

	}
	
#sidelinkz a{
	margin:0;
	margin-top:5px;
	height:20px;
	width:200px;
	text-decoration:none;
	color:#000080;
	display:block;
	text-align:left;
	padding:5px 0px 0px 5px;
	background-color: #FFFFFF;
	background-image: url(images/Right_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#928261;
	}	
	
	
#sidelinkz a:hover {
	text-decoration:none;
	text-color:#000000;
	background-color:#f5f6f6;
	background-image:url(images/left_menu.gif)
	}
	
	
	
.list{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.list a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
color: #888;
background-color:#1f1f1f;
height:20px;

border:solid;
border-width:4px;
border-color: #262626;
padding:5px 10px 0px 25px;
background-image: url(../images/bullet2.png);
background-repeat:no-repeat;
background-position:left;
}

.list a:hover{

border-color: #3f3f3f;
color:#999999;
background-image: url(../images/bullet2_hover.png);
background-repeat:no-repeat;
background-position:left;
}

.iframe_container
{
margin:0;
padding:0;
width:400px;
height:30px;
}

#result_div
{
 font-family : Arial, sans-serif;
 padding:5px;
 margin:0;
 color:#999999;
 font-size:12px;
 border:solid #33CC66 2px;
 background-color: #DEFFD9;}
 
 
 #footer-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;	
}

#footer-container {
	height: 40px;

}

#footer {
	width: 950px;
	margin: 0 auto;
	position: relative;
}




/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 300px;
height: 150px;
color:#FFFFFF;
text-align:justify;
padding: 5px;
font-size:13px;

}


#pscroller1 a{
text-decoration: none;
color:#8bbd38;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* side linkz */		
#other_links {

	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	list-style-type:none;
	font-weight: normal;
	margin:0;
	}
	
#other_links li {
	
text-align:left;

	}
	
#other_links a{
	height:20px;
	width:200px;
	text-decoration:none;
	color:#000080;
	display:block;
	text-align:left;
	padding:5px 0 0 25px;
	background-color: #FFFFFF;
	background-image: url(images/Right_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#928261;
	}	
	
	
#other_links a:hover {
	text-decoration:none;
	text-color:#000000;
	background-color:#f5f6f6;
	background-image:url(images/left_menu.gif)
	}