/* wallwin.org.uk stylesheet----------------------- */

/* page layout------------------------------------- */

body {
	margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
}

/* ----------- assigned variables active page state ----------- */

body#index a#indexnav,
body#webdesign a#webdesignnav,
body#ECommerce a#ECommercenav,
body#gallery a#gallerynav,
body#sites a#sitesnav,
body#contact a#contactnav

{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none;
}
/* ----------- assigned variables active page state ----------- */

/* Real menu */
li
{
	font-family: Verdana, Arial, Sans-Serif; 
	font-size:small; 
	display: block;
	float: left; width: 100%;
}

/* drop down button position  */
ul
{
	display:none; 
	position:absolute; 
	margin-left:-1px; 
	margin-top:-1px;
	width:150px; 
	padding:1px;
}

li a
{
	color:#000000;
	width:100%;
	background-color: #ffffff;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
	text-indent: 15px;
/*	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;  */
	padding:1px;
	border-top: 0px; 
	border-right: 1px solid #8DB8F9;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;
}

/* over state button and font colour sizes etc */
li a:hover
{
	background-color: #8DB8F9; 
	border-right: 1px solid #8DB8F9;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: normal; 
	font-weight: normal; 
	color: #ffffff; 
	text-decoration: none;
}

/* ----------- role over ----------- */

#topnav A {
	color:#000000;
	width:100%;
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	background: #FFFFFF;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;


}
#topnav A:hover {
	color:#000000;
	width:100%;
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: #F5F2E8;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;

}
#topnav A:active {	
	color:#000000;
	width:100%;
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; line-height: normal; 
	font-weight: normal; 
	color: #0066CC; 
	text-decoration: none;
}

/* WORK AROUND FOR HOME PAGE STYLE */

#homenav A {
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0066CC;
	background: #FFFFFF;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #FFFFFF;
}
#homenav A:hover {
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: #8DB8F9;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #FFFFFF;
}
#homenav A:active {	
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; line-height: normal; 
	font-weight: normal; 
	color: #0066CC; 
	text-decoration: none;
}
/* WORK AROUND FOR HOME PAGE STYLE */
/* WORK AROUND FOR CONTACT PAGE STYLE */

#contactnav A {
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0066CC;
	background: #FFFFFF;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;
	border-right: 1px solid #FFFFFF;
}
#contactnav A:hover {
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: #8DB8F9;
	border-bottom: 1px solid #8DB8F9;
	border-left: 1px solid #8DB8F9;
	border-right: 1px solid #FFFFFF;
}
#contactnav A:active {	
	DISPLAY: block;
	PADDING-TOP: 0.1em;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; line-height: normal; 
	font-weight: normal; 
	color: #0066CC; 
	text-decoration: none;
}
/* WORK AROUND FOR CONTACT PAGE STYLE */

.BodyBlue {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.BodyBlueTitle {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.Body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.BodySmall {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
.BodySmallRed {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-decoration: none;
}
.BodyBold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.RedLink {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-decoration: none;
}
.BlueLinkBold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: underline;
}
.BlueLinkUnderline {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: underline;
}
.RedLinkUnderline {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-decoration: underline;
}