@charset "utf-8";
/* Navigation Rollover Effects */
#hoodsonas_nav {
	width:775px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	vertical-align:bottom;
}
#title_banner {
	display:relative;
	width:775px;
	margin-left:auto;
	margin-right:auto;
}
#banner_logo { width:auto; display:inline; }
#banner_logo img {width:200px; height:200px;}
#banner_text { width:auto; display:inline;  }
#banner_text img {width:575px; height:150px; vertical-align:central;}
#nav_logo a { border:none; }
#nav_menu {
	width:540px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	margin-bottom:100px;
}
#nav_menu li {
	list-style:none;
	position:absolute;
}
#nav_menu li, #nav_menu a {
	height:60px;
	width:135px;
	display:block;
}
/* Navigation Buttons */
#nav_works {
	left:0px;
	background:url(../images/webpages/nav_works.png) 0 0;
}
#nav_works:hover,  #nav_works:active {
	background:url(../images/webpages/nav_works.png) 0 -60px;
}
#nav_order {
	left:135px;
	background:url(../images/webpages/nav_order.png) -135px 0;
}
#nav_order:hover, #nav_order:active {
	background:url(../images/webpages/nav_order.png) -135px -60px;
}
#nav_contact {
	left:270px;
	background:url(../images/webpages/nav_contact.png) -270px 0;
}
#nav_contact:hover, #nav_contact:active {
	background:url(../images/webpages/nav_contact.png) -270px -60px;
}
#nav_back {
	left:405px;
	background:url(../images/webpages/nav_back.png) -405px 0;
}
#nav_back:hover, #nav_back:active {
	background:url(../images/webpages/nav_back.png) -405px -60px;
}
@media screen and (max-width:500px) {
	#hoodsonas_nav { width:350px; }
	#title_banner { width:350px; }
	#banner_logo img { width:auto; }
	#banner_text img { width:350px; height:91px; }
	#banner_text { width:350px; }
	#nav_menu { width:auto; margin-bottom:10px; }
	#nav_menu li { position:relative; }
	#nav_works, #nav_order, #nav_contact, #nav_back { left:60px; }
}