/* ------------------------------------------------

	Style by : Hossein Hashemi
	Email : Hashemi42@gmail.com
	Date : 3 April 2009

------------------------------------------------ */
*					{margin:0; padding:0;}
a 					{text-decoration: none;color:#00F;}
a:hover 			{text-decoration: none;color:#000;}
img					{border:0;}
.clearfloat 		{clear:both;height:0;font-size: 1px;line-height: 0px;}
input ,
select , textarea 	{font-family:Tahoma; font-size:11px;}
.red				{color:#E00;}
.leftImg			{ float:left; margin:0 8px 4px 0;}

/*------------------ LayOuts ------------------*/
body				{background:url(../images/bg.jpg);font-family:Tahoma, Geneva, sans-serif;font-size:11px;}
#warp				{width:850px; margin:0 auto; text-align:right; direction:rtl;}
h1.title			{font-size:11px; font-family:Tahoma, Geneva, sans-serif; background:url(../images/h1.jpg) no-repeat; height:35px; line-height:35px; padding:0 32px 0 0}
h2.title			{font-size:20px;}
h3.title			{font-size:16px;}
.container 			{ background:url(../images/container.gif) #d2e3fa;}
.main 				{width:650px; float:left; padding:0 0 25px 0;}
.sideBar			{width:200px; float:right; padding:7px 0;}
.pageBody			{ padding:10px 32px 10px 32px; text-align:justify; line-height:1.5; font-size:12px;}
.pageBody img		{ margin:5px; padding:3px;}

/*------------------ header ------------------*/
.header				{height:150px; background:#d0e2fa;}

/* ------------------ menu  ------------------ */
.menu				{width:180px; margin:0 auto;}
.menu a				{display:block; width:160px;padding:5px 20px 5px 0px; background:url(../images/menu.gif) no-repeat 165px center #8fa657; margin:3px 0; color:#FFF;}
.menu a:hover		{background:url(../images/menu.gif) no-repeat 165px center #afcc6a;}

.homeBox			{ width:650px;}
.homeTd				{ width:33%;vertical-align:top; border:1px solid #9bc2ed}
.homeTd	h3.title	{ font-size:11px; font-family:Tahoma, Geneva, sans-serif; background:url(../images/h1.jpg) no-repeat; height:35px; line-height:35px; padding:0 12px 0 0}
.homeTd	.body		{ padding:5px 10px; text-align:justify;}
.homeTd	.bodyImg	{ padding:5px 40px;height:120px;}
.pics				{ width:194px;height:115px;}

/* ------------------ Management Boxs ------------------ */
.managementBox		{font-size:11px; padding:15px 20px 15px 5px; color:#212179; border-bottom:1px dotted #a5c8f0; height:100px;}
.managementBox strog{}
.managementBox h3	{color:#000; font-size:12px;}
.managementBox .img	{float:right; margin:0 0 0 10px; }
.managementHover	{background:#dfebf9;}

/* ------------------ Expert Boxs ------------------ */
.expertBox			{font-size:11px; padding:5px; color:#212179; border-bottom:1px dotted #a5c8f0; width:292px; float:right; height:130px; margin:0 5px;}
.expertBox strog	{}
.expertBox h3		{color:#000; font-size:12px;}
.expertBox .img		{float:right; margin:0 0 0 10px; height:120px;}
.expertBox .img	img	{ border:1px solid #FFF;}
.expertHover		{background:#dfebf9;}

/* ------------------ Certification ------------------ */
.certification		{}
.certification .body{border:1px solid #dfebf9; margin-bottom:20px;}
.certification h3	{padding:5px;background:#dfebf9; font-size:11px;}
.certification img	{margin:0 auto; display:block; padding:10px;}

/* ------------------ Certification ------------------ */
.project			{}
.project a			{display:block;color:#555; padding:5px 20px 5px 5px; border-bottom:1px solid #c8d8ee; background:url(../images/bullet.gif) no-repeat right 10px;}
.project a:hover	{color:#000;background:url(../images/bullet.gif) no-repeat right 10px #dfebf9;}
h2.title			{font-size:11px; padding:0 0 10px 0;}

.morePic			{padding:30px 10px 10px 10px; background:url(../images/morePic.jpg) no-repeat top; margin:20px 0 0 0;}
.sBoxPic			{ width:130px; height:130px; padding:5px; float:right;}
.backToProject		{ border-top:2px solid #1699b5; text-align:left; padding:5px; background:url(../images/bullet1.gif) no-repeat 140px 10px;}

/* ------------------ ContactUs ------------------ */
.contact			{}
.contact_add		{ padding:5px 10px 5px 0;}
.contact h3.title	{padding:3px; font-size:11px; border-right:6px solid #006600; background:#dfebf9; margin:15px 0 5px 0;}
.contactTable		{}

/*------------------ Footer ------------------*/
.footer				{text-align:center; color:#FFF; height:18px; background:url(../images/footer.gif); font-family:Verdana;padding:4px 0 0 0;direction:ltr;}
.footer a			{color:#7bdaff;}
.footer a:hover		{color:#FFF;}

/*------------------ lightbox ------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Tahoma, Geneva, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float:right; text-align: right; }	
#imageData #caption{}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: left;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}