

/*CSS reset code founded in reset.css file in css directory*/

/* RESET */
/* ----------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**end of css reset*/


/* LAYOUT */
/* ----------------------------------------- */

/* Presentational classes generated by WordPress */
.aligncenter	{ display: block; margin: 0 auto; }
.alignleft		{ float: left; margin: 0 20px 20px 0; }
.alignright		{ float: right; margin: 0 0 20px 20px; }
.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }

/*end of layout css*/



/*@import "http://127.0.0.1/wordpress/wp-content/themes/starkers-html5-master/css/reset.css";*/
@import url('css/reset.css');
@import "css/layout.css";

/* Design color pallete
		
		MainOrange:  #ff8000 / rgb(255, 128, 0)
        MainGray:    #706d6d / rgb(112,109,109)
         
		
*/

@font-face {
	font-family: 'yekan';
	src: url(fonts/Yekan.eot);
	src: url(fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(fonts/Yekan.woff) format("woff"), url(fonts/Yekan.ttf) format("truetype"), url(fonts/Yekan.svg#BYekan) format("svg");
	font-weight: normal;
	font-style: normal
}




/*////////////   UTILITY   ///////////*/

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

body { 
	width: 100%;
	background: #ffffff; 
padding: 0;
	margin-top: 0px;
    margin-right: 0px;
    margin-left: 0;
min-width: 1180px;

    
    }

html{
	background: #3b3b3b; 
	 
	}



/*
a { color: #ff8000; }
a:visited { color: #ff8000; }
a:hover { text-decoration: none;}
*/




/*////////////  STRUCTURE  ///////////*/

#master { width: 1170px;
		  margin: 0px auto;
		  } 


#DateSection {
	height: 25px;
	background: #ff8000;
	font-family: yekan , Helvetica;
    text-align: center;
    width: 100%;
    margin: 0 auto;
	}		 
	
    #SearchBar {
        /*float: left;*/    
    }
    
    #DateBar {
        /*float: right;*/   
        font-family: yekan , Helvetica ;
        width: 1170px;
        height: 25px;
        margin: 0 auto;
        background: #ff8000;
        
    }

    #DateName{
        float: right;
        font-size: 13px;
        color: white;
        margin-top: 5px;
    }

    #ChangeLanguge {
        float: left;
        font-size: 13px;
        font-weight: 500;
        margin-top: 6px;
        }


		  
		  #header { background: url(images/NewHeader2.jpg);
		  height: 350px;
		  
		}
				
				#logo {
						margin-right: 90px;
						padding-top: 180px;
                        float: right;
				}
				
				#pageTitle {
					
					float: right;
					margin-right: -190px;
					font-family: yekan;
					font-size: 19.55px;
					font-weight: 600;
					margin-top: 290px;
					color: #6d6d6d;
					/*background: red;*/
					width: 178px;
					text-align: center;
					
						
				
				
				}
				

#menu { 
        background: #ff8000;
        height: 30px;
		/*border: 1px solid #de5e00;*/
        
		padding-right: 90px;
		direction: rtl;
        padding-top: 10px;
        border-top: 5px solid #706d6d;
        border-bottom: 5px solid #706d6d;
        
				
    	}


    

#menu li { display: inline;
			    font-family: yekan;
				font-size: 14px;
				margin-left: 30px;
                
				
				
							

				}

	#menu li a:link {
				text-decoration: none;
				color: #fff; }
				
	#menu li a:visited {
				text-decoration: none;
				color: #fff; }
	
	#menu li a:hover {
				text-decoration: none;
				color: #853b03; }
				
	#menu li a:active {
				text-decoration: none;
				color: #fff; }			
				
				
#slideshow {
            height: 375px;
            width: 1170px;    
            background: white;
            padding-top: 25px;
            }

#main {
        background: #ffffff;
		width: 1170px;
		/*border: 1px solid black;*/
		
		
}
			 
#NewAdditions { 
    height: 730px; 
    background: #c1c1c1;
    background-image: url(images/simple-dashed_mid.png); 
                    
                
				}
			 
	.slogan {
		border-top: 5px solid #706d6d;
       
        
        height: 200px;
		width: 1170px; 
        margin:0 auto;
		text-align: center;
        padding-top: 20px;
        
		
		}		 
			
			.sloganText01 {
				font-family: yekan;
				font-size: 30px;
				color: #ffffff;
				width: 250px;
				margin: 0 auto;
                
				
			}

			
			.sloganText02 {
				font-family: yekan;
				font-size: 15px;
				color: #ffffff;
				border-bottom: 2px dotted white;
				border-top: 2px dotted white;
				direction: rtl;
				text-align: justify;
                text-align-last: center;
				width: 730px;
				margin: 10px auto;
                margin-bottom: 0px;
                margin-top: 20px;
                padding: 10px 70px 15px 70px;
                line-height: 25px;
                background: rgba(0,0,0,0.2);
                
                
				
				
			}

		
	.fastAccess {
		 
		width: 1170px; 
        height: 400px;
        margin: 0 auto;
		padding-top: 100px;
        border-bottom: 5px solid #706d6d; 
        /*border-bottom: 2px dotted gray; */
		}	
    .fastAccessCentering {
    width: 878px;
    margin: 0 auto;
    }
	
			.FAframe {
				width: 263px;
				height: 360px;
				color: gray;
				background: white;
				border-radius: 15px;
				text-align: center; 
				border: 5px solid #909090; 
            }
			
			

			.FAleft {
				float: left;
				/*margin-left: 146px;*/
			}
					.FALcircle {
						
						background-image: url("images/FALcircleNormal.jpg");
						width: 188px;
						height: 188px;
						border-radius: 100px;
						margin-left: auto;
						margin-right: auto;
						margin-top: -100px;
						border: 10px solid white;
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						
					}
					
					.FALcircle:hover {
						-webkit-filter: grayscale(70%); 
                        filter: grayscale(70%);
						box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.5);
						
					}

					
					
			.FAmiddle {
				float: left;
				margin-left: 29px;
			}
			
					.FAMcircle {
						background-image: url("images/FAMcircleNormal.jpg");
						width: 188px;
						height: 188px;
						border-radius: 100px;
						margin-left: auto;
						margin-right: auto;
						margin-top: -100px;
						border: 10px solid white;
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						
					}
					
					.FAMcircle:hover {
						-webkit-filter: grayscale(70%); 
                        filter: grayscale(70%);
                        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.5);
						
					}
			
			
			.FAright {
				float: left;
				margin-left: 29px;
			}
			
					.FARcircle {
						background-image: url("images/FARcircleNormal.jpg");
						width: 188px;
						height: 188px;
						border-radius: 100px;
						margin-left: auto;
						margin-right: auto;
						margin-top: -100px;
						border: 10px solid white;
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						
					}
					
					.FARcircle:hover {
						-webkit-filter: grayscale(70%); 
                        filter: grayscale(70%);
                        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.5);
						
					}

			
			
			
			

			.FATitleText{
				font-family: yekan;
				font-size: 22px;
				color: #ff6c00;
				margin-top: 30px;
                font-weight: bold;
			}
		
			.FAMainText{
				font-family: yekan;
				font-size: 14px;
				color: #5c5c5c;
				line-height: 150%;
				margin: 20px 20px 40px 20px;
				direction: rtl;
				text-align: justify;
                
				
				
			}

.FALink  {
    color: #ff8000;
    font-family: yekan;
    text-decoration: none;
    font-size: 13px;
    border: 2px solid #ff8000 ;
    border-radius: 20px;
    padding: 0px 8px 2px 8px;
    
    
    
}
.FALink:hover {
    color: gray;
    border: 2px solid gray;
    
}


								
/*little ReadMore... orange button*/	
/*.myButton {
	-moz-box-shadow: 0px 4px 13px -2px #4a4a4a;
	-webkit-box-shadow: 0px 4px 13px -2px #4a4a4a;
	box-shadow: 0px 4px 13px -2px #4a4a4a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd466), color-stop(1, #ff8c00));
	background:-moz-linear-gradient(top, #ffd466 5%, #ff8c00 100%);
	background:-webkit-linear-gradient(top, #ffd466 5%, #ff8c00 100%);
	background:-o-linear-gradient(top, #ffd466 5%, #ff8c00 100%);
	background:-ms-linear-gradient(top, #ffd466 5%, #ff8c00 100%);
	background:linear-gradient(to bottom, #ffd466 5%, #ff8c00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd466', endColorstr='#ff8c00',GradientType=0);
	background-color:#ffd466;
	-moz-border-radius:29px;
	-webkit-border-radius:29px;
	border-radius:29px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	font-family:yekan;
	font-size:14px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffc766;
	margin-top: 20px;
    color: #5c5c5c;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
    color: white;
}
.myButton:active {
	position:relative;
	top:1px;
}
	*/		
			
			
			
			
			
			


			
			 
#loop { width: 815px;
        float: right;
    overflow-y: scroll;
        height: 670px;
		background: #ffffff;
		margin-top: 10px;
		direction: ltr;
        border-radius: 10px 0px 0px 10px; 
        border: 3px solid #919191;
        padding: 0 20px 20px 20px;
		}
		
		#LoopTitle {
			font-size: 20px;
			color: #919191;
			font-family: yekan;
			text-align: center;
			font-weight: bold;
            margin-top: 10px;
            width: 800px;
			border-bottom: 2px dotted #919191;
            padding-bottom: 10px;
            
            
		
		}
		
        #LoopContentP {
            float: right;
            margin: 0 auto;
            background: red;
            margin-left: 20px;
            
            
            
    
        }				
				


        .LoopPost {
			width: 800px;
            height: 160px;
            padding-top: 20px;
			border-bottom: 2px dotted #919191;
            padding-bottom: 15px;
			
		
		}

				
	/*	.PostThumb {
			
			float: right;
			border: 5px solid #ffffff;
			clear: both;
			height: 145px;
			width: 200px;
			overflow: hidden;
			box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
		} duty done by .wp-post-image class */
		
		
        .PostTitle {
            float: left;
            width: 540px;
            height: 25px;
            background: #ff8000;
            font-size: 16px;
			font-family: yekan , Helvetica;
            padding-top: 5px;
            padding-right: 20px;
            padding-left: 20px;
            text-align: right;
            direction: rtl;

            
        }
            .PostTitle a {
                color: white;
                text-decoration: none;
            }

            .PostTitle a:hover {
                text-decoration: underline;
            }
    
            


		.LoopPost p {
			background: #e2e2e2;
            direction: rtl;
            float: left;
            height: 77px;
            width: 540px;
            overflow: hidden;
            margin-top: 5px;
            font-family: yekan , Helvetica;
			font-size: 14px;
			text-align: justify;  
			-moz-text-align-last: right; /* Code for Firefox */
			text-align-last: right;
            padding: 4px 20px 10px 20px;
            color: gray;
			line-height: 27px;
		}

        .LoopPost p a {
            color: #343434;
            text-decoration: none;
        }

        .LoopPost p a:hover {
            color: #000000;
            text-decoration: underline;
        }



		
		.FooterMetaData{
            float: left;
            font-family: yekan , Helvetica ;
			font-size: 12px;
			color: white;
			direction: rtl;
            background: gray;
            margin-top: 5px;
            height: 20px;
            width: 540px;
            padding: 3px 20px 0px 20px;
            text-align: left;
}

        .FooterMetaData a {
            color: #e3e3e3;
            text-decoration: none;
    
}

        .FooterMetaData a:hover {
            color: #bababa;
            text-decoration: underline;
    
}

        .Paginations { 
            direction: rtl;
            font-family: yekan , Helvetica;
            background: #706d6d;   
            text-align: center;
            margin-top: 20px;
            width: 800px;
            padding: 5px 0px 10px 0px;
            font-size: 14px;
            color: white;
}


        .paginationNext { 
            float: right;
            color: white;
            padding-right: 20px;
}
            .paginationNext a {
                color: white;
                text-decoration: none;
                
}

            .paginationNext a:hover {
                color: #bababa;
                
                
}



.paginationPre { 
            float: left;
            color:white;
            padding-left: 20px;
}


            .paginationPre a {
                color: white;
                text-decoration: none;
                
}

            .paginationPre a:hover {
                color: #bababa;
                
                
}


/* Main Pages - SubPages */

.Page {
    width: 1170px;
    font-family: yekan , Helvetica;
    direction: rtl;
        
}

.page h1 {
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 10px 20px 10px 20px;
    height: 30px;
    width: 1130px;
    background: #ff8000;
    font-family: yekan , Helvetica;
    color: white;
    font-size: 24px;
    direction: rtl;
    
}


.PageContents img {
    border: 5px solid white;
    box-shadow: 3px 3px 10px 2px gray;
    margin: 25px auto 25px auto;
}

.PagePersianTitle {
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 7px 20px 2px 20px;
    height: 30px;
    width: 1130px;
    background: #ff8000;
    font-family: yekan , Helvetica;
    color: white;
    font-size: 20px;
    direction: rtl;
    
}

.PagePersianText {
    width: 700px;
    padding: 20px 235px 25px 235px;
    text-align: justify;
    text-align-last: right;
    direction: rtl;
    font-size: 15px;
    line-height: 25px;
    color: #706d6d;
  /*  border-top: 5px solid #706d6d;*/
    background: #d9d9d9;
    margin: 5px auto 0px auto;
    
    
}

.PageEngTitle {
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 8px 20px 1px 20px;
    height: 30px;
    width: 1130px;
    background: #ff8000;
    font-family: yekan , Helvetica;
    color: white;
    font-size: 20px;
    direction: ltr;
    
}

.PageEngText {
    width: 700px;
    padding: 20px 235px 25px 235px;
    text-align: justify;
    text-align-last: left;
    direction: ltr;
    font-size: 15px;
    line-height: 25px;
    color: #5c5c5c;
  /*  border-top: 5px solid #706d6d;*/
    background: #d9d9d9;
    margin: 5px auto 0px auto;
    
    
}





/*Comments Area*/

#comments {
    background: rgba(0,0,255,.25);
    }

#respond {
    background: rgba(255,0,0,.25);
}


#sidebar { 
    direction: rtl;
    width: 293px;
    height: 670px;
	float: left;
    margin-top: 10px;
    background: #ff8000; 
    padding: 10px 0 10px 0;
    border: 3px solid #ff8000;
    border-radius: 10px 10px 10px 10px;
    font-family: yekan , Helvetica;
    color: white;
    font-size: 18px;
    text-align: center;
}

.ProjectMenuText { 
    direction: rtl;
    border-bottom: 2px dotted white;
    width: 273px;
    margin: 0px auto 15px auto;
    padding: 5px 0 15px 0;
    
}

.ProjectMenuText:last-of-type {
    border-bottom: 0px dotted white;
    margin: 0 auto 0px auto;
}

/*search for: text*/
.screen-reader-text { 
    display: none;
    
}

.ProjectMenuText a {
    color: white;
    text-decoration: none;
}

.ProjectMenuText a:hover {
    color: #363636;
    text-decoration: none;
}


#footer { background: #ff8000;
          height: 390px; 
		  width: 100%;
		  margin-top: 40px;
        border-top: 5px solid #706d6d;
    
        
		  }

        .FooterMainFrame {
            width: 1170px;
            height: 390px;
            margin: 0 auto;
            /*background: #a2a9ff;*/
            direction: rtl;
            background: #ff8000
            
    
}
            #FooterFrame{
                width: 255px;
                height: 300px;
               /* background: gray;*/
                float: right;
                font-family: yekan , Helvetica;
                margin: 40px 0px 0px 80px;
    
}
           #FooterFrame:last-of-type {
                float: left;
                margin: 45px -40px 0 0;
                /*background: white;*/
                width: 150px;
                height: 300px;
                border: 2px solid white;
                
                
    
        }

            #FooterFrame:last-of-type img {               
                width: 120px;
                height: 120px;
                margin: 40px 15px 15px auto;          
    
        }
            #FooterFrame:last-of-type a img {               
                width: 50px;
                height: 50px;
                margin: 10px 50px 0px auto;
                
    
        }
            
            #FooterFrame:last-of-type > div {
                width: 128px;
                height: 73px;
                margin: 5px 15px 10px auto;
                
    
        }



            
                #FooterTitle {
                    color: white;
                    width: 215px;
                    margin: 0px 0px 0px 0px;
                    border-bottom: 4px solid #ffffff;
                    /*background: #d46200;*/
                    padding: 5px 20px 10px 20px;
                    font-size: 16px;
    
}

                #FooterText {
                    color: #3c3c3c;
                    width: 215px;
                    margin: 0px 0px 0 0px;
                    border-bottom: 1px dotted #3c3c3c;
                    padding: 5px 20px 10px 20px;
                    font-size: 14px;
                    line-height: 24px;
                    text-align: justify;
                    text-align-last: right;
    
}
                    #FooterFrame a {
                        color: #3c3c3c;
                        text-decoration: none;
    
}
                    #FooterFrame a:hover {
                        color: #ffffff;
                        text-decoration: none;
    
}

                .Symbol1{
                    color: white;
                    position: absolute;
                    font-family: serif;
                    font-size: 110px;
                    margin-right: -28px;
                    margin-top: -30px;
    
}

/*/////////// footer go top scrolling  ///////////////////*/
.crunchify-top:hover {
	color: #fff !important;
	text-decoration: none;
    -webkit-filter: invert(60%); /* Chrome, Safari, Opera */
    filter: invert(60%);
    
}
 
.crunchify-top {
	display: none;
	/*position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;*/
	text-align: center;*/
	cursor: pointer;
}

/*///////////// statics button //////////////*/
.statics:hover {
     -webkit-filter: invert(60%); /* Chrome, Safari, Opera */
    filter: invert(60%);
    
}







#FooterCredits {
    background: #706d6d;
    width: 100%;
    height: 40px;
}

    #FooterCreditsMainFrame {
	background: #706d6d;
        width: 1170px;
        margin: 0 auto;
        direction: rtl;
        font-family: yekan , Helvetica;
        }
    
    
    #CreditsPowerdBy p {
        float: right;
        font-size: 13px;
        margin: 12px 5px 0 0;
        color: #c9c9c9;

        
}
    #CreditsPowerdBy a {
        float: right;
        margin: 12px 5px 0 0;
        font-size: 13px;
        color: #393939;
        text-decoration: none;
        
}

    #CreditsPowerdBy img {
        float: right;
        margin: -7px -5px 0 0;
        font-size: 13px;
}


    #CreditsCopyRight {
        direction: ltr;
        float: left;
         }

    #CreditsCopyRight p {
        font-family: yekan , Helvetica;
        float: left;
        color: white;
        font-size: 13px;
        margin: 15px 0 0 0;
        letter-spacing: 2px;
}



    #CreditsCopyRight h1 {
        font-family: arial;
        float: left;
        color: white;
        font-size: 18px;
        margin: 11px 0 0 0;
}






    .PostPage {
        overflow: hidden;
        direction: rtl;
        width: 835px;
        float: right;
        background: #ffffff;
		margin: 10px 0px 0px 0px;
		border-radius: 10px 0px 0px 10px; 
        border: 3px solid #919191;
        padding: 10px 10px 10px 10px;
		}

        .PostPage h1 {
            color:white;
            font-family: yekan , Helvetica;
            font-size: 20px;
            background: #ff8000;
            padding: 10px 20px 15px 20px;
            direction: rtl;
}
            
        .PostPage p {
            color: dimgray;
            font-family: yekan , Helvetica;
            font-size: 15px;
            background: #e2e2e2;
            padding: 10px 20px 15px 20px;
            line-height: 28px;
            direction: rtl;
            text-align: justify;
            text-align-last: right;
            margin: 10px 0px 0px 0px;
            
}

.PostPage .e {
            color: dimgray;
            font-family: yekan , Helvetica;
            font-size: 15px;
            background: #e2e2e2;
            padding: 10px 20px 15px 20px;
            line-height: 28px;
            direction: ltr;
            text-align: justify;
            text-align-last: left;
            margin: 10px 0px 0px 0px;
            
}


        .PostPage img {
            width: 795px;
            height: auto;
            border: 5px solid white;
            margin: 10px -5px 0px 0px;
    
}

        .PostPage div {
            width: 835px;
    
}

		.PostPage footer {
            float: left;
            font-family: yekan , Helvetica ;
			font-size: 15px;
			color: white;
			direction: rtl;
            background: gray;
            margin: 10px 0px 0px 0px;
            height: 20px;
            width: 795px;
            padding: 10px 20px 8px 20px;
            text-align: left;
}

        .PostPage footer a {
            color: #e3e3e3;
            text-decoration: none;
    
}

        .PostPage footer a:hover {
            color: #bababa;
            text-decoration: underline;
    
}
        
/* Category pages */

.CategoryList {
    direction: rtl;
    float: right;
    width: 815px;
    margin: 10px 0px 0px 0px;
    background: #ffffff;
    border-radius: 10px 0px 0px 10px; 
    border: 3px solid #919191;
    padding: 10px 25px 10px 10px;
}

.CategoryList > p {
    width: 760px;
    color:#6c6c6c;
    font-family: yekan , Helvetica;
    font-size: 15px;
    background: #c7c7c7;
    padding: 5px 20px 8px 20px;
    text-align: center;
    margin: -5px 0px 10px 0;
    
    
    
    
}


#CategoryListTitle{
    width: 760px;
    color:white;
    font-family: yekan , Helvetica;
    font-size: 20px;
    background: #ff8000;
    padding: 10px 20px 15px 20px;
    text-align: center;
    margin-bottom: 10px;
}

/*search Result Page*/

.SearchResult {
    direction: rtl;
    float: right;
    width: 815px;
    margin: 10px 0px 0px 0px;
    background: #ffffff;
    border-radius: 10px 0px 0px 10px; 
    border: 3px solid #919191;
    padding: 10px 25px 10px 10px;
}


#SearchResultTitle {
    width: 760px;
    color:white;
    font-family: yekan , Helvetica;
    font-size: 20px;
    background: #ff8000;
    padding: 10px 20px 15px 20px;
    text-align: center;
    margin-bottom: 20px;
    
}

#SearchNoResult {
    width: 760px;
    color:white;
    font-family: yekan , Helvetica;
    font-size: 20px;
    background: #ff8000;
    padding: 10px 20px 15px 20px;
    text-align: center;
    margin-bottom: 20px;
    float:right;
    direction: rtl;
    line-height: 40px;
    margin-top: 20px;
    
}

#SearchNoResult p {
    font-size: 16px;
   
    
}

/*  search input text field*/
#s {
    font-family: yekan , Helvetica;
    height: 20px;
    color: dimgrey;
    width: 200px;
padding: 0 0 0 0;
font-size: 14px;	
    
}








}
/*Our Project Section Styles*/
    #PageBottom {
        width: 1168px;
        height: 1168px;
	    background: #896363;
        float: right;
        clear: both;
        border: 1px 1px 1px 1px;
        border: 1px solid black;
        display: none;
        margin: 50px 0px 0px 0px;
    
    
}

    #OurProjectsTitle {
                font-family: yekan;
				font-size: 30px;
				color: white;
				width: 1170px;
                height: 47px;
				text-align: center;
                background: #ff8000;
                clear: both;
                margin: 30px 0 0 0;
                /*border-top: 5px solid gray;
                border-bottom: 5px solid gray;*/
                padding: 5px 0 0px 0px;
}



/* Projects Page */

.Projects {
    width: 910px;
    margin: 0px auto 0px auto;
    /*border-bottom: 2px dotted gray;*/
}

.wp-post-image {
    float: right;
    border: 5px solid #ffffff;
    clear: both;
	height: 145px;
	width: 200px;
	overflow: hidden;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    /*margin: 20px -5px 20px 0px;*/
}

.ProjectTitle {
    float: left;
    width: 690px;
    
}

 .ProjectTitle > a {
            float: left;
            width: 650px;
            height: 25px;
            background: #ff8000;
            font-size: 18px;
			font-family: yekan , Helvetica;
            padding-top: 3px;
            padding-bottom: 2px;
            padding-right: 20px;
            padding-left: 20px;
            text-align: right;
            text-decoration: none;
            color: white;
     margin: 25px 0px 0px 0px;
     direction: rtl;
}
            

.ProjectTitle > a:hover {
                text-decoration: underline;
            }

.ProjectContent {
            background: #e2e2e2;
            direction: rtl;
            float: left;
            height: 105px;
            width: 650px;
            overflow: hidden;
            margin-top: 5px;
            font-family: yekan , Helvetica;
			font-size: 15px;
			text-align: justify;  
			-moz-text-align-last: right; /* Code for Firefox */
			text-align-last: right;
            padding: 6px 20px 10px 20px;
            color: gray;
			line-height: 27px;
    
    
}

.ProjectContent a {
            direction: rtl;
            float: left;
            font-family: yekan , Helvetica;
			font-size: 15px;
            color: #484848;
			line-height: 25px;
            text-decoration: none;
    
}

.ProjectContent a:hover {
           
            color: #222222;
            text-decoration: underline;
    
}


.UnderDotted {
    border-bottom: 2px dotted gray;
    width: 910px;
    clear: both;
}

.UnderDotted:last-of-type {
    border: none;
    width: 910px;
    clear: both;
    margin-bottom: 40px;
    
}

.ProjectsSearchArea {
    width: 1170px;
    height: 23px;
    background: #ff8000;
    text-align: center;
    padding: 12px 0 10px 0;
    margin: 5px auto 0 auto;
    
}



/*// machineries//*/

.MachineryPics01 {
    width: 1050px;
    background: red;    
    border: none;
    margin:0 auto;
    box-shadow: none;
    
}

/*// Contact Us//*/
.ContactForm01 {
    background: #9a9a9a;
    direction: rtl;
    text-align: left;
    padding: 20px 100px 20px 100px;
    border-top: 5px solid dimgrey;
    border-bottom: 5px solid dimgrey;
    background-image: url(images/simple-dashed.png); 
    
    
}


.ContactForm01 p {
    font-size: 14px;
}

.ContactForm01 span {
    font-size: 14px;
    direction: rtl;
    text-align: left;
}


.ContactForm01 input {
    font-family: yekan , Helvetica;
    direction: rtl;
    width: 300px;
    text-align: justify;
    text-align-last: right;
    padding: 0 5px 5px 5px;
    margin-top: 20px;
    font-size: 14px;
    background: white;
    margin-left: 330px;
    
}

.ContactSubmitButton input{
    width: 80px;
    height: 30px;
    text-align: center;
    text-align-last: center;
    line-height: 100%;
    margin-left: 330px;
}

.ContactForm01 textarea {
    width: 308px;
    font-family: yekan , Helvetica;
     direction: rtl;
    text-align: justify;
    text-align-last: right;
    margin-top: 20px;
    margin-left: 330px;
}

/*field titles*/
.ContactForm01 div form p {
    
    color: #ffffff;
}


/*  Contact form main feedback message  */
.ContactForm01 div form div {
    background: #ff8000;
    color: white;
    font-family: yekan , Helvetica;
    font-size: 20px;
    border: 2px solid dimgray;
    text-align: center;
    height: 30px;
    padding: 5px 0 0 0;
    
}
/*contact form error messages beside fields*/
.ContactForm01 div form p span span {
    background: #ff8000;
    color: white;
    font-family: yekan , Helvetica;
    font-size: 14px;
    border: none;
    text-align: center;
    direction: rtl;
    width: 300px;
    height: 25px;
    float: right;
    margin-right: 680px;
    margin-top: -35px;
    padding: 5px 0 0 0;
    
    /*clear: both;*/
    
}



}
/* Design color pallete
		
		MainOrange:  #ff8000 / rgb(255, 128, 0)
        MainGray:    #706d6d / rgb(112,109,109)
         
		
*/

