/* function */
.clear{clear:both;overflow:hidden;height:1%}
.left{float:left}
.right{float:right}
.center,#content{margin: 0 auto}
.italic{font-style:italic}
.round{-moz-border-radius: 10px;-webkit-border-radius: 10px}
a{color:#fff;font-weight:bold;text-decoration:none}
a:hover{color:#f30}

/*html*/
html {background:#333333 url(/_media/bg.png);}

/*body*/
body{
	color:#fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*content*/
#wrapper,#shiny{width:700px;margin:0 auto}
#wrapper{padding:14px 0}
#shiny{background:transparent url(/_media/bg-shiny.png) no-repeat 50% 0;}

#top{height:61px;background:transparent url(/_media/top-line.png) no-repeat center bottom;}
#top h1{float:left;margin:10px 0 0 20px;}
#top h1 a{
	display:block;
	height:40px;
	width: 80px;
	overflow:hidden;
	text-indent:-9999px;
	background:transparent url(/_media/logo.png) no-repeat top left;
}

#nav {
	margin-top:-7px;
	float:right;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	text-shadow:0 1px 1px #FFFFFF;
}

#nav li{float:left;margin:0 7px}

#nav a,#nav a .hover{
	width:64px;
	height:64px;
	display:block;
	float:left;
	background:url(/_media/btn-nav.png) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#nav a.home{background-position:0 0}
#nav a.home .hover{background-position:-64px 0}
#nav a.contact{background-position:0 -64px}
#nav a.contact .hover{background-position:-64px -64px}
#nav a.about{background-position:0 -128px}
#nav a.about .hover{background-position:-64px -128px}

/*footer*/
.footer{
	font-size:11px;
	padding:7px;
	background:#444;
}