@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

html { direction:rtl; }

body, td, input, textarea {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:1em;
}

h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
}

hr {
	color: #424a00;
	border-style:solid;
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:1px;
}

body {
	background: #DBED9A url(http://www.h1.hannayarok.com/style/bg.png) no-repeat right top fixed;
}
.page {
	background:transparent url(2px_opac50.png) repeat;
	border:1px solid #eee;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
}
.header {
	height :150px;
	margin-right:0px;
	padding-right:0px;
	padding-top:30px;
}

.header h1 {
	background: transparent url(header.png) no-repeat right;
	height:54px;
	margin-top:30px;
	margin-right:30px;
	width:360px;
}
h1 span { display: none; }
.header small {
	font-size:11px; 
	margin-right:30px;
	float:right;
	margin-bottom:5px;
}

.header #logo {
	float:left;
	height:130px;
	margin:30px;
	width:118px;
	margin-top: -15px;
}

.menu_index .header #logo {
	display:none;
}

.menu {
	margin-right:30px;
	padding-right:0px;
	clear:right;
}

.menu li {
	background-color:#5C7DAA;/*#CEDEE7;*/
	border-top:5px solid #DEBD63;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2px;
	padding:0 4px 4px;
	width:70px;
	text-align:center;
	cursor:pointer;
}

.menu li:hover {
	border-top:5px solid #AAAD63;
}

#menu_method ,#menu_impressions{ width:100px;}

.menu_index #menu_index,
.menu_about #menu_about,
.menu_method #menu_method,
.menu_projects #menu_projects,
.menu_impressions #menu_impressions,
.menu_contact #menu_contact{ 
	border-top:5px solid #424a00;
	cursor:default;
}

#menu_index a,
#menu_about a,
#menu_method a,
#menu_projects a,
#menu_impressions a,
#menu_contact a{ 
	cursor:pointer;
}

.content span {
	display:block;
	text-align:left;
}
.menu_impression_links {
	display:block;
	text-align:right;
}

.menu a {
	text-decoration:none;
	color: #FFFFFF;/*#424a00;*/
}

.menu a:hover {
	color: #DDDDDD;
}
.content {
	padding: 30px;
	padding-top:10px;
	height:450px;
	display:block;
	overflow-y: auto;
	clear:both;
	direction:ltr;
}
.content div,
.content h2{
	direction:rtl;
}
.footer {}
#plan {
	width:195px; 
	height:190px; 
	float:left;
}

.index_content {
	line-height:1.5em;
}

.index_content strong {
	color : #63734a;	
}

#collageWrapper {
	float:left;
	height:300px;
	width:400px;
	margin-left:-30px;
	margin-top: 30px;
	padding:0px;
}
#alternateFlashlogo{
	height:230px;
	width:210px;
	padding:0px;
	display:inline;
}
#getflashpic{
	border:none;
	float:none;
	display:inline;
}

#portrait {
	border:1px solid #666666;
	float:left;
	margin:10px;
}

.page .projDiv {
	width:185px;
	height:155px;
	padding:0;
	float:right;
}
.page .proj {
	width:95%;
	height:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5%;
	display:block;
	border:#030 2px solid;
}

.page .proj:hover {
	filter: alpha(opacity=70);
	opacity:0.7;
	cursor:pointer;
}

#picData{
	visibility: hidden;  
	position:absolute;
	width:176px; 
	z-index: 10;
	font-family:tahoma;
	font-size:12px;
	text-align:right;
	padding:2px;
	background-color:#DBED9A;/*#FFF;*/
	filter: alpha(opacity=70);
	opacity: 0.7;
	color:#000;
	font-weight:bold;
	left:0px;
	top:0px;
}

#backbtn {
	display:block;
	float: left;
	height: 18px;
	width: 120px;
	text-align:left;
	text-decoration:none;
}

.dialog-mask {
	padding: 0px;
	position: absolute; 
	margin: 0px;
	background: #fff; 
	top: 0px; 
	left: 0px;
	filter: alpha(opacity=0); 
	opacity:0;/*firfox*/
	display: block; 
	width: 100%; 
	height: 100%;
	z-index: 998; 
}
.dialog-box {
	display: block; 
}

.hidden {
	display:none;	
}

/*Contact Form*/
#dialogBoxHeader {}

#contactBox #dialogBoxBody{
	padding-top:160px;
	padding-right:100px;
}

#contactBox label {
	float:right;
	display:block;
	width:50px;
	text-align:left;
	margin-left:5px;
	font-weight:bold;
}
#contactBox #dialogBoxBody #name {
	direction:rtl;
}

#contactBox input,
#contactBox textarea {
	background: transparent url(2px_opac75.png) repeat;
	border:1px solid #424a00;
}

#contactBox textarea {
	width:280px;
	height:100px;
}

#dialogBoxFooter {
	float:left;
	padding-left:80px;
}

#contactBox {
	direction: rtl; 
	margin-left: -250px;
	position: absolute; 
	z-index: 999; 
	overflow: hidden; 
	top: 100px; 
	left: 50%;
	background-image:url(contact_bg.gif);
	background-repeat:no-repeat;
	width: 528px;
	height:525px;
}


/*///////////////Gallery//////////////////*/

#slideshow {
	list-style:none; 
	color:#fff;
	direction:rtl;
}
#slideshow span {display:none}
#wrapper {width:730px; margin:-30px auto; display:none;  direction:rtl;}
#fullsize {
	position:relative; 
	width:724px; 
	height:300px; 
	padding:2px; 
	border:1px solid #ccc;
	background:#000;
}
#information {
	position:absolute; 
	bottom:0; 
	width:724px; 
	height:0; 
	background:#000;
	color:#fff; 
	overflow:hidden; 
	z-index:200; 
	opacity:.7; 
	filter:alpha(opacity=70)
}
#information h3 {padding:4px 8px 3px; font-size:14px; margin:0; direction:rtl;}
#information p {padding:0 8px 8px;  margin:0; direction:rtl;}
#image {width:724px}
#image img {position:absolute; z-index:25; width:auto; display:block; left:0;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {right:0; background:url(/images/right.gif) right center no-repeat}
#imgnext {left:0; background:url(/images/left.gif) left center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {
	float:left; 
	width:20px; 
	height:81px; 
	background:url(/images/scroll-left.gif) center center no-repeat; 
	background-color:#222;
}
#slideleft:hover {background-color:#333}
#slideright {
	float:right; 
	width:20px; 
	height:81px; 
	background:#222 url(/images/scroll-right.gif) center center no-repeat;
}
#slideright:hover {background-color:#333}
#slidearea {
	float:left; 
	position:relative; 
	width:674px; 
	margin-left:5px; 
	height:81px; 
	overflow:hidden;
}
#slider {position:absolute; right:0; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

/*/////////////////////////////////*/

.credit{
	position:absolute;
	bottom:5px;
	font-size:10px;
	left:20px;
}


#fullPreview {
	position: absolute; 
	z-index: 999; 
	overflow: hidden; 
	border:none;
}
.imppicture{
	border: 2px solid #000;
}
.imppicture:hover {
	filter: alpha(opacity=70);
	opacity:0.7;
	cursor:pointer;
}

.fullPreviewMask {
	padding: 0px;
	position: absolute; 
	margin: 0px;
	background: #000; 
	top: 0px; 
	left: 0px;
	filter: alpha(opacity=50); 
	opacity: 0.5;/*firfox*/
	display: block; 
	width: 100%; 
	height: 100%;
	z-index: 998; 
}