* {direction: rtl; text-align:right }
/* 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:right;}
.right { float:left;}
.wrapper {width:100%; overflow:hidden;}

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

body{ background: url(../images/bg.gif) top center repeat; border:0; font:14px Arial, Helvetica, sans-serif; color:#000; line-height:24px; min-width:980px; overflow:hidden;}

.page_spinner{ position:absolute;background: url(../images/bg.gif) top center repeat #e8e8e8; z-index:99; width:100%; height:100%; top:0; right:0}
.page_spinner > div{background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width:100%; height:100%; position:absolute; top:0; right:0}

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

.main {	margin: 0 auto;	width: 980px; }


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

a{ color:#df5461; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ padding:0 0 10px 0;}
h2,h1{ font-size:30px;font-family: 'Anton', sans-serif; color:#333; line-height:1.2em; padding:0 0 10px 0; text-transform:uppercase; font-weight:400;} 
p{ padding-bottom:24px;}

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

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png); background-position:0px; background-repeat:no-repeat; width:310px; height:250px;}

.menu{ position:relative; border-top:5px solid #333;}
#menu {}
#menu  li { position:relative; min-height:60px;}
#menu  li  a{ position:relative; font-size:20px; font-family: arial; display:block; line-height:60px; color:#e9e9e9; text-align:center; text-transform:uppercase}
#menu  li span, #menu  li strong{ position:absolute; top:0; right:0; width:100%; height:60px}
#menu  li span{ background:url(../images/bg_menu.jpg) repeat}
#menu  li strong{ background:url(../images/bg_box3.jpg) repeat}
#menu li li{ color:#aaaaaa; background:url(../images/bg_box1.png) repeat}
#menu li li span{ background:url(../images/bg_box2.jpg) repeat;}
#menu li li a{ color:#aaaaaa;}
#menu li li:hover a, #menu li .active a{ color:#3d3c38;}



#splash{ position:absolute; top:0; right:0; width:100%; z-index:1}
#splash li{ margin-bottom:10px; }
#splash a{ position: relative; display:block; width:100%; height:auto}
#splash a img{ width:100%;}
#splash .bord{ position:absolute; top:0; right:0}

#splash span{ background:url(../images/bg_box2.jpg) 0 0 repeat; position:absolute; width:100%; height:100%; top:0; right:0}
#splash strong{ position:absolute; top:0; right:0; font-size:20px; font-family: 'Anton', sans-serif; color:#e9e9e9; width:100%; text-align:center; font-weight:normal; text-transform:uppercase; padding:64px 0 62px;  line-height:1.2em}

#splash .no_img strong{ position:relative; display:block}
#splash .pad strong{ padding:145px 0 141px;}

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

#content{ min-height:790px; padding-bottom:10px; position:relative;}
#content > ul > li{ position:relative;}


.box1{ position:relative; min-height:770px; padding:20px 0 0 0}
.box1 > span{ position:absolute; top:0; right:0; width:100%; height:100%; background:#000}

.box2{ position:relative; padding: 0 0 21px 0}
.box2  > span{ position:absolute; top:0; right:0; width:100%; height:100%; background:#fff}

.marg_right1{ margin-left:20px;}
.pad_left1{ padding-right:30px;}

.color1{ color:#df5461}

.scroll{height:285px; width:270px; overflow:hidden; margin-bottom:49px}
.track{ width:16px; height:276px; padding:2px 0; top: 26px !important; right:314px !important; background: url(../images/scroll_track.png) 0 0 repeat}
.shuttle{ width:17px; height:34px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-right:-1px;}
._up-butt, ._down-butt{ height:0px !important;}

figure{ padding-top:8px;}

.col1{ float:right; width:265px;}

.list1{}
.list1 li{ padding-bottom:6px; padding-right:19px; background: url(../images/marker_1.gif) 5px 7px no-repeat; overflow:hidden}
.list1 a:hover{ text-decoration:underline}

#icons{ position:relative;}
#icons > span{ position:absolute; top:0; right:0; width:100%; height:100%; background:#000}
#icons > ul{ position:relative; padding:22px 25px 22px 20px; overflow:hidden}
#icons li{ float:right; margin-left:39px;}
#icons .last{ margin-left:0}
#icons a{ position:relative; display:block;}
#icons .img_act{ position:absolute; top:0; right:0}

.gallery a{ position:relative; display:block; overflow:hidden; height:150px; width:150px; text-align:center}
.gallery a span{ position:absolute; top:0; right:0; width:100%; height:100%; background:url(../images/border2.gif) 0 0 no-repeat}
.gallery li{ float: right; margin-left:7px; margin-bottom:7px; }
.gallery .last{ margin-left:0}
.gallery .end{ margin-bottom:0}
.gallery img {	
	height:300px;
	height:150px;
	width:150px;
}

#fancybox-title{}
#fancybox-left, #fancybox-right{ display:block; position:absolute; z-index:9999; top:320px !important; height:29px !important; width:17px !important;}
#fancybox-close{ background:url(../images/close.png) 0 bottom no-repeat; width:34px; height:33px; top:-42px; left:0; position:absolute}
#fancybox-left{ right:-52px !important; background: url(../images/marker_left.png) 0 0 no-repeat;}
#fancybox-right{ left:-52px !important; background: url(../images/marker_right.png) 0 bottom no-repeat}
.fancy-ico{ display:none !important; background: none !important}
#fancybox-title-over{ font-size:12px; color:#e9e9e9; text-align:right; line-height:20px; overflow:hidden}
#fancybox-title-over span{ float:right; font-size:30px; font-family: 'Anton', sans-serif; color:#e9e9e9; width:340px; text-transform:uppercase; line-height:44px;}
#fancybox-title-over p{ float:right; width:480px; padding-bottom:0}

#fancybox-left:hover{ background-position:bottom}
#fancybox-right:hover{ background-position:0 0}
#fancybox-close:hover{ background-position:0 0}

#map{ margin-bottom:24px;}

.button1{ display:inline-block; font-size:20px; font-family: 'Anton', sans-serif; color:#e9e9e9; text-transform:uppercase; line-height:34px; padding:0 10px; position:relative; background:url(../images/bg_menu.jpg) 0 0 repeat}
.button1 strong{ position:absolute; top:0; right:0; width:100%; height:100%; background:url(../images/bg_box3.jpg) repeat;}
.button1 span{ position:relative; display:block;}
.button1:hover{ color:#e9e9e9}


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

footer { padding:18px 0; overflow:hidden; background:url(../images/bg_box1.png) repeat; font-size:13px; height:30px;}
footer a{ color:#000;}
footer a:hover{ text-decoration:underline}
footer span{ font-size:11px; text-transform:uppercase}

#footer_menu{ float:left;}
#footer_menu li{ float:right; padding-left:6px; margin-left:7px; background: url(../images/footer_line.gif) left 8px no-repeat}
#footer_menu a{ text-transform:uppercase; font-size:11px}
#footer_menu .last{ padding-left:0; margin-right:0; background:none}

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

#ContactForm{ position:relative; padding-top:16px; padding-left:40px;}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ display:none; position:absolute; bottom:0px; font-size:14px; line-height:16px;}
#ContactForm label{ position:relative;min-height:32px; display: inline-block;}
#ContactForm .message{ min-height:123px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#000; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-right:5px; float:left;}
#ContactForm .input { margin:0;width:246px; height:16px; background:#fff; padding:8px 12px;color:#aaaaaa; font:14px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:246px; height:96px; background:#fff; padding:8px 12px;color:#aaaaaa; font:14px Arial, Helvetica, sans-serif;}

#ContactForm .bg{ display:inline-block}


.CIMG {
	width:200px;
}