#head  {
	height:76px;
	width:100%;
	background-color:#8fb8c8;
	background-image:url(http://www.styles.ir/head/head-bg.png);
}



#head .content {
	max-width: 80em;
	margin:0 auto 0 auto;
	height:76px;
	width:1000px;
}



#head .content #logo{
	height:66px;
	float:right;
	margin-top:0px;
}



#head .content #snav{
	width:487px;
	height:36px;
	margin-top:16px;
	float:left;
}

div#navigation{
	height:36px;
}

ul#main_nav {
	width: 487px;
	height: 36px;
	margin: 0 auto;
}

ul#main_nav li {
	display: inline;
}

ul#main_nav li a {
	height: 36px;
	float: right;
	text-indent: -10000px;
	text-decoration:none;
	outline:none;
}

ul#main_nav li#home a {
	width:62px;
	background: url(http://www.styles.ir/head/nav.png) no-repeat -425px 0;
}

ul#main_nav li#home a:hover {
	background-position:-425px -36px;
}

ul#main_nav li#home a:active {
	background-position:-425px -72px;
}

ul#main_nav li#development a {
	width:72px;
	background: url(http://www.styles.ir/head/nav.png) no-repeat -353px 0;
}

ul#main_nav li#development a:hover {
	background-position:-353px -36px;
}

ul#main_nav li#development a:active {
	background-position:-353px -72px;
}

ul#main_nav li#blogs a {
	width:85px;
	background: url(http://www.styles.ir/head/nav.png) no-repeat -268px 0;
}

ul#main_nav li#blogs a:hover {
	background-position:-268px -36px;
}

ul#main_nav li#blogs a:active {
	background-position:-268px -72px;
}

ul#main_nav li#ux a {
	width:124px;
	background: url(http://www.styles.ir/head/nav.png) no-repeat -144px 0;
}

ul#main_nav li#ux a:hover {
	background-position:-144px -36px;
}

ul#main_nav li#ux a:active {
	background-position:-144px -72px;
}

ul#main_nav li#feed a {
	width:144px;
	background: url(http://www.styles.ir/head/nav.png) no-repeat 0 0;
}

ul#main_nav li#feed a:hover {
	background-position:0 -36px;
}

ul#main_nav li#feed a:active {
	background-position:0 -72px;
}