/* global tag selectors */
a img {border:none;}
   
a
{
	text-decoration:none;
}

/* Transluscent layer for use with 'modal forms' */
.overlay {position:absolute;top:0px;right:0px;
background-color:#ccc;filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;z-index:4}

/*content area related*/
/*
#main div.GEditContainer {min-height:200px;_height:200px;min-width:600px;_width:600px;}
#main div.GEditContainer p {margin:1em 0}
#main div.GEditContainer img {margin-right:0.5em; border:1px #ccc solid;padding:5px}
#main div.GEditContainer ul,#main div.GEditContainer ol {margin-right: 2.2em}
*/














		html
		{
			direction: rtl;
		
			background: url(../../imgs/white/bg.gif);
		}
		
		
		
		body
		{
			color: black;
			font-size: 80%;
			font-family: Verdana, Arial, Helvetica, sans-serif;

			line-height: 1.6em;

			margin: 0;
			padding: 0;
		}
		
		
		
		a
		{
			text-decoration: none;
		}

		
		
		.center
		{
			text-align: center;
		}



		.right
		{
			text-align: right;
		}

		

		.off
		{
			display: none;
		}
		
		

		img
		{
			border: 0;
		}
		
		

		h1
		{
			font-size: 1.3em;
			font-family: Tahoma;
			font-weight: normal;
			
			width: 85%;
		
			margin: -10px 10px;
			padding: 0 0.2em 0.2em 0;
			
			border-bottom: 1px solid #c7c7c7;
		}
		
		

		h1.vod
		{
			background: url(../../imgs/aviv_vod.jpg) no-repeat top right;
		}
		
		

		html>body h1
		{
			margin: 0 10px;
		}




		#container
		{
			/* This will make it so any element inside the container
			 * with absolute positioning will be relative to the container, and not
			 * the whole body, so this:
			 *
			 * poistion: absolute;
			 * top: 20px;
			 *
			 * will position the element 20px below the top of the container, and not the body!
			 */
			position: relative;

			width: 800px;

			margin: 0 auto;
			
			border: 0px solid blue;
		}



		#header
		{
			height: 255px;
		
			background: url(../../imgs/white/header.jpg) no-repeat;
		}



		#nav
		{
			position: absolute;
			top: 211px;
			right: 25px;
		
			width: 700px;
		
			list-style: none;
			
			margin: 0;
			padding: 0;
		
			background: url(../../imgs/white/navback.gif) repeat-x;
		}



		#nav li
		{
			height: 45px;
			
			float: right;
			
			padding: 10px 0;
		}



		html>body #nav li
		{
			padding: 0;
		}



		#nav li.selected
		{
			background: url(../../imgs/white/nav_selected_bg.gif) repeat-x;
		}



		#nav a
		{
			color: black;
			font-size: 1.2em;
			font-weight: bold;
			
			padding: 0 15px;
			
			background: url(../../imgs/white/nav.gif) no-repeat center left;
		}



		#nav #nav_first
		{
			background: url(../../imgs/white/nav_right_back.gif) no-repeat top right;
		}



		#nav #nav_first_selected
		{
			background: url(../../imgs/white/nav_right_back_selected.gif) no-repeat top right;
		}



		#nav #nav_last
		{
			float: left;
		
			background: url(../../imgs/white/nav_left_back.gif) no-repeat top left;
		}



		#nav #nav_last_selected
		{
			float: left;
			
			background: url(../../imgs/white/nav_left_back_selected.gif) no-repeat top left;
		}



		#nav_last a,
		#nav_last_selected a
		{
			background: none;
		}



		html>body #nav a
		{
			display: block;
			height: 45px;
			line-height: 45px;
		}



		#main
		{
			width: 744px;
			
			padding-top: 40px;
		
			background: white;
		}



		#main td
		{
			vertical-align: top;
		}



		#cell_1
		{
			text-align: center;
		}



		#cell_1,
		#cell_3
		{
			width: 259px;
			
			background: #e3e3e3 url(../../imgs/white/right_cell_bottom.gif) no-repeat bottom;
		}



		#cell_1 div,
		#cell_3 div
		{
			padding: 10px;
		}



		#cell_1 span.top,
		#cell_3 span.top
		{
			font-size: 1px;
			
			display: block;
			height: 8px;
		
			background: #e3e3e3 url(../../imgs/white/right_cell_top.gif) no-repeat top;
		}



		#cell_2,
		#cell_4
		{
			width: 431px;
			
			background: #e3e3e3 url(../../imgs/white/left_cell_bottom.gif) no-repeat bottom;
		}



		#cell_2 div,
		#cell_4 div
		{
			padding: 10px;
		}



		#cell_2 span.top,
		#cell_4 span.top
		{
			font-size: 1px;
			
			display: block;
			height: 8px;
		
			background: #e3e3e3 ;
		}



		#galleryContent
		{
			width: 705px;
			
			margin: 0 19px;
			
			background: #e3e3e3 ;
		}



		#galleryContent div
		{
			padding: 0 10px 10px 10px;
		}



		#galleryContent span.top
		{
			font-size: 1px;
		
			display: block;
			height: 8px;
		
			background: #e3e3e3;
		}



		#cell_2 .article_intro
		{
			position: relative;
		
			height: 100px;
		
			padding: 0;
			
			border-bottom: 1px solid #c7c7c7;
		}



		.article_intro a
		{
			color: #d632a6;
		}



		.article_intro p
		{
			width: 280px;
			
			margin: 2px 0 0 0;
		}



		#cell_2 div span
		{
			position: relative;
			right: 315px;
			
			color: #676767;
		}



		#cell_2 .article_intro span
		{
			position: absolute;
			top: 75px;
			right: auto;
			left: 120px;
			
			cursor: pointer;
			
			color: #d632a6;
		}



		.article_intro img
		{
			position: absolute;
			top: 8px;
			left: 0;
			
			width: 92px;
			height: 69px;
		
			padding: 6px;
			
			background: #000400;
			border: 1px solid #3b3b3b;
		}



		.article
		{
			position: relative;
		
			height: 100px;
		
			padding: 0;
			
			border-bottom: 1px solid #3b3b3b;
		}



		.article a
		{
			color: #d632a6;
		}



		.article p
		{
			width: 580px;
			
			margin: 2px 0 0 0;
		}



		.article span
		{
			position: absolute;
			top: 75px;
			right: auto;
			left: 120px;
			
			cursor: pointer;
			
			color: black;
		}



		.article img
		{
			position: absolute;
			top: 8px;
			left: 0;
			
			width: 92px;
			height: 69px;
		
			padding: 6px;
			
			background: #000400;
			border: 1px solid #3b3b3b;
		}