﻿@charset "UTF-8";

/* ----------------------- GENERAL DEFINITIONS ------------------------ */
BODY	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;  background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top; background-color: #D2DFE6; margin: 0px; padding: 15px 0px 0px 0px; text-align: right; direction: rtl; }
DIV		{ border: 0px dotted red; }

P		{ direction: rtl; margin: 3px 0px 3px 0px; padding: 3px 0px 3px 0px; text-align: justify; }
A		{ color: #FF6600; text-decoration: none; }
A:hover	{ color: #FF9933; text-decoration: underline; }
H1		{ display: block; width: 530px; height: 25px; background-color: #DDE9EE; border-right: 2px solid #5590AB; padding: 0px 18px 0px 0px; margin: 20px 0px 20px 0px; }
H1.rap	{ display: block; width: 530px; height: 25px; background-color: #eeeaeb; border-right: 2px solid #8d605e; padding: 0px 18px 0px 0px; margin: 20px 0px 20px 0px; }
H3		{ margin: 0; padding: 10px 0 5px 0; font-size: 12px; clear: both; }
IMG		{ border: 0px; margin: 0px; padding: 0px; }

.frameIMG			{ padding: 6px; background-color: #DDE9EE; border: 2px solid #F3F3F3; }
.labelIMG			{ padding: 6px; background-color: #AAC5D1; border: 2px solid #F3F3F3; display: block; width: 200px; height: 17px; }
.logoIMG			{ width: 100px; height: 100px; float: left; border: 1px solid #5590ab; background: #dde9ee;  }

.w400				{ width: 400px; }
.w150				{ width: 200px; margin-bottom:10px; }

.clear				{ clear: both; }
.left				{ float: left; }
.right				{ float: right; }

.BtnEvent			{ display: block; text-decoration: none; background: url(../images/btn_events.gif) no-repeat; width: 150px; height: 50px; }
.BtnEvent:hover		{ background: url(../images/btn_events_on.gif) no-repeat; }
.BtnStudio			{ display: block; text-decoration: none; background: url(../images/btn_studio.gif) no-repeat; width: 150px; height: 50px; }
.BtnStudio:hover	{ background: url(../images/btn_studio_on.gif) no-repeat; }

/*form style*/
.inputBox			{ background-color:#F4F7FF; width: 150px; height: 16px; border: 1px solid #7F9DB9; font-size: 11px; margin-left: 5px; }
.inputBoxRed		{ background-color: #FFFFCC; width: 150px; height: 16px; border: 1px solid #7F9DB9; font-size: 11px; margin-left: 5px; }
.inputSubmit		{ margin-top: 2px; width: 58px; height: 18px; }
SELECT				{ background-color:#F4F7FF; width: 154px; height: 20px; border: 1px solid #7F9DB9; font-size: 11px; }
TEXTAREA			{ background-color:#F4F7FF; border: 1px solid #7F9DB9; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.selectRed			{ background-color: #FFFFCC; width: 154px; height: 20px; border: 1px solid #B00000; font-size: 11px; margin-left: 5px; }
.star				{ font-weight: bold; color: #FF3300; }

/* ----------------------- LAYOUT DEFINITIONS ------------------------ */
#main_wrap			{ background-image: url(../images/tile_layout.gif); background-repeat: repeat-y; width: 810px; margin: 0 auto; }
#content_wrap		{ background-image: url(../images/top_layout.gif); background-repeat: no-repeat; background-position: top; width: 800px; padding: 5px;  }
#content			{ width: 550px; margin: 10px 0 20px 25px !important; margin: 10px 0 20px 13px; float: left; }
#secondaryContent	{ width: 156px; margin: 10px 25px 0 0 !important; margin: 10px 13px 0 0; float: right; }

#sidebar			{ margin: 20px 0 0 0; padding: 0; width: 155px; list-style-type: none; }
#sidebar LI			{ margin: 0; padding: 0px; }
#sidebar A			{ font-weight: bold; color: #3D3D3D; text-decoration: none; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; display: block; background-position: right; padding: 5px 25px 0px 0px; margin: 1px 0px 0px 0px; width: 130px; height: 22px; }
#sidebar A:hover	{ color: #5590AB; background-image: url(../images/btn_on.gif); }

#footer_wrap		{ margin: 0px auto; width: 800px; height: 270px; background-image: url(../images/bg_footer.jpg); background-repeat: no-repeat; background-position: top; color: #888888; font-size: 11px; padding: 20px 5px 5px 5px;}
#footer_wrap H3		{ color: #202020; font-size: 12px; }
#footer_wrap UL		{ list-style: none; margin: 0; padding: 0; }
#footer_wrap li     { margin-top: 2px; }
#footer_wrap A		{ text-decoration: none; color: #363636; }
#footer_wrap A:hover{ text-decoration: underline; color: #595959; }

#footer_navigation	{ width: 90px; padding: 0 30px 0 20px; float: right; border-left: 1px solid #b5c7d2; }
#footer_services	{ width: 420px; padding: 0 30px 0 0; float: right; border-left: 1px solid #b5c7d2; }
#footer_services DIV{ width: 140px; float: right; }
#footer_services DIV H3 { margin: 0; }
#footer_contacts	{ width: 300px; padding: 0 25px 0 0; float: left; color: #363636; }
#footer_contacts DIV{ padding: 0 0 0 60px; float: right; }
#footer_contacts DIV H3 { margin: 0; }
#footer_bar			{ margin: 30px 30px 0 30px; width: 740px;}

/* PORTFOLIO */
#PFItem				{ list-style-type: none; float: right; margin: 0; padding: 0; }
#PFItem	LI			{ margin: 0; padding: 6px 0 0 0; }
#PFItem	A			{ text-decoration: none; color: #006699; background: url(../images/volume.gif) no-repeat right; padding-right: 25px; display: block; width: 450px; }
#PFItem	A.rap		{ text-decoration: none; color: #8d605e; background: url(../images/volume.gif) no-repeat right; padding-right: 25px; display: block; width: 450px; }
#PFItem A:hover		{ text-decoration: underline; color: #CC0000; }

#PFVideoItem		{ margin: 10px 5px 0 0; padding: 0; }
#PFVideoItem DIV	{ margin: 2px; padding: 0; float: right; text-align: center; }
#PFVideoItem A		{ width: 124px; padding: 3px 2px 2px 2px; text-decoration: none; border: 1px solid #92BACB; background: #FFFFFF url(../images/) no-repeat; display: block; color: #1F7197; }
#PFVideoItem A:hover{ border: 1px solid #1F7197; background: #DDE9EE url(../images/) no-repeat; color: #1F7197; }

/* List */
UL.list				{ list-style-type: none; }
UL.list	LI			{ float: right; margin: 5px; }

.ocList				{ list-style-type: none; margin: 0; padding: 0; }
.ocList .link		{ cursor: pointer; color: #006699; margin: 0; padding: 6px 25px 0 0; background: url(../images/icon_pencil.gif) no-repeat top right; clear: both; }
.ocList .link:hover	{ text-decoration: underline; color: #CC0000; }
.ocList .details	{ list-style-type: none; display: none; cursor: default; clear: both; }
.ocList .details P	{ text-align: right; float: right; min-height: 150px; min-width: 210px; margin: 0 0 20px 20px; background: url(../images/P_greeting_bg.jpg) no-repeat top right; padding: 15px 20px 0px 0px; }