/*	web.css	Style sheet for 'Web solutions' section
	Begun 09/01/05; major revision begun 27/01/09
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		0.8em;
}

.central	{
	text-align:	center
}

.column	{
	width:	350px
}

.expo	{
	margin-left:	280px
}

.focus-group	{
	margin-left:	235px
}

.inset	{
	float: left
}

.light	{
	font-weight:	normal
}

.new-row	{
	clear:	both
}

.surprise	{
	font-size:		xx-large;
	line-height:	normal
}

/*	divisions	*/

div#badge	{
	width:			205px;
	height:			210px;
	margin-right:	20px;
	float:			right
}

#badge h3	{
	padding-top:	40px
}

#badge p	{
	padding:		5px 28px 0;
	line-height:	150%
}

div#best-link	{
	width:		205px;
	margin-top:	178px;
	float:		right
}

div#body-copy	{
	margin-top:		8px;
	border-top:		2px solid;
	padding-top:	10px;
	line-height:	133%
}

div.column li	{
	padding-bottom:	4px
}

.column p	{
	padding-bottom:	8px
}

div.core	{
	margin-left:	375px
}

.core h2	{
	margin-bottom:	3px
}

.core ol li	{
	padding-bottom:	6px;
	font-weight:	bold
}

.core ol li p	{
	padding-bottom:	6px;
	font-weight:	normal
}

div.divider	{
	margin-top:		15px;
	border-top:		2px dashed;
	padding-top:	10px
}

div#flag	{
	padding:	8px 0 4px
}

#flag p#section	{
	float:	left
}

#flag p#tag	{
	font-style:	italic;
	text-align:	right
}

div#footer	{
	margin-top:	90px
}

div.instance	{
	position:	relative;
	top:		16px	/* to match p.step */
}

div.intro	{
	width:	205px
}

.intro p	{
	text-align:	right
}

div.lister p	{
	width:			455px;
	padding-bottom:	7px;
	line-height:	133%
}

div#main	{
/*	background:	url( ../media/layout_grid.gif );	*/
	width:		960px;
	margin:		auto;
	padding:	0 5px 9px
}

div#menu p	{
	padding-bottom:	5px
}

div#navbar	{
	clear:			both;
	border-top:		1px solid;
	border-bottom:	1px solid;
	margin-bottom:	15px
}

#navbar p	{
	padding:	4px 0
}

div.offer	{
	margin-top:		6px;
	margin-bottom:	18px
}

div.one	{
	margin-left:	95px;
	float:			left
}

div.two	{
	margin-left:	610px
}

div#section-title	{
	position:		relative;
	top:			-90px
}

div#setting	{
	padding-top:	18px
}

#setting p	{
	padding-bottom:	15px
}

div#supplement	{
	padding-top:	40px
}

#supplement p	{
	padding:	2px 0 6px;
	font-style:	italic
}

#supplement p.first	{
	padding-top:	0
}

#supplement p.last	{
	padding-bottom:	24px
}

/*	images	*/

img	{
	border:	0
}

img.lead-in	{
	margin-right:	5px
}

img.personal	{
	border-top:		1px solid;
	border-bottom:	1px solid
}

img.photo	{
	padding:	1px;
	border:		1px solid
}

img.sample	{
	border:	1px solid;
	margin:	10px 39px
}

img#tsquare	{
	margin:	105px 0 0 160px
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

div#menu a:hover, div#navbar a:hover	{
	text-decoration:	none
}

form.expo input	{
	margin-bottom:	5px
}

form.expo textarea	{
	margin-bottom:	10px
}

h1	{
	font-size:	200%
}

h1#pagehead	{
	padding-top:	23px
}

#section-title h1	{
	font-size:	305%
}

h2	{
	font-size:		125%
}

h2.subhead	{
	font-size:		150%;
	border-bottom:	1px solid;
	margin:			30px 0 13px 235px
}

h3, h4	{
	font-size:	100%
}

div.intro h3	{
	font-size:	120%;
	text-align:	right
}

h4#sub-title	{
	font-size:		125%;
	padding-top:	5px;
	margin-bottom:	48px
}

#supplement h4	{
	padding-top:	5px
}

li.expo	{
	margin-right:	270px;	/* 'width' buggy in IE */
	line-height:	150%
}

ol	{
	padding-left:	20px
}

p.caption	{
	font-size:	90%;
	font-style:	italic
}

p#contacts	{
	font-size:	75%;
	padding:	3px 0 7px
}

p.expo	{
	padding-bottom:	10px
}

p#links	{
	padding-bottom:	5px
}

p.step	{
	margin-top:	16px
}

p#fifth	{
	padding-top:	3px
}

p#tagline	{
	font-size:		90%;
	font-style:		italic;
	text-align:		right;
	padding-top:	3px
}

span.option	{
	padding:	0 12px 0 8px
}

/*	colours	*/

.highlight1	{
	background-color:	#ffc
}

.highlight2	{
	background-color:	#d7fcb0
}

a:link	{
	background-color:	inherit;
	color:				blue
}

div#menu a:link, div#navbar a:link	{
	background-color:	inherit;
	color:				black
}

a:visited	{
	background-color:	inherit;
	color:				navy
}

a:hover, div#menu a:hover, div#navbar a:hover	{
	background-color:	inherit;
	color:				#c6c	/* colour of icons: a lilac */
}

a:active	{
	background-color:	inherit;
	color:				red
}

div#badge	{
	background:	url( ../media/lilac-badge.png ) no-repeat;
	color:		#ffc	/* a pale yellow */
}

div#body-copy, div.divider, img.personal	{
	border-color:	#f0c051	/* from purple to yellow gradient: a dark gold */
}

div#main	{
	background-color:	white;
	color:				black
}

h4, div.core ol li	{
	background-color:	inherit;
	color:				#666
}

div#supplement h4, div#supplement p	{
	background-color:	inherit;
	color:				#333
}

ol li p	{
	background-color:	inherit;
	color:				black
}

img.photo	{
	border-color:	#c6c
}

p.formal	{
	background-color:	inherit;
	color:				#4c7530	/* a darker shade of icon's green */
}

/*	EOF	*/