body{font:11px Tahoma, Arial, "Times New Roman";text-align:center;margin:0;padding:0; background:url(../images/bg.gif) #FFF repeat-x;}

#wrapper{width:796px;margin:0 auto;text-align:right; overflow:hidden; background:url(../images/border.png) repeat-y;}

#header{width:780px;background:url(../images/hdr.gif) #EEE; border-bottom:1px solid #fff; border-top:2.6px solid #269bcd; margin-left:8px; margin-right:8px;height:73px;}
#header #logo{width:249px; height:57px; background:url(../images/logo.gif) no-repeat; float:left; margin:5px 0px 0px 10px;}
#header #links{float:right; margin:5px; direction:rtl;}
#header #links a{color:#666;}
#header #links img{border:0px; margin-left:3px; margin-right:10px;}
/*** Navigation (Setting up some fonts, colors and more)***/
#nav{width:796px;  height:31px;}

#curl_right{width:8px; height:31px; float:right;}
#curl_left{width:8px; height:31px; float:left;}
.menu{background:url(../images/nav.gif) #1e85bb; height:31px; width:780px; float:right;}

.menu ul { padding:3px 0 0 0; margin:0; margin-right:10px; list-style:none; border:0; float:right;}
.menu ul li {float:right; margin:0; padding:0; padding-left:4px; border:0;}
.menu ul li a { float:left; padding-right:3px; margin:0; padding:5px 0; color:#FFF; font:normal 11px Tahoma, Arial, sans-serif; text-decoration:none;}
.menu ul li a span { padding:5px 10px; background:none; margin:0;}
.menu ul li a:hover { font:11px Tahoma, Arial, sans-serif; padding-right:3px; background: url(../images/r_menu.png) no-repeat right top;}
.menu ul li a:hover span {font: 11px Tahoma, Arial, sans-serif; padding-right:7px; background:url(../images/l_menu.png) no-repeat left top;}
.menu ul li a.active {font:11px Tahoma, Arial, sans-serif; padding-right:3px; background: url(../images/r_menu.png) no-repeat right top;}
.menu ul li a.active span {font: 11px Tahoma, Arial, sans-serif; background:url(../images/l_menu.png) no-repeat left top;padding-right:7px;}

#body_employ .menu ul li a#employ,
#body_develop .menu ul li a#projects,
#body_services .menu ul li a#services,
#body_products .menu ul li a#product,
#body_products3 .menu ul li a#product,
#body_tickets .menu ul li a#news{padding-right:3px; background: url(../images/r_menu.png) no-repeat right top;}
#body_employ .menu ul li a#employ span,
#body_develop .menu ul li a#projects span,
#body_services .menu ul li a#services span,
#body_products .menu ul li a#product span,
#body_products3 .menu ul li a#product span,
#body_tickets .menu ul li a#news span{background:url(../images/l_menu.png) no-repeat left top;padding-right:7px;}

#thicker{width:780px; margin-left:8px; margin-right:8px; height:102px; background:#e0e9f2; border-top:2px solid #FFF; border-bottom:2px solid #FFF;}

#body{ margin-left:8px; margin-right:8px;min-height:370px; background:#FFF; direction:rtl; overflow:hidden;}
#body2{ margin-left:8px; margin-right:8px; background:#FFF; direction:rtl; overflow:hidden;}
#body2 #main_tbl{ width:100%;height:300px;}
#body2 #main_tbl .right{width:25%; background:url(../images/title_right.gif) top no-repeat; padding:50px 20px 3px 12px; vertical-align:top;}
#body2 #main_tbl .left{width:75%; background:url(../images/title_left.gif) top no-repeat; vertical-align:top;}
#body2 #main_tbl .left .location{margin:20px 12px 0px 110px; text-align:left;}
#body2 #main_tbl .left .body{padding:40px 20px 3px 12px;}
/* Footer Properties */
#footer{width:780px;margin-left:8px; margin-right:8px;height:36px; background:#0086c5; border-top:5px solid #9e9e9f; color:#FFF;}
#footer #copyright{float:left; width:70%; text-align:left; padding:5px 0 0 10px;}

#spacer{height:1px; margin-left:8px; margin-right:8px;}
.blue{background:#269bcd;}
.white{background:#FFF;}
.littleblue{background:#e0e9f2}
a{color:#a81d1a;text-decoration:none;}
a:hover{color:#D54251;}
/*********************************************************************************/
.welcome-message, .error-message{width:90%; direction:rtl;margin-bottom:10px; padding:12px 40px 14px 10px; font-size:11px;}
.error-message ul,.welcome-message ul{margin:0; list-style-type:none; padding:0;}
.welcome-message{background: #dfecd0 url(../images/ok.gif) 99% 50% no-repeat; border-top:4px solid #60a500;}
.error-message{background: #ffe3e0 url(../images/error.gif) 99% 50% no-repeat; border-top:4px solid #f44540; color:#900;}
/*############################################################################*/
#body .middle{margin-top:8px; overflow:hidden; border-bottom:1px solid #d7e0e8;}

#body .middle .right{float:right; width:485px; margin:0 7px 0 7px; line-height:15px;}
#body .middle .right .about{height:140px; border-right:4px solid #cbcccd; overflow:hidden;}
#body .middle .right .about .pic{border:1px solid #CCC; width:146px; height:104px; margin-right:10px; float:right;}
#body .middle .right .about .content{ float:left; overflow:hidden; height:92px; width:300px;text-align:justify; direction:rtl; overflow:hidden}
#body .middle .right .about .cnu{ margin:10px; overflow:hidden; margin-top:100px; padding-right:10px;}

#body .middle .right .cat{height:278px; width:485px;}
#body .middle .right .right{width:230px; height:278px; float:right; margin:0; border-right:4px solid #cbcccd; padding-right:5px; text-align:justify;}
#body .middle .right .left{width:220px; height:278px; float:left; border-right:1px solid #cbcccd; padding-right:5px; text-align:justify;}

#body .middle .right .cat .cadr{background:url(../images/plus.gif) #dbdada right no-repeat; height:20px; margin-right:5px; margin-top:3px; padding-right:20px; padding-top:3px;}
#body .middle .right .cat .cadr:hover{background:url(../images/plus.gif) #CCC right no-repeat;}
#body .middle .right .cat .cadr a{color:#000;}

#body .middle .left{float:left; width:260px; margin:0 7px 0 7px;}

#body .middle .left .box,#body .middle .left .box2{float:right; width:255px; height:98px; margin:5px 0 2px 0; overflow:hidden;}
#body .middle .left .box{background:url(../images/box.gif) #FFF;}
#body .middle .left .box2{background:url(../images/box2.gif) #FFF;}
#body .middle .left .box2 .img{padding: 8px 5px;}
#body .middle .left .box .txt{margin:0px 6px 3px 0; height:78px; overflow:hidden;}
#body .middle .left .box .pic{margin:10px 10px 6px 0;float:right; background:url(../images/box_hidden.gif); width:78px; height:65px;}
#body .middle .left .box .txt .content{float:right; direction:rtl; text-align:justify; padding:4px 5px; width:150px; overflow:hidden; line-height:15px;}
#body .middle .left .box .txt .content h5{ font-weight:bold; font-size:10px;}

#body .middle .left .box .cnu{margin:5px 190px 20px 20px;}
/**********************************************/
#body .footer{background:#d7e0e8; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; height:136px;}
#body .footer .right{ float:right; width:488px; height:136px;}
#body .footer .right{float:right;}

#body .footer .right .content{float:right;}
#body .footer .right .content .img{margin:20px 20px 0 0;}
#body .footer .right .content .txt{width:320px; height:70px; margin:10px; margin-bottom:0px; text-align:justify;}
#body .footer .right .content .cnu{text-align:left;}
#body .footer .right .pic{float:left; background:url(../images/server.gif) no-repeat; width:141px; height:120px; margin-top:10px;}

/**/
#body .footer .left{ float:right; height:115px; margin:10px;}
#body .footer .left .box{ background:url(../images/projects_box.gif) no-repeat; width:250px; height:118px; overflow:hidden;}

#body .footer .left .box .content{float:right; width:129px; padding:5px;}
#body .footer .left .box .content .txt{line-height:15px; padding-right:8px;}

#body .footer .left .box .pic{float:left; width:91px; height:91px; background:url(../images/pic_box.gif) no-repeat; margin:7px 5px 0px 15px;}
#body .footer .left .box .pic img{margin:3px 7px 0 0;}
#body .footer .left .box .cnu{margin-top:30px; float:left;}
/*****************************************************/
.product-demos{}
.product-demos .products{width:542px; height:111px; margin-bottom:10px; overflow:hidden;}

.product-demos #a0.products{background:url(../images/prct01.gif) no-repeat;}
.product-demos #a1.products{background:url(../images/prct02.gif) no-repeat;}

.product-demos .products .wrap{padding:5px 10px;}

.product-demos .products .wrap .pic{float:right; margin-top:15px;/* border:2px solid #CCC;*/ width:78px; height:65px;}
.product-demos .products .wrap .txt{float:right; margin:15px; margin-left:0; text-align:justify; font-size:10.5px; line-height:16px; color:#555555;  width:415px;}
.product-demos .products .cnu{ margin:83px 470px 0 0; position:absolute;}

.product-select{ min-height:280px; overflow:visible;}
.product-select .txt{float:right; /*width:350px;*/ width:98%; margin-left:10px; font-size:11px;}
.product-select .txt p{padding-top:10px; text-align:justify; color:#555555; line-height:16px; font-family:Tahoma, Arial, "Times New Roman";}
.product-select .pic{float:right; width:190px; border:1px solid #CCC;}

.ftr{float:left; background:#e0dfdf; width:150px; min-height:20px;}
.ftr .screen{padding-right:10px; padding-left:10px;}
.ftr .tools{height:24px; border-top:2px solid #FFF; text-align:center; padding-top:2px;}
/*--------------------------------------Tab Products -------------------*/
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
	float:right;
	margin-top:40px;
}
.tabs a {
	float: right;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../images/tab.png') repeat-x;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
	cursor:pointer;
}
.tabs a.selected {
	background: #FFFFFF url('../images/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
	text-align:justify;
}
/*--------------------------------------Ordering Form -------------------*/
.order{}
.order td.title{padding-left:5px; text-align:left; width:20%;}
.order td.spacer{background:#666; width:3px;}
.order td.fields{padding-right:5px; height:20px;}
.order tr{}
.order tr:hover{background:#F4F4F4;}

input,textarea{font-family:Tahoma, Arial, "Times New Roman"; font-size:12px;}
/*------------------------------------------------------------*/

    #tabsB {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
	    margin-top:-21px;
        list-style:none;
		position:absolute;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("../images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("../images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }
/*********************************************/
.monitor {
	background: url(../images/monitor.gif) no-repeat left top;
	padding-top: 15px;
	padding-left:2.5px;
	margin-bottom: -10px;
	height: 139px;
	width: 135px;
	display:block;
}

.outer {
	padding-left:4;
	padding-right:4;
	padding-top:1;
	padding-bottom:1;
	background-color:#CFC29A direction: rtl;
}

.head {
	background:#709FCF;
	font-weight:bold;
	padding:5px;
	text-indent:0px;
	direction: rtl;
}
.even {
	background:#F7F7F7;
	padding-left:4;
	padding-right:4;
	padding-top:1;
	padding-bottom:1;
	direction: rtl;
}
.odd {
	background:#F5F5F5;
	padding:5px;
	direction: rtl;
	text-align:right
}

/* Ordering */
TABLE.Form_Foot {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 90%; DIRECTION: ltr; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
TD.Form_Foot_Begin_Line_red {
	HEIGHT: 2px; BACKGROUND-COLOR: #5c9a11
}
TD.Form_Foot_End {
	WIDTH: 14px; HEIGHT: 20px
}
TD.Form_Foot_Buttons {
	DIRECTION: ltr; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
TD.Form_Foot_Below_Line_red {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 100%; COLOR: #c0c0c0; FONT-FAMILY: Tahoma; WHITE-SPACE: nowrap; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
/***********************************/
/* News Image Styles */
img.headlineImage1b {
	border: 1px solid #ccc;
	margin: 0 0 2px 0;
}
img.headlineImage1 {
	float: right;
	border: 1px solid #ccc;
	margin: 0 0 2px 10px; /* Mojdeh 01282009 - added new */
	/*margin-left: 10px;*/
}
img.headlineImage2 {
	border: 1px solid #ccc;
	margin: 0 0 10px 10px; /* Mojdeh 01282009 - was margin: 5px 0 10px 10px; */
	float: right;
}
img.orangeBullet {
	float: right;
	margin: 8px 0 5px 7px;
	border: none;
	clear: both;
}
img.headlineListPhoto {
	float: right;
	margin: 0 0 8px 4px;
	border: 1px solid #ccc;
}
/***********************************/
#slider { }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:705px; height:158px; overflow:hidden; direction:rtl }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:67px; position:absolute; left:10px; top:-150px; }
#nextBtn { left:755px; }
#prevBtn a { display:block; width:13px; height:67px; background:url(../images/arrow_l.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:67px; background:url(../images/arrow_r.gif) no-repeat 0 0; }

.slider div.slice { margin:0 auto; width:700px; padding:5px 0;}
.slider div.slice p.img { float:left; padding:0; margin:0; border:3px solid #FFF;}
.slider div.slice h2 { font:bold 12px Tahoma, sans-serif; color:#333; margin:0; padding:6px 0; line-height:.6em; float:none;}
.slider div.slice p { font:normal 11px Tahoma, Helvetica, sans-serif; color:#666; margin:0; padding:10px 0; line-height:17px;}
/*********************************************/
select{font-family:Tahoma, Geneva, sans-serif;}
/*********************************************/
