body{
	font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
}
#tablet{
	visibility: hidden;
	display: none;
}
::-moz-selection, ::selection {
    color: #BF2A29; 
    background: #898C5C;
}
#u557{
	left: 100px;
	top: 600px;
	position: fixed;
	display: block;
	z-index: 100000;
}
#u557 img{
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
a:link{
	color: #898C5C;
	text-decoration: none;
	font-weight: bold;
    -webkit-transition: color ease 0.5s;
    -moz-transition: color ease 0.5s;
    -o-transition: color ease 0.5s;
    transition: color ease 0.5s;
    text-shadow: 1px 1px 1px #0A213E;	
}
a:visited{
	color: #898C5C;
	text-decoration: none;
}
a:hover{
	color: #BF2A29;
	text-decoration: none;
}
a:active{
	color: #898C5C;
	text-decoration: none;
}
a.nontext {
	color: black;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
#pu557{
	width: 60px;
	position: fixed;
	z-index: 10000;
	top: 200px;
	display: block;
	right: 100px;
}
#pu557 a{
	width: 20px;
	height: 16px;
	display: block;
	background: url("../images/bottom.png") center center;
	margin-bottom: 5px;
}
#pu557 a:hover{
	background: url("../images/bottom-hover.png") center center;
}
#pu557 a:active{
	background: url("../images/bottom-active.png") center center;
}
.preload_images {
	position: absolute;
	overflow: hidden;
	height: 1px;
	width: 1px;
}
preload {
	height: 1px;
	width: 1px;
}
#menuu144{
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: fixed;
	height: 44px;
	text-align: center;
	display: inline-block;
}
#menuu144 a{
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	text-align: center;
	width: 117px;
	height: 44px;
	display: inline-block;
	color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 44px;
	font-weight: bold;
}
#menuu144 a:hover{
	background: transparent url("../images/link-hover-firemode.png") no-repeat center center;
	text-align: center;
	width: 117px;
}
#menuu144 a:focus, #menuu144 a:active{
	background: transparent url("../images/link-hover-firemode.png") no-repeat center center;
	text-align: center;
	width: 117px;
}
#menuu94{
	width: 612px;
	margin-top: 20px;
	position: relative;
	text-align: left;
}
#menuu94 a{
	position: relative;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin-left: 1px;
	margin-right: 1px;
	width: 100px;
	height: 29px;
	background: #C02A2B url("../images/color-theme.png") no-repeat center bottom;
    -webkit-transition: background  ease-out 1s;
    -moz-transition: background  ease-out 1s;
    -o-transition: background  ease-out 1s;
    transition: background  ease-out 1s;
}
#menuu94 a:hover{	
	background: #898C5C url("../images/color-theme.png") no-repeat center bottom;
}
#menuu94 a:active{
	background: #EF4739 url("../images/color-theme.png") no-repeat center bottom;	
}
#u88{
	vertical-align: top;
	position: relative;
	background: url("../images/u88.png") no-repeat 2px 2px;
}
#u88:hover{
	background: url("../images/u88-r.png") no-repeat 0px 0px;
}
#u656{
	vertical-align: top;
	position: relative;
	background: url("../images/u656.png") no-repeat 1px 1px;
}
#u656:hover{
	background: url("../images/u656-r.png") no-repeat 0px 0px;
}
#u662{
	vertical-align: top;
	position: relative;
	background: url("../images/u662.png") no-repeat 1px 1px;
}
#u662:hover{
	background: url("../images/u662-r.png") no-repeat 0px 0px;
}
#u667{
	vertical-align: top;
	position: relative;
	background: url("../images/u667.png") no-repeat 1px 1px;
}
#u667:hover{
	background: url("../images/u667-r.png") no-repeat 0px 0px;
}
#u672{
	vertical-align: top;
	position: relative;
	background: url("../images/u672.png") no-repeat 1px 1px;
}
#u672:hover{
	background: url("../images/u672-r.png") no-repeat 0px 0px;
}
#page{
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
#menuu144{
	z-index: 202;
	width: 659px;
	top: 13px;
	left: 50%;
	margin-left: -312px;
}
#u138{
	z-index: 200;
	width: 150px;
	top: 7px;
	float: right;
	display: block;
    transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-ms-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;	
    transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
#u138:hover{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
}
body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 4600px;
	background: #F1C576;
}
#page{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#page_position_content{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#menu{
	z-index: 100000;
	top: 0;
	height: 65px;
	background: #BF2A29;
	width: 100%;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: fixed;
	border-bottom: 8px #EF4739 solid;
}
#menuu144 a{
	display: inline-block;
}
#U572_animation, #U293_animation, #U312_animation, #U317_animation, #U318_animation{
	height: 550px;
	z-index: 2;
	margin-top: 73px;
	width: 100%;
}
#welcome, #webdesign, #seo, #maintatin, #contact{
	top: 0px;
	position: relative;
	left: 0;
	width: 0px;
}
.anchor_item {
	width: 22px;
	height: 18px;
	float: left;
}
#u277{
	width: 100%;
	height: 900px;
	display: block;
	position: absolute;
	top: 0px;
	clear: both;
	background: #898C5C url("../images/bg.png") repeat left center;
}
#u291{
	width: 100%;
	height: 900px;
	display: block;
	position: absolute;
	top: 900px;
	clear: both;
	background: #BF2A29 url("../images/bg.png") repeat left center;
}
#u310{
	width: 100%;
	height: 900px;
	display: block;
	position: absolute;
	top: 1800px;
	clear: both;
	background: #074957 url("../images/bg.png") repeat left center;
}
#u315{
	width: 100%;
	height: 900px;
	display: block;
	position: absolute;
	top: 2700px;
	clear: both;
	background: #898C5C url("../images/bg.png") repeat left center;
}
#u482{
	width: 100%;
	height: 900px;
	display: block;
	position: absolute;
	top: 3600px;
	clear: both;
	background: #0A213E url("../images/bg.png") repeat left center;
}
#footer{
	width: 100%;
	display: block;
	position: absolute;
	border-top: 1px solid #898C5C;
	clear: both;
	top: 4500px;
	height: 180px;
	color: #898C5C;
	background: -webkit-gradient(linear, center top, center bottom, from(#0A213E),color-stop(100%, #074957));
	background: -webkit-linear-gradient(top,#0A213E ,#074957 100%);
	background: linear-gradient(to bottom,#0A213E ,#074957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0A213E, endColorstr=#FF074957, GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0A213E', endColorstr='#FF074957', GradientType=0)";
}
iframe{
	border: none;
}
@media screen and (max-width: 1224px){
	#pu557{
		display: none;
		visibility: hidden;
	}
	#page_position_content{
		width: 900px;
	}
	#u557{
		left: 5px;
	}
	#menuu144{
	float: left;
	display: inline-block;
	text-align: left;
}
}
@media screen and (max-width: 1000px){

	#page_position_content{
		width: 700px;
	}
#menuu144{
	float: left;
	display: inline-block;
	font-size: 12px;
	text-align: left;
}
#menuu144 a, #menuu144 a:hover, #menuu144 a:active{
	width: 90px;
	background: none;
}
#menuu144 a:hover{
	color: #0A213E;
}
#menu{
	text-align: left;
}
}
@media screen and (max-width: 700px){
	body{
		height: auto;
	}
	#page{
		visibility: hidden;
		display: none;
	}
	#tablet{
		z-index: 10000000;
		width: 100%;
		display: block;
		top: 0px;
		visibility: visible;
		color: #0A213E;
	}
	#tabstart{
		height: auto;
		width: 100%;
		background: #898C5C url("../assets/images/mohamad-firemode.png") no-repeat left bottom;
		display: block;
	}
	#tablogo{
		width: 100%;
		height: 60px;
		top: 0;
		background: #BF2A29 url("../images/logo-firemode-webdesign.png") center center no-repeat;
		border-bottom: 8px solid #EF4739;
	}
	#tabwebdesign{
		height: auto;
		width: 100%;
		background: #F1C576 url("../assets/images/hamed-firemode.png") no-repeat left bottom;
		display: block;
	}
	#tabseo{
		height: auto;
		width: 100%;
		background: #EF4739 url("../assets/images/mehdi-firemode.png") no-repeat left bottom;
		display: block;
	}
	#tabmain{
		height: auto;
		width: 100%;
		background: #BF2A29 url("../assets/images/pegah-firemode.png") no-repeat left bottom;
		display: block;
	}
	#tabcontact{
		height: auto;
		width: 100%;
		background: #074957 url("../assets/images/mehdi-contact-us-firemode.png") no-repeat left bottom;
		display: block;
	}
	#tabfoot{
		height: auto;
		width: 100%;
		background: #0A213E;
		display: block;
	}
#tabcon h1{
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
	#tabcon{
		padding: 20px 20px 20px 20px;
		text-align: justify;
		direction: rtl;
		font-size: 20px;
		background: url("../images/color-theme.png") bottom right no-repeat;
		line-height: 30px;
	}
	#tabconfoot{
		padding: 20px 20px 20px 20px;
		text-align: justify;
		direction: rtl;
		font-size: 20px;
		color: #898C5C;
		text-align: center;
		line-height: 30px;
	}

}