*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
	min-height:			100%;
	_height:			100%;
	margin-bottom:		1px;		/*	force scrollbar in mozilla */
	font-size: 			100.01%;	/* IE hack */ 
}

/*	LAYOUT TAGS	*/

body
{
	_text-align:		"center";	/*center body in IE5.x*/

	font:				normal 70% Verdana, Helvetica, Arial, sans-serif;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				0;

}

div#outer
{
	text-align:			left;
	
	margin:				10px auto;
	
	border:				1px solid #3A347A;		/* dark blue */
	
	width:				750px;
	_width:				"752px";
	
	min-height:			500px;
	_height:			500px;

	background:			url(../img/banner.jpg) top left no-repeat;
	position:			relative;
}


/*	defaults 
these prevent cascading and dodgy sizing, specifically in IE5.x
*/
table, input, select, th, td { font-size: 100.01%; }

/*	STANDARD TAGS */

table
{
	border-collapse:	collapse;
}

a
{
	color:				#3A347A;		/* dark blue */
	font-weight:		bold;
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

hr
{
	height:				2px;
	margin-top : 10px;
	margin-bottom : 10px;
}

/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/
h1
{
	font-weight:		bold;
	font-size:			1.33em;
	margin-bottom:		0.75em;
}

h2
{
	font-weight:		bold;
	font-size:			1.25em;
	margin-bottom:		0.8em;
	
	color:				#3A347A;		/* dark blue */
}

h3
{
	font-weight:		bold;
	font-size:			1.1em;
	margin-bottom:		0.91em;
}

h4
{
	font-weight:		bold;
	font-size:			1.0em;
	margin-bottom:		1.0em;
}

p
{
	font-size:			1.0em;
	margin-bottom:		1.0em;
}

img
{
	border:				none;
}

ul, ol
{
	font-size:			1.0em;
	padding-left:		2.0em;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/
table.formtable
{
	margin:			0 auto;
}

table.formtable th, table.formtable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
}

div.basket
{
	text-align:		center;
}


.nocss
{
	display:		none;
}

/*
	for simulating min-height;
.prop {
float:right;
width:1px;
}height:1px;
overflow:hidden;


*/
.clear 
{
	height:		2em;
	clear:both;
}


/*
	main layout
	
	------------
	| 1        |
	------------
	| 2 | 3    |
	|   |      |
	|   |      |
	------------
	
	1. head
	2. menu
	3. content
	
*/
	
	
div#head
{
	height:				128px;
}

div#menu
{
	position:			absolute;
	top:				160px;
	left:				5px;
	width:				165px;
}

div#menu ul, div#menu li
{
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

div#menu ul a
{
	color:				#000000;
	display:			block;
	min-height:			20px;
	_height:			20px;
	line-height:		20px;
	padding-left:		20px;
	font-weight:		normal;

	background-image:	url(../img/bullet.gif);
	background-position:	0px 0px;
	background-repeat:		no-repeat;
}

div#menu ul a:hover
{
	text-decoration:		none;
	background-position:	-200px 0px;
}
body#home div#menu ul li a#home,
body#products div#menu ul li a#products,
body#packages div#menu ul li a#packages,
body#applications div#menu ul li a#applications,
body#news div#menu ul li a#news,
body#become div#menu ul li a#become,
body#contact div#menu ul li a#contact,
body#terms div#menu ul li a#terms,
body#basket div#menu ul li a#basket
 {
	text-decoration:		none;
	background-position:	-200px 0px;
}

div#foot
{
	background-color:		#2A2357;
	height:					14px;
	_font-size:				1px;
}

/*
	adverts in main menu, seperated so that they can be at the bottom of the HTML and out of the way of screen readers
*/
div#menuads
{
	position:			absolute;
	top:				350px;
	left:				0px;
	width:				170px;
}



div#content
{
	margin-left:		170px;
	padding:			5px;
	width:				570px;
	_width:				"580px";
	
	min-height:			500px;
	_height:			500px;
	_height:			"510px";
}


/*
 break out summary box usually at top of #content
*/
div.box
{
	/*background-color:	#BBCDBA;*/
	background-image:	url(../img/box.gif);
	background-repeat:	no-repeat;
	background-position: 0px 0px;
	
	color:				#45676E;
	
	margin-bottom:		1em;
	
	padding:			3px;
	
	min-height:			134px;
	_height:			134px;
	_height:			"140px";
	/*\*//*/height:		140px;/**/
	
	width:				357px;
	_width:				"363px";
}

div.box div
{
	float:				left;
	height:				120px;
	overflow:			hidden;
	margin-right:		10px;
	_display:			inline;
}

div.box ul
{
	margin-left:		136px;
}

div.box li
{
	margin-bottom:		10px;
}

div.box p
{
	margin-top:			27px;
	margin-left:		143px;
}



/*
	big ads down right hand side of #content
*/

div.sidebar
{
	width:				200px;
	float:				right;
	
	_display:			inline;
	margin-right:		-3px;
	
	border-left:		5px solid white;
	_border-left:		2px solid white;

}



/*
	for floating images within content
*/

div.imgright
{
	float:				right;
	margin-left:		5px;
	margin-bottom:		5px;
	width:				120px;
	clear:				both;
	
	_display:			inline;
	margin-right:		10px;
}




div.imgleft
{
	float:				left;
	margin-right:		5px;
	margin-bottom:		5px;
	width:				120px;
	clear:				both;
}

/* news box */
div#news {
	padding: 10px;
}
div#news-top {
	background-image: url(../img/news-top.jpg);
	padding: 3px 0px 3px 10px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
div#news-content { 
	background-color: #F18931;
	background-image: url(../img/news-content.jpg);
	padding: 5px;
}
div#news-bottom {
	background-image: url(../img/news-bottom.jpg);
	padding: 3px 10px 3px 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}
div#news-bottom a { color: #FFFFFF; }
div#news-bottom a:hover { color: #3A347A; text-decoration: none; }