/* Redefine appearance of HTML tags */

* {margin:0; padding:0;}

body	{
		margin: 0;
		padding: 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: black;
		line-height: 250%;
		text-align:center;
		background-image:url(../images/page_bg.gif);
		background-attachment:fixed;
		background-position:top left;
		background-repeat: no-repeat;
		background-color: #EEEEEE;
		}
		
table {font-size: 1em;}
form {margin: 0px; padding: 0px;}

h1 {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #990000;
	}
	
h2 {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

h3 {
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}

/*****************************************************************************/

/* LAYOUT DIVS */

#container {
	width: 760px;
	margin: auto;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color:white;
	background-image:url(http://www.hero-solutions.co.uk/assets/images/container_bg.jpg);
	background-repeat:repeat-y;
	text-align:left;
	position:relative;
	}

* html #banner {
	margin-bottom: -2px;
	height:70px;
	}

#banner {
	margin-bottom: 0px;
	height:70px;
	}

/* IE box model hack - only applies to IE */
* html #content {
	height: 530px;
	\width: 600px;
	w\idth: 530px;
	padding-top: 25px;}

#content {
	width: 530px;
	padding: 20px 40px;
	min-height: 530px;
	}
	
#content p {
	text-align:justify;
	margin-bottom: 2em;
	}

#content ul {
	margin-bottom: 2em;
	margin-left: 10px;
	}
	
#content ul li {
	margin-left: 30px;
	}

#content blockquote {
	margin-bottom:  2em;
	text-align:justify;
	padding: 10px;
	}

#footer {
	border-top: 1px solid #DDDDDD;
	width: 740px;
	height: 80px;
	background-image:url(http://www.hero-solutions.co.uk/assets/images/footer_bg.jpg);
	padding: 10px;
	}
	
#footer p {
	width: 500px;
	text-align:center;
	color:#666666;
	font-size: 90%;
	padding: 0px 40px;}

/* IE box model hack - only applies to IE */
* html #footer {
	\width: 760px;
	w\idth: 740px;
	}


/*****************************************************************************/

/* Menu Formatting */

#menu {
	position:absolute;
	right:0px;
	top: 70px;
	width: 150px;
	font-size:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 100%;
	}

#menu ul {
	list-style: none;
	}

.menuheader {
	padding-left:1px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#menu a {
	display:block;
	border-bottom: 1px solid #DDDDDD;
	height: 10px;
	padding: 7px;
	white-space:nowrap;
	text-decoration:none;
	}

* html #menu a {
	margin-right: -10px;
	padding: 6px;
	}
	
* html #menu ul li ul
	{margin-bottom:-3px;
	margin-top: -3px;}

#menu a:link {
	text-decoration:none;
	color: #666666;
	}
	
#menu a:hover {
	color:#000000;
	background-image: url(http://www.hero-solutions.co.uk/assets/images/menu_roll_bg.jpg);
	background-repeat:repeat-y;
	}
	
#menu a:visited {
	text-decoration:none;
	color: #666666;
	}
	
#callbackform {
	margin-top: 10px;
	padding: 10px;
	color:#666666;
	text-align:center;
	}
	
#callbackform p { 
	line-height:150%;
	margin-bottom: 1em;
	}
	
#callbackform input {
	font-size:0.9em;
	color:#666666;
	}

#printpage {
	position:absolute;
	left:540px;
	}
	
#printpage img {
	border: 0px;
	}

/*************************************************************************/

/* Classes */
.lighter { color:#999999;}
.centred {text-align:center;}
.invisible {
	position:absolute;
	top:0px;
	left: 0px;
	visibility:hidden;
	speak:normal;
	}