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

	heelwheels.css
	
	Cascading Style Sheet for the Heel Wheels Website pages.
	
	Copyright 2004 Tofftech / Pretentious.

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

/*
	Colours used on the site:
	
	Black : 000000
	
	White : FFFFFF
*/


/*
	The following four deal with links on the site.
*/

a, a:link, a:visited, a:active {
	text-decoration : none;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
}

a:hover {
	text-decoration : underline;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
}

a.navigation, a.navigation:link, a.navigation:visited, a.navigation:active {
	text-decoration : none;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #FF8011;
}

a.navigation:hover {
	text-decoration : underline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #FF4000;
}

a.textonly, a.textonly:link, a.textonly:visited, a.textonly:active {
	text-decoration : none;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #333333;
}

a.textonly:hover {
	text-decoration : underline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #333333;
}

/*
	The following style is for setting the background colour and main font of all the pages.
*/

body {
	background-color : #000000;
}

/*
	The following styles layout the whole site.
*/

.container {
	position : relative;
	text-align : center;
	left : 0px;
	top: 0px;
	width : 750px;
	height : 550px;
}

.top {
	position : absolute;
	left : 0px;
	top : 0px;
	width : 750px;
	height : 160px;
	background-image : url('top.jpg');
	background-repeat : no-repeat;
}

.middle {
	position : absolute;
	left : 0px;
	top : 160px;
	width : 750px;
	height : 350px;
}

.bottom {
	position : absolute;
	left : 0px;
	top : 530px;
	width : 750px;
	height : 40px;
}

.textonly {
	position : relative;
	left : 0px;
	top : 2px;
	width : 772px;
	height : 40px;
	text-align : left;
}

/*
	These layout the top of the site.
*/

.top_logo {
	position : absolute;
	left : 0px;
	top : 0px;
	width : 207px;
	height : 118px;	
}

/*
	These layout the middle of the site.
*/

.middle_text {
	position : absolute;
	left : 50px;
	top : 0px;
	width : 650px;
	height : 350px;	
	overflow : auto;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	text-align : left;
}

/*
	These layout the bottom of the site.
*/

.bottom_text {
	position : absolute;
	left : 50px;
	top : 0px;
	width : 700px;
	height : 40px;	
	overflow : auto;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	text-align : left;
}