*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
	font-size: 		100.01%; /* IE hack */ 
	height:			100%;
}

/*	LAYOUT TAGS	*/

body
{
	font:			normal 70% Verdana, Helvetica, Arial, sans-serif;
	color:			#000000;
	background-color:	#0c3256;		/* dark blue background */
	border:			0;
		
	min-height:		101%;
}



/*	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:			#0C3256;		/* dark blue text */
	font-weight:		bold;
	text-decoration:	none;
}

a:hover
{
	color:			#F79E2C;		/* orange highlighted text */
}

/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/
h1
{
	text-transform: 	lowercase;
	font-weight:		bold;
	font-size:		1.33em;
	margin-bottom:		0.75em;
}


h2
{
 	text-transform: 	lowercase;
	font-weight:  		bold;
 	font-size:  		2.0em;
 	margin-bottom:  	0.2em;
	color:			#0C3256;		/* dark blue text */
}

div#main h2,
div#main h3
{
	width:			500px;
	height:			32px;
	overflow:		hidden;
}

div#main h2 span,
div#main h3 span
{
	display:		block;
	width:			500px;
	height:			32px;
}

h3
{
	text-transform: 	lowercase;
	font-weight:		normal;
	font-size:		1.66em;
	margin-bottom:		0.1em;
	color:			#F79E2C;		/* orange highlighted text */
}

h4
{
	text-transform: 	lowercase;
	font-weight:		bold;
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

h5
{
	text-transform: 	lowercase;
	font-weight:		bold;
	font-size:		1.0em;
	margin-bottom:		1.0em;
}


h6
{
	font-weight:		bold;
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

p
{
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

b
{
	color:			#555555;	/* dull grey */
}

img
{
	border:			none;
}

ul, ol
{
	font-size:		1.0em;
	/*margin-bottom:	1.0em;*/
	padding-left:		2.0em;
}

ul li, ol li
{
	margin-bottom:  5px;
}

ul
{
	margin-bottom:		1.0em;
}

.nocss
{
	display:	none;
}

/*
	INPUTS / FORMS
*/

select.select
{
	width:				150px;
	border:				1px solid #666;
}

select.select option
{
	margin-right:		1em;
}

input.button
{
	width:				75px;
}

input.text,
textarea
{
	border:				1px solid #666;
	background-color:	#FFFFFF;	/* white */
	height:				1.5em;
}

input.text
{
	width:				150px;
}

textarea
{
	width:				300px;
	height:				100px;
}

textarea.small
{
	width:				150px;
	height:				100px;
}



/*
	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;
}





table.pdf
{
}


table.pdf td
{
	vertical-align: top;
	text-align:	center;
}

table.pdf a
{
	color:			#F79E2C;		/* orange highlighted text */
	font-weight:		normal;
}

table.pdf a img
{
	margin:	10px;
	border:			1px solid #C0D5Df;	/* grey borders */
	padding:		10px;
}

table.pdf a:hover img
{
	border:			1px solid #F79E2C;	/* grey borders */
}



table.personnel
{
}

table.personnel th
{
	width:		80px;
	height:		120px;
	vertical-align: top;
	text-align:	left;
}

table.personnel td
{
	vertical-align: top;
	width:		430px;
	text-align:	left;
}






div.clear
{
	font-size:		0;
	height:			50px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}


foo
{

	
}

/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	background-color:	#FFFFFF;
	text-align:		left;
	margin:			0 auto;
	width:			944px;
	min-height:		100.01%;
	/* position:		relative;	for abs pos'ing the furniture spans */
	
	background-image:	url(../img/back.gif);
}




/*

body >
outer >

|---------------|
|head           |
|---------------|
|menu | main    |
|     |         |
|     |         |
|     |         |
|---------------|

*/


div#head
{
	height:			95px;
	border-bottom:		1px solid #C0D5Df;
	background-image:	url(../img/head-950-100.png);
}


div#foot
{
	background-color:	#FFFFFF;
	clear:			both;
	border-top:		1px solid #C0D5Df;
	font-size:		0.833em;
	padding:		10px;
	color:			#82ABC0;		/* light blue text */
}

div#foot a
{
	font-weight:		normal;
	color:			#82ABC0;		/* light blue text */
}

div#foot a:hover
{
	color:			#F79E2C;		/* orange highlighted text */
}






/*
		MENU
*/


div#menu
{
	width:			202px;
	float:			left;
	/* background-color:	#EEF8FA;		blue menu background */
}

div#menu ul
{
	list-style-type:	none;
	padding:		0;
	margin:			0;
	margin-left:		10px;
}

div#menu ul ul
{
}



div#menu a
{
	display:		block;
	font-size:		1.1em;			/* ~ 12px */
	margin:			5px 0;
}

div#menu ul a
{
	font-weight:		bold;
	color:			#0C3256;		/* dark blue text */
}

div#menu ul ul a
{
	font-weight:		normal;
	color:			#82ABC0;		/* light blue text */
}

/*
	page menu highlighting
*/
body#b_welcome a#m_welcome,
body#b_about a#m_about,
body#b_personnel a#m_personnel,
body#b_news a#m_news,
body#b_newsletter a#m_newsletter,
body#b_insurance a#m_insurance,
body#b_corporate a#m_corporate,
body#b_retail a#m_retail,
body#b_property a#m_property,
body#b_motor a#m_motor,
body#b_chemdry a#m_chemdry,
body#b_commercial a#m_commercial,
body#b_household a#m_household,
body#b_cases a#m_cases,
body#b_willis a#m_willis,
body#b_contact a#m_contact,
body#b_enquiry a#m_enquiry
{
	color:			#F79E2C;		/* orange highlighted text */
}


div#menu a:hover
{
	color:			#DB7D18;		/* darker orange highlighted text */
}






/*
		MAIN / CONTENT
*/





div#main
{
	float:			left;
	padding:		10px 0 10px 10px;	
	width:			722px;	/*fake right hand padding and prevent float-wrap on engines with dodgy px rounding */
	
	min-height:		400px;
	
	/*background-color:	#ff0;  */
	position:		relative;
}

/*

 main >
 
|---------------|
|advert         |
|---------------|
|content        |
|               |
|               |
|    (watermark)|
|---------------|

*/


div.advert
{
	width:			720px;
	height:			80px;
	border:			1px solid #C0D5Df;	/* grey borders */
	margin-bottom:		10px;
}

/*
	main -> content
*/
div#content
{
	/*position:		relative;*/

}



div#watermark
{
	position:		absolute;
	left:			0;
	bottom:			0;
	background-image:	url(../img/watermark.gif);
	width:			660px;
	height:			310px;
	z-index:		-1;
}


div.panel_right
{
	float:			right;
	clear:			right;
	margin:			0 0px 10px 10px;
	border:			1px solid #C0D5Df;	/* grey borders */
	width:			190px;
	background-color:	#82ABC0;		/* lightish blue background */
}

div.panel_right img
{
	display:		block;			/* remove "descender" space */
}

div.panel_right span
{
	display:		block;
	color:			#FFFFFF;
	font-weight:		bold;
	padding:		2px;
}

div.panel_right a
{
	color:			#FFFFFF;
}

div.panel_right a:hover
{
	color:			#e8d0c5;		/ * orange highlighted text * /
}


div.img_right
{
	float:			right;
	margin:			0 0 10px 10px;
}


div.img_left
{
	float:			left;
	margin:			0 10px 10px 0;
}

div.img_right p,
div.img_left p
{
	text-align:		center;
	font-style:		italic;
}

