/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; min-height: 100%;}

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

body{ background:#000; border:0; font:14px Arial, Helvetica, sans-serif; color:#797979; line-height:20px; min-width:1000px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.block {height:133px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -133px; position:relative; }



body, html {height:100%;}

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

.body1{ background:url("bg_opacity_body.png")/*tpa=http://livedemo00.template-help.com/wt_33741/images/bg_opacity_body.png*/ repeat; width:100%; height:100%; position:fixed; z-index:0; display:none}
.bg_spinner{ width:100%; height:100%; position:fixed; z-index:0; background:url("ajax-loader.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/ajax-loader.gif*/ 50% 50% no-repeat}

.bgSlider{ min-width:1000px;}

.body2{ background:url("bg_footer.png") repeat; width:100%; font-size:13px; line-height:33px; color:#fff; text-transform:uppercase; position:relative; bottom:0;}
.body2 a{ color:#fff; text-decoration:none;}
.body2 a:hover{ color:#e4e319}
.body2 img{ margin-top:12px;}


.clearfooter {
height: 330px;
clear: both;
}

.test2 {
position:absolute;
left:0px;
bottom:0px;
width:100%;
background:url("bg_footer.png") repeat;
font-size:13px;
text-transform:uppercase;
font-size:13px;
color:#fff;
height:30px;

}
}

.body3{ background:#000}

.pagination{ float:right; padding-top:9px;}
.pagination li{ float:left;}
.pagination a{ display:block; background:url("butttons.png")/*tpa=http://livedemo00.template-help.com/wt_33741/images/butttons.png*/ right 0 no-repeat; width:15px; height:14px;}
.pagination a:hover, .pagination .current a{ background-position:left}

.main{min-height:100%; height:auto !important; height:100%; margin: 0 auto -133px; position:relative; background-color:#ffffff}

.test{
position: absolute;
       margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
       top:25px;
       width: 800px;
       height: 78%;
       background:url("bg_opacity_body.png");
       border: 1px solid black;

  }
}

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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{}
h2{ font-size:40px; line-height:1.2em; color:#fff; text-transform:uppercase; padding:43px 0 24px 0; letter-spacing:-1px;} 
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ float: left; position:relative; z-index:3}

#logo{ background:url("logo.jpg")/*tpa=http://livedemo00.template-help.com/wt_33741/images/logo.jpg*/ no-repeat; display:block; width:377px; height:143px; text-indent:-9999px;}

.menu{ font-size:22px; color:#fff; padding: 0 67px 0 30px; width:180px; line-height:59px; background:url("bg_menu.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/bg_menu.gif*/ no-repeat; cursor:pointer; position:relative;}
.menu .active{ background:url("bg_menu_active.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/bg_menu_active.gif*/ no-repeat; color:#000; position:absolute; top:0; left:0; padding: 0 67px 0 30px; display:block; width:100%}

#menu { background:#000; padding:21px 20px 20px; float:left; position:relative}
#menu > li {  font-size:18px;height:40px; line-height:40px; margin-top:-1px; border-bottom:1px solid #252525; width:160px; overflow:hidden; position:relative}
#menu > li > a{ display:block; padding-left:10px; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; z-index:2}
#menu > li:hover{}
#menu > li:hover > a{ color:#000}
#menu > .end{ border-bottom:0; margin-bottom:1px;}
#menu > .with_ul{ overflow: visible;}
#menu > .with_ul.active span{ width:160px;}
#menu > .with_ul.active:hover span{ width:180px;}
#menu > li > span{ width:180px; display:block; height:41px; background:url("menu_hover.png")/*tpa=http://livedemo00.template-help.com/wt_33741/images/menu_hover.png*/ 56% -285px no-repeat; position:absolute; z-index:1}
#menu > .active > a{ color:#000 !important;}
#menu > .active > span{ background-position:56% -137px !important}

#menu .ul_1, #menu .ul_2{ background:#fff; padding:1px 20px 0; position:absolute; left:180px; top:0; width:120px;}
#menu .ul_1 > li, #menu .ul_2 > li{ font-size:18px; line-height:39px; width:120px; border-bottom:1px solid #d3d3d3; position:relative}
#menu .ul_1 > .end, #menu .ul_2 > .end{ border:0;}
#menu .ul_1 > li > a, #menu .ul_2 > li > a{ color:#000; text-decoration:none; text-transform:uppercase; display: block;}
#menu .ul_1 > li > a:hover, #menu .ul_2 > li > a:hover{color:#d5d5d4 }
#menu .ul_1 > li.active > a, #menu .ul_2 > li.active > a{ color:#d5d5d4 !important}

#menu .ul_2{left:140px;}
#menu  ul{ display:none}

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

#content{ height:662px; position:relative}
#content article{ height:100%; position:relative}
.box{ background:#000; height:100%; position: absolute; width:561px; top:0%; left:0; overflow:hidden; z-index:3}

.close{ display:block; position:absolute; right:0; z-index:4; top:0; width:40px; height:40px; background:url("close.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/close.gif*/ 0 bottom no-repeat;}
.close:hover{ background-position:top}

.pad{ padding:0 30px;}
.pad_1{ padding:0 39px 0 40px; }
.pad_bot1{ padding-bottom:28px;}
.pad_bot2{ padding-bottom:8px;}
.marg_right1{ margin-right:20px;}

.gallery li{ float:left; margin-right:2px; margin-bottom:2px;}
.gallery .end{ margin-right:0}

.font1{ font-size:16px; color:#fff;}

.button1{ display:inline-block; margin-right:3px; font-size:18px; color:#000; line-height:35px; padding:0 16px; text-transform:uppercase; text-decoration:none; background:#fff; position:relative; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);}
.button1 span{ position:absolute; width:100%; height:35px; background: url("button_hover.png")/*tpa=http://livedemo00.template-help.com/wt_33741/images/button_hover.png*/ 50% -285px no-repeat; top:0; left:0; display:block}
.button1:hover{ color:#fff; box-shadow: 0 0 4px rgba(255, 255, 255, .4); -moz-box-shadow: 0 0 4px rgba(255, 255, 255, .4); -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .4);}

.news_1, .news_2{ font-size:16px; color:#fff; text-decoration:none; padding-left:22px;}
.news_1:hover, .news_2:hover{ text-decoration:underline}
.news_1{ background:url("page4_img2.jpg")/*tpa=http://livedemo00.template-help.com/wt_33741/images/page4_img2.jpg*/ 0 0 no-repeat;}
.news_2{ background:url("page4_img3.jpg")/*tpa=http://livedemo00.template-help.com/wt_33741/images/page4_img3.jpg*/ 0 0 no-repeat;}

.list1{}
.list1 li{ line-height:38px; border-bottom:1px solid #252525}
.list1 li a{ color:#797979; text-decoration:none; padding-left:12px; background:url("marker_1.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/marker_1.gif*/ 1px 6px no-repeat}
.list1 li a:hover{ color:#fff; background-position:1px -14px}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}


/* ============================= footer ====================== */

footer { font-size:13px; text-transform:uppercase; line-height:1.2em; width:100%; overflow:hidden; padding:22px 0 0 0; height:78px; bottom:0;}
footer a{ color:#fff; text-decoration:none}
footer a:hover{ color:#e4e319}
footer li{ float:left; padding-left:7px; background:url("footer_marker.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/footer_marker.gif*/ 0 6px no-repeat; margin-left:2px;}
footer ul{ float:right;}
footer .end{ background:none}

#footer_logo{ display:block; background:url("footer_logo.gif")/*tpa=http://livedemo00.template-help.com/wt_33741/images/footer_logo.gif*/ no-repeat; width:110px; height:29px; text-indent:-9999px; float:left; position:relative}

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

#contact-form {}
#contact-form .button1{ float:right; margin-right:0; margin-left:7px}
#back{ float:right;}
#contact-form input {  width:210px; background: #333333; border-top:1px solid #262626; border-left:1px solid #262626; padding:9px 12px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#797979; height:17px;}
#contact-form textarea { overflow: auto; width:210px; background: #333333; border-top:1px solid #262626; border-left:1px solid #262626; padding:9px 12px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#797979; height:111px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:47px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:144px; overflow:hidden; padding-bottom:10px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:red;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{
	padding:16px 30px; border-top:1px solid #262626; border-left:1px solid #262626;background: #333333;
}
#contact-form .bg{ float:left;background: none;}

.sf-menu {padding:0px 0px 0 0; position:absolute; top:495px; left:0; z-index:900; width:940px; padding:0 20px 0; background:url(../images/tail-menu.png) 0 0 repeat-x;}

.sf-menu li {
	float:left;
	background:none;
	border:none;
	font-size:26px;
	line-height:1.2em;
	text-transform:uppercase;
	padding:0px;
}

.sf-menu li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:25px 16px 23px 16px;
	background:none;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .current {
	background:#fd7400;
}

.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {color:#fff;}

.sf-menu ul {
	position:absolute;
	width:253px; /* left offset of submenus need to match (see below) */
	padding:14px 0 11px 0px;
	z-index:200;
	background:#fd7400;
	height:120px;
}

.sf-menu ul li {
	background:none;
	border:none;
	width:253px;
	padding:0px;
	margin:0;
}

.sf-menu ul li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:5px 0px 5px 17px;
	background:none;
}

.sf-menu ul li
.sf-menu ul li:hover, .sf-menu ul li.sfHover  {
	background:#000;
}
.sf-menu li {
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0px;
	top:60px; /* match top ul list item height */
	z-index:99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	background:none;
	margin:0;
	padding:0;
}


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:254px; /* match ul width */
	top:-5px;
	height:80px;
	width:203px;
	padding:6px 0 9px 0px;
	background:#fd7400;
}

.sf-menu li:hover li a,
.sf-menu li.sfHover li a {
	display:block;
	color:#fff;
	background:none;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {
	display:block;
	background:#000;
	color:#fff;
}

.sf-menu li li li {
	position:relative;
	width:203px;
	background:none;
	padding:0px;
}

.sf-menu li li.sfHover li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 20px;
	background:none;
}
.sf-menu li li.sfHover li a:hover {background:#000; color:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
}