﻿body
{
	background: url(../images/bg.jpg) top center repeat;
	background-color: #000;
	border: 0;
	font: 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;
	color: #fdfdfd;
}
a
{
	color: #fff;
	text-decoration: none;
	outline: none;
}
a:hover
{
	text-decoration: underline;
}
pre
{
	padding-left: 10px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#dpContent span
{
	margin-left: 5px;
	margin-right: 5px;
}
h1
{
	padding: 0px;
	margin: 0px;
	/*padding-bottom: 5px;*/
	font-size: 40px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
}
div.master
{
	float: none;
	clear: both;
	width: 940px;
	margin: 0px auto;
}
h2
{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #0464cb;
}
table
{
	border-collapse: collapse;
}
table td, table th
{
	padding: 0;
}
img
{
	border: 0px;
}
.divMasterOuter
{
	width: 940px;
	margin: 0px auto;
	/*direction: rtl;*/
}
.divMaster
{
	width: 940px;
	margin: 0px auto;
}
.imgLogo
{
	width: 940px;
	height: 49px;
	cursor: pointer;
	border: 0px;
}
#header
{
	width: 940px;
	display: inline-block;
	padding: 3px 0px;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 10px 0px;
}

#footer
{
	font-size: 14px;
	color: #ddd;
	text-transform: uppercase;
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 3px;
	direction: rtl;
}
#footer span.s1,
#footer span.s2,
#footer span.s3
{
	display: inline-block;
}
#footer span.s1
{
	margin: 3px 10px 0px 0px;
}
#footer span.s2
{
	margin: 3px 0px 0px 10px;
}
#footer span.s3
{
	margin: 3px 5px 0px 5px;
}
#footer a
{
	display: inline-block;
	margin-top: 3px;
	color: #ddd;
	text-decoration: underline;
}
#footer a:hover
{
	text-decoration: none;
	color: #fff;
}

#ContactForm
{
	padding-top: 5px;
}
#ContactForm .rows
{
	min-height: 49px;
}
#ContactForm .textarea_box
{
	min-height: 240px;
	border-bottom: 1px solid #9a9999;
	margin-bottom: 8px;
}
#ContactForm a
{
	margin-right: 30px;
}
#ContactForm input
{
	width: 355px;
	height: 16px;
	border: 1px solid #fff;
	/* background: url(../images/bg_form.png) repeat; */
	padding: 8px;
	color: #fff;
	font: 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#ContactForm textarea
{
	overflow: auto;
	width: 355px;
	height: 150px;
	border: 1px solid #fff;
	/* background: url(../images/bg_form.png) repeat; */
	padding: 8px;
	color: #fff;
	font: 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#ContactForm td
{
	padding-bottom: 5px;
}
.hf
{
	font-size: 36px;
	color: #fff;
	padding-top: 5px;
	text-transform: uppercase;
	background: none;
	height: 39px;
	line-height: 39px;
}
.mr50
{
	margin-right: 30px;
}
.pr150
{
	padding-right: 150px;
}
.R
{
	color: Red;
	padding-left: 5px;
}

.borT
{
	border-top: solid 1px #ddd;
}
.borB
{
	border-bottom: solid 1px #ddd;
}
.bgWhite
{
	background-color: #fff;
}
.clr
{
	clear: both;
}
.fr
{
	float: right;
}
.fl
{
	float: left;
}
.dit
{
	display: inline-table;
}
.tac
{
	text-align: center;
}
.tal
{
	text-align: left;
}
.tar
{
	text-align: right;
}
.wmax
{
	width: 940px;
	display: inline-block;
	margin: 0xp;
	padding: 0xp;
}
.w10
{
	width: 10px;
}
.w200
{
	width: 200px;
}
.w350
{
	width: 350px;
}
.w500
{
	width: 500px;
}
.w720
{
	width: 720px;
}
.h35
{
	height: 35px;
}
.w940
{
	width: 940px;
}
.m0a
{
	margin: 0px auto;
}
.mtm20
{
	margin-top: -15px;
	margin-bottom: 5px;
}
.mtm5
{
	margin-top: -12px;
	padding-bottom: 5px;
}
.mt5
{
	margin-top: 5px;
}
.mt20
{
	margin-top: 20px;
}
.mt30
{
	margin-top: 30px;
}
.mt100
{
	margin-top: 100px;
}
.mb20
{
	margin-bottom: 20px;
}
.mr250
{
	margin-right: 300px;
}
.mr10
{
	margin-right: 10px;
}
.mr20
{
	margin-right: 20px;
}
.mrl50
{
	margin-right: 150px;
	margin-left: 150px;
	width: 640px;
	text-align: center;
}
.pt10
{
	padding-top: 10px;
}
.pr20
{
	padding-right: 20px;
}
.pb10
{
	padding-bottom: 10px;
}
.pt20
{
	padding-top: 20px;
}
.ptb10
{
	padding-bottom: 10px;
	padding-top: 10px;
}
.trProd
{
	color: #979797;
	font-size: 20px;
	line-height: 26px;
}
.txtB
{
	font-size: 24px;
	color: #fff;
	line-height: 26px;
}
.bgTb
{
	margin-bottom: 5px;
}
.curH
{
	cursor: pointer;
}
.draggable
{
	width: 250px;
	height: 200px;
	background-color: #ccc;
	border: 1px solid #000;
}
.drag
{
	width: auto;
	height: auto;
	border: 1px solid #ccc;
	text-align: center;
}
.addonImg
{
	z-index: 9999;
	width: auto;
}


.workSpace
{
	margin-left: 7px;
	margin-top: 20px;
	position: relative;
	width: 820px;
	height: 355px;
	background: transparent url('~/../../he/gr/grid.gif');
	background-repeat: no-repeat;
	direction: ltr;
	display: inline-block;
	z-index: 1000;
}

#menu
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 940px;
	height: 39px;
	display: inline-block;
}
#menu li
{
	margin-left: 3px;
	height: 39px;
	display: inline-block;
	float: right;
}
#menu li a
{
	font-family: arial;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	background: none;
	height: 33px;
	line-height: 33px;
	padding: 0px 13px 6px 13px;
	display: inline-block;
}
#menu li a:hover
{
	text-decoration: none;
	color: #443027;
}
#menu #menu_active a
{
	font-family: arial;
	text-decoration: none;
	color: #443027;
}
#menu #menu_active,
#menu li:hover
{
	background: url(../images/menu.gif) top left no-repeat;
}

/*
#HMenu, #HMenu ul
{
	list-style: none;
	padding: 0;
	text-align: center;
	width: 450px;
	margin: 0px auto;
}
#HMenu li
{
	padding-right: 3px;
	float: right;
}
#HMenu li a
{
	display: block;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	border: solid 1px #A96822;
	text-transform: uppercase;
	background: none;
	height: 30px;
	line-height: 28px;
}
#HMenu li a span
{
	display: block;
	padding: 0 13px;
}
#HMenu li a:hover, #HMenu #Hmenu_active a
{
	color: #000;
	background-color: #fff;
	text-decoration: none;
	color: #1a1716;
}
#HMenu li a:hover span, #HMenu #Hmenu_active a span
{
	color: #000;
	background-color: #fff;
}
*/
div.nivo-slider-cover
{
	padding: 1px 7px 22px 2px;
	width: 607px;
	height: 368px;
	background-image: url('nivo-slider-bg.png');
	background-repeat: no-repeat;
	float: left;
}
#slider, .gallery
{
	overflow: hidden;
	width: 608px; /* !important;*/
	position: relative;
	list-style: none;
	margin: 0px;
	/*background-color: #f00;
	background-image: url('nivo-slider-bg.png');
	background-repeat: no-repeat;*/
	display: inline-block;
}
#slider ul li
{
	width: 100%;
	text-align: center;
	float: right;
}
.nivoSlider
{
	position: relative;
}
.nivoSlider img
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 381px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
}
/* The slices in the Slider */
.nivo-slice
{
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a
{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 99;
	cursor: pointer;
	text-indent: -5000px;
	width: 48px;
	height: 48px;
}
.nivo-prevNav
{
	left: 3px;
	display: block;
	background: url(../images/marker_left.gif) no-repeat;
}
.nivo-nextNav
{
	right: 3px;
	background: url(../images/marker_right.gif) no-repeat;
}

/* Caption styles */
.nivo-caption
{
	position: absolute;
	top: 5px;
	right: 33px;
	background: url(../images/bg_info.png) repeat;
	color: #fff;
	z-index: 99;
	padding: 10px 10px 15px 14px;
	height: 30px;
	width: 548px;
}
.nivo-caption p
{
	margin: 0;
	color: #aaaaaa;
}
.nivo-caption a
{
	display: inline !important;
}
.nivo-html-caption
{
	display: none;
}
.nivo-controlNav a
{
	display: none;
}

/*================ScrollPane==========================*/
/*
.scroll-pane, .scroll{ height:25px; padding-top:4px; padding-right:20px; overflow:auto; position:relative; z-index:99}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0;top: 0;height: 100%;background: url(../images/scroll_track.png) right 0 repeat-y;}
.jScrollPaneDrag {position: absolute;background: url(../images/scroll_drag.gif) 0 0 no-repeat;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;height: 15px; background:url(../images/scroll_track.png) no-repeat;}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 15px; background:url(../images/scroll_track.png) no-repeat;}

*/

.info
{
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
	background: url(../images/info.gif) no-repeat;
	width: 23px;
	height: 23px;
	z-index: 99;
	cursor: pointer;
}
.close
{
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../images/close.gif) no-repeat;
	width: 23px;
	height: 23px;
	z-index: 99;
	cursor: pointer;
}
.text_box
{
	position: absolute;
	top: 5px;
	right: 58px;
	background: url(../images/bg_info.png) repeat;
	padding: 29px 10px 35px 25px;
	height: 360px;
	width: 318px;
	z-index: 99;
}

div.splash_menu_cover
{
	width: 940px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	text-align: left;
}
ul.splash_menu
{
/*direction: ltr; width: 940px; margin: 0px; padding: 0px; display: block;
	overflow: hidden;
	height: 591px;
	float: right;*/
/*	
	width: 940px;
	position: relative;
	display: inline-block;*/
}
.splash_menu li
{
	list-style: none;
	float: left;
	width: 220px;
	height: 591px;
	margin-right: 20px;
	position: relative;
}
.splash_menu .nav4
{
	margin-right: 0px;
}
.splash_menu a
{
	display: block;
}
.splash_menu img
{
	position: absolute;
	top: -591px;
	left: 0;
}
.splash_menu span
{
	cursor: pointer;
	padding-top: 30px;
}
.splash_menu .text, .splash_menu .text_hover
{
	height: 98px;
	width: 100%;
	overflow: hidden;
	display: block;
	position: absolute;
	text-align: center;
	font-size: 30px;
	color: #201d1c;
	background: #fff;
	vertical-align: middle;
	top: -108px;
	left: 0;
}
.splash_menu .text:hover, .splash_menu .text_hover:hover
{
	text-decoration: none;
}
.splash_menu .text_hover
{
	top: -158px;
	left: 0;
	color: #fff;
	background: url(../images/bg_text.gif) top repeat-x #191716;
}

#Side
{
	width: 200px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#Side ul
{
	border: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 9999;
	text-align: center;
}
#Side a.az
{
	font: normal 15px arial;
	text-decoration: none;
	display: block;
	line-height: 37px;
	color: #fff;
	border: 0;
	vertical-align: middle;
	background-image: url('~/../../he/gr/bgSide.png');
	height: 37px;
	background-repeat: no-repeat;
}
#Side a.az:hover
{
	color: #fff;
}
#Side a.an
{
	font: normal 15px arial;
	text-decoration: none;
	display: block;
	margin: 0px;
	border: solid 1px #fff;
}
#Side a.an
{
	color: #fff;
	border-bottom: solid 1px #fff;
}
#Side a.an:hover
{
	color: #d22902;
}
#Side li
{
	position: relative;
	margin-bottom: 10px;
	height: 30px;
}
#Side ul ul
{
	position: absolute;
	top: -1px;
	right: 100%;
	width: 100%;
}

#Side ul ul, #Side ul li:hover ul ul, #Side ul ul li:hover ul ul, #Side ul ul ul li:hover ul ul, #Side ul ul ul ul li:hover ul ul
{
	display: none;
}
#Side ul li:hover ul, #Side ul ul li:hover ul, #Side ul ul ul li:hover ul, #Side ul ul ul ul li:hover ul, #Side ul ul ul ul ul li:hover ul
{
	display: block;
}

.mh450
{
	min-height: 450px;
}
/*.round{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}*/


