/*ART PAGE*/

	
/*Container*/
#wrap 	{
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	padding:0;
	}	
	
/*SnöGrafx*/
#sno	{
	position:absolute;
	top:19px;
	left:214px;
	width:272px;
	height:64px;
	padding:0;
	margin:0;
	}
a.sno 	{
	display:block;
	width:272px;
	height:64px;
	margin:0;
	background:url('4fx/snografx.png') 0 0 no-repeat;
	}
a:hover.sno {
	background-position: 0 -64px;
	}
	
/*Web & Graphic Design*/
#wag	{
	position:absolute;
	top:75px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	background:url('4fx/design.png') 0 0 no-repeat;
	}

#web	{
	position:absolute;
	top:0px;
	left:92px;
	width:55px;
	height:36px;
	padding:0;
	margin:0;
	}
a.web 	{
	display:block;
	width:55px;
	height:36px;
	margin:0;
	background:#fff url('4fx/s_web.png') 0 0 no-repeat;
	}
a:hover.web {
	background-position: 0 -36px;
	}	

#gfx	{
	position:absolute;
	top:0px;
	left:170px;
	width:102px;
	height:36px;
	padding:0;
	margin:0;
	}
a.gfx 	{
	display:block;
	width:102px;
	height:36px;
	margin:0;
	background:#fff url('4fx/s_graphic.png') 0 0 no-repeat;
	}
a:hover.gfx {
	background-position: 0 -36px;
	}
	
#wei	{
	position:absolute;
	top:0px;
	left:0px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
a.wei 	{
	display:block;
	width:450px;
	height:36px;
	margin:0;
	background: url('4fx/designweb.png') 0 0 no-repeat;
	}
a:hover.wei {
	background-position: 0 -36px;
	}

#gfi	{
	position:absolute;
	top:0px;
	left:0px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
a.gfi 	{
	display:block;
	width:450px;
	height:36px;
	margin:0;
	background: url('4fx/designgfx.png') 0 0 no-repeat;
	}
a:hover.gfi {
	background-position: 0 -36px;
	}
	
/*Web || Graphic Design*/
#owb	{
	position:absolute;
	top:75px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
a.owb 	{
	display:block;
	width:450px;
	height:36px;
	margin:0;
	background:url('4fx/designweb.png') 0 0 no-repeat;
	}
a:hover.owb {
	background-position: 0 -36px;
	}
#ogf	{
	position:absolute;
	top:75px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
a.ogf 	{
	display:block;
	width:450px;
	height:36px;
	margin:0;
	background:url('4fx/designgfx.png') 0 0 no-repeat;
	}
a:hover.ogf {
	background-position: 0 -36px;
	}
	
/*Artwork*/
#art	{
	position:absolute;
	top:119px;
	left:100px;
	width:500px;
	height:410px;
	padding:0;
	margin:0;
	background:url('4fx/art/hex.png') 0 0 no-repeat;;
	}
#art p	{
	padding:0;
	margin:0;
}	
	
#txt	{
	position:absolute;
	top:27px;
	left:29px;
	width:442px;
	height:335px;
	padding:0;
	margin:0;
	background:none;
	text-align:justify;
	}	
#add	{
	position:absolute;
	top:50px;
	left:100px;
	width:300px;
	height:350px;
	padding:0;
	margin:0;
	background:none;
	text-align:justify;
	}
.ad1	{
	position:absolute;
	left:80px;
	}	
.ad2	{
	position:absolute;
	left:150px;
	}
.ad3	{
	position:absolute;
	left:206px;
	}

/*Page title*/
#ttl	{
	position:absolute;
	top:535px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}

#tth	{
	position:absolute;
	top:535px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
a.tth 	{
	display:block;
	width:450px;
	height:36px;
	margin:0;
	
	}
a:hover.tth {
	background-position: 0 -36px;
	}
#ttx	{
	position:absolute;
	top:535px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	}
/*Database Management*/
#dbm	{
	position:absolute;
	top:535px;
	left:125px;
	width:450px;
	height:36px;
	padding:0;
	margin:0;
	background:url('4fx/db.png') 0 0 no-repeat;
	}

/*Arrows*/
#rwd	{
	position:absolute;
	top:75px;
	left:66px;
	width:34px;
	height:36px;
	padding:0;
	margin:0;
	}
a.rwd 	{
	display:block;
	width:34px;
	height:36px;
	margin:0;
	background:url('4fx/arrowrwd.png') 0 0 no-repeat;
	}
a:hover.rwd {
	background-position: 0 -36px;
	}
#fwd	{
	position:absolute;
	top:75px;
	left:600px;
	width:34px;
	height:36px;
	padding:0;
	margin:0;
	}
a.fwd 	{
	display:block;
	width:34px;
	height:36px;
	margin:0;
	background:url('4fx/arrowfwd.png') 0 0 no-repeat;
	}
a:hover.fwd {
	background-position: 0 -36px;
	}

/*About SnöGrafx*/
#abt	{
	position:absolute;
	top:570px;
	left:185px;
	width:116px;
	height:20px;
	padding:0;
	margin:0;
	}
a.abt 	{
	display:block;
	width:116px;
	height:20px;
	margin:0;
	background:url('4fx/about.png') 0 0 no-repeat;
	}
a:hover.abt {
	background-position: 0 -20px;
	}

/*Copywright/All rights reserved*/
#arr	{
	position:absolute;
	top:570px;
	left:295px;
	width:220px;
	height:20px;
	padding:0;
	margin:0;
	}