/* ----------------------------------------------------------------------------- */
/* ---- Digicution CSS File - Created By Dan Perkins - dan@digicution.co.uk ---- */
/* ----------------------------------------------------------------------------- */
/* --   ____                                    __                            -- */
/* --  /\  _`\   __          __                /\ \__  __                     -- */
/* --  \ \ \/\ \/\_\     __ /\_\    ___  __  __\ \ ,_\/\_\    ___    ___      -- */
/* --   \ \ \ \ \/\ \  /'_ `\/\ \  /'___\\ \/\ \\ \ \/\/\ \  / __`\/' _ `\    -- */
/* --    \ \ \_\ \ \ \/\ \L\ \ \ \/\ \__/ \ \_\ \\ \ \_\ \ \/\ \L\ \\ \/\ \   -- */
/* --     \ \____/\ \_\ \____ \ \_\ \____\ \____/ \ \__\\ \_\ \____/ \_\ \_\  -- */
/* --      \/___/  \/_/\/___L\ \/_/\/____/\/___/   \/__/ \/_/\/___/ \/_/\/_/  -- */
/* --                    /\____/                                              -- */
/* --                    \_/__/                                               -- */
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */

#Signpost {
	width:223px;
	height:494px;
	float:right;
	background:url("../images/Digicution-Signpost.png") no-repeat bottom center;
	margin:0px;
	padding:0px;
}

ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

* html a:hover { visibility:visible }



/* Home Button */

#home {
	position:relative;
	width:223px;
	height:37px;
	margin:0px;
	margin-top:41px;	
	text-decoration:none;
	padding:0px;
	cursor: hand;
	cursor: pointer;
	display:block;
	white-space:nowrap;
	background: url("../images/Menu-Home.png") top center no-repeat;
}

#home a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:223px;
	height:37px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

#home img {
	width:223px;
	height:37px;
	border:0;
}

#home img { visibility:hidden }
#home.active img {visibility:hidden }

#home.active {
	background: url("../images/Menu-Home-Over.png") top center no-repeat;
}

#home:hover {
	background: url("../images/Menu-Home-Over.png") top center no-repeat;
}

/* Home Button */



/* About Button */

#about {
	position:relative;
	width:223px;
	height:36px;
	margin:0px;
	margin-top:15px;	
	text-decoration:none;
	padding:0px;
	cursor: hand;
	cursor: pointer;
	display:block;
	white-space:nowrap;
	background: url("../images/Menu-About.png") top center no-repeat;
}

#about a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:223px;
	height:36px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

#about img {
	width:223px;
	height:36px;
	border:0;
}

#about a:hover img { visibility:hidden }
#about.active img {visibility:hidden }

#about.active {
	background: url("../images/Menu-About-Over.png") top center no-repeat;
}

#about:hover {
	background: url("../images/Menu-About-Over.png") top center no-repeat;
}

/* About Button */



/* Folio Button */

#folio {
	position:relative;
	width:223px;
	height:40px;
	margin:0px;
	margin-top:14px;	
	text-decoration:none;
	padding:0px;
	cursor: hand;
	cursor: pointer;
	display:block;
	white-space:nowrap;
	background: url("../images/Menu-Folio.png") top center no-repeat;
}

#folio a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:223px;
	height:40px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

#folio img {
	width:223px;
	height:40px;
	border:0;
}

#folio a:hover img { visibility:hidden }
#folio.active img {visibility:hidden }

#folio.active {
	background: url("../images/Menu-Folio-Over.png") top center no-repeat;
}

#folio:hover {
	background: url("../images/Menu-Folio-Over.png") top center no-repeat;
}

/* Folio Button */



/* Contact Button */

#contact {
	position:relative;
	width:223px;
	height:40px;
	margin:0px;
	margin-top:16px;	
	text-decoration:none;
	padding:0px;
	cursor: hand;
	cursor: pointer;
	display:block;
	white-space:nowrap;
	background: url("../images/Menu-Contact.png") top center no-repeat;
}

#contact a {
	display: block;
	color: #000000;
	font-size: 11px;
	width:223px;
	height:40px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

#contact img {
	width:223px;
	height:40px;
	border:0;
}

#contact a:hover img { visibility:hidden }
#contact.active img {visibility:hidden }

#contact.active {
	background: url("../images/Menu-Contact-Over.png") top center no-repeat;
}

#contact:hover {
	background: url("../images/Menu-Contact-Over.png") top center no-repeat;
}

/* Contact Button */

/* ----------------------------------------------------------------------------- */
/* ---- Digicution CSS File - Created By Dan Perkins - dan@digicution.co.uk ---- */
/* ----------------------------------------------------------------------------- */