@charset "utf-8";
/* CSS Document */

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #696965;
	font-size: 12pt;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 338px;
}
div.content {
	font-size: 10pt;
	min-height:250px;
	vertical-align:middle;
}
div.text {
	margin: 10px;
}
div.menu {
	width: 338px;
	height:35px;
	padding:0px 0px 0px 0px;
}
div.title {
	background-image:url(images/bar.png)
}
img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a:link { color: #6386A9; }
a:visited { color: #C07578; }
a:hover { color: #6386A9; }
a:active { color: #A4C88F; }

/* FOOTER */
#footer { width: 338px; height: 35px; position: relative; z-index: 9998; }
#footer #menu { margin: 0; padding: 0; }
#footer #menu li { display: inline; }
#footer #menu li a { float: left; height: 0; padding-top: 35px; overflow: hidden; }
#footer #menu li a,
#footer #footerback { background-image: url(images/menu.png); background-repeat: no-repeat; }

/* BUTTONS */
#footer #menu li#about a { background-position: 0 0; width: 60px; }
#footer #menu li#portfolio a { background-position: -60px 0; width: 93px; }
#footer #menu li#shop a { background-position: -153px 0; width: 57px; }
#footer #menu li#contact a { background-position: -210px 0; width: 79px; }
#footer #menu li#blog a { background-position: -289px 0; width: 49px; }

/* OVER STATES */
#footer #menu li#about a:hover { background-position: 0 -35px; width: 60px; }
#footer #menu li#portfolio a:hover { background-position: -60px -35px; width: 93px; }
#footer #menu li#shop a:hover { background-position: -153px -35px; width: 57px; }
#footer #menu li#contact a:hover { background-position: -210px -35px; width: 79px; }
#footer #menu li#blog a:hover { background-position: -289px -35px; width: 49px; }

/* ON STATES */
#footer.about #menu li#about a { background-position: 0 -70px !important; width: 60px; }
#footer.portfolio #menu li#portfolio a { background-position: -60px -70px !important; width: 93px; }
#footer.shop #menu li#shop a { background-position: -153px -70px !important; width: 57px; }
#footer.contact #menu li#contact a { background-position: -210px -70px !important; width: 79px; }
#footer.blog #menu li#blog a { background-position: -289px -70px !important; width: 49px; }