/*	wcb.css	Style sheet for Web pages
	Begun 13/10/06
*/

body	{
	width:			960px;
	margin:			1% auto 48px;
	padding:		0;
	background:		white;
	font-family:	Verdana, Geneva, sans-serif;
	color:			#336		/* a dark blue, in photo */
}

.additional	{
	text-align:	right
}

.central	{
	text-align:	center
}

.new	{
	clear:	both
}

/*	divisions	*/

.expo	{
	margin:	0 4%
}

#footer	{
	clear:		both;
	margin-top:	32px;
	border-top:	1px solid black;
	background:	url( media/medsea.jpg ) no-repeat right
}

.geeky	{
	margin:		2% 2% 2% 15%;
	padding:	16px 16px 4px;
	border:		1px solid #97BAE4
}

div.geeky h5	{
	margin-top: 0;
	padding: 	0
}

div.geeky p	{
	margin-bottom:	4px;
	padding-bottom: 4px
}

.grabber	{
	margin:		5% 10%;
	padding:	16px 32px 8px;
	border:		2px solid red
}

.grabber h3	{
	margin-top:		0;
	padding-top:	0
}

.legal	{
	margin:	5% 10%
}

#logo	{
	margin-bottom:	2%
}

#map	{
	width:	50%;
	margin:	auto
}

div#map td	{
	padding:	0 16px
}

div#map ul li, div#map ol li	{
	font-size:	90%
}

.nutshell	{
	margin: 	2% 30%;
	padding:	0 32px;
	border:		1px solid red
}

#proform	{
	margin:		0 1% 2%;
	padding:	1px 16px 
}

.special	{
	width:			20%;
	padding:		12px;
	border:			1px dashed red;
	margin-left:	24px;
	float:			right
}

div.special h2	{
	background:	url( media/swirlsmlp.gif ) no-repeat center
}

div#starter, form#best-package	{
	background: url( media/wired-globe.jpg ) no-repeat top right
}

div#stareter	{
	margin-top:		0;
	padding-top:	0;
}

.submenu	{
	margin:		12px 0 0 0;
	width:		12%;
	padding:	16px 16px 352px;
	background:	#D1E3F4 url( media/trcorner.gif ) no-repeat top right;
	float:		left
}

.submain	{
	margin:	12px 0 0 0;
	width:	80%;
	float:	right
}

/*	tables	*/

table.common	{
	width:		90%;
	margin:		auto;
	border:		1px solid #336
}

table.common td	{
	padding:	8px 16px
}

table#contacts	{
	width: 			75%;
	margin-right:	auto;
	margin-left:	auto;
	margin-bottom:	2%;
	font-size:		80%
}

#contacts td	{
	padding-bottom:	32px
}

table#inner	{
	width:		100%;
	font-size:	125%
}

table#inner th, table#inner td	{
	padding:	4px 0;
	border:		0
}

table.menu	{
	margin-top:			8px;
	width:				100%;
	font-size:			75%;
	text-align:			center
}

table.menu a:hover	{
	font-weight:	normal
}

table.menu td	{
	background:	 #336 url( media/botright.gif ) no-repeat right
}

table.menu td.here	{
	font-weight:	bold
}

table#packs	{
	margin-top:			40px;
	border-collapse:	collapse;
	clear:				both
}

table#packs th, table#packs td	{
	padding:		12px 24px;
	vertical-align:	top;
	border:			1px solid #97BAE4
}

table#packs ul li, dd ol li	{
	font-size:	100%
}

table.prices	{
	width:	90%;
	margin:	2% auto
}

table.wares	{
	margin:			0 0 24px 0;
	padding-top:	0
}

table.wares th, table.wares td	{
	font-size:	80%;
	padding:	8px
}

table.wares td	{
	vertical-align:	top
}

table#wares1	{
	margin-top:		48px;
	margin-bottom:	48px
}

table#wares1 th, table#wares1 td	{
	border:	1px solid #336
}

table#wares2	{
	margin-top:	24px;
	width:		100%
}

div#starter, form#best-package	{
	background: url( media/wired-globe.jpg ) no-repeat
}

/*	images	*/

img	{
	border:	0
}

img.left	{
	margin-right:	2%;
	float:			left
}

img.plan	{
	margin-right:	5%;
	float:			left
}

img.query, img.tight	{
	margin:		0;
	padding:	0
}

img.right	{
	margin-left:	2%;
	float:			right
}

img.shot	{
	border:	1px solid #e8e8e8	/* WCB grey */
}

img#welcome	{
	margin-bottom:	15px
}

/*	colours	*/

.prominent	{
	background-color:	#FFF5E3
}

a:visited	{
	background-color:	inherit;
	color:				#390
}

a:link, a:hover	{
	background-color:	inherit;
	color:				green
}

div#proform	{
	background-color:	#FFF5E3;	/* from beach in photo */
}

div.special	{
	background-color:	#FFE7E3
}

html	{
	background-color:	#F9FEFE		/* lightened blue from background globe */
}

input#submit	{
	background-color:	green;
	color:				white
}

span.data	{
	background-color:	inherit;
	color:				black
}

span.price	{
	background-color:	inherit;
	color:				red
}

table.menu	{
	background-color:	white;
	color:				#97BAE4	/* blue from photo */
}

table.menu a:visited, table.menu a:link, table.menu a:hover	{
	background-color:	inherit;
	color:				white
}

/*	elements	*/

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

a:hover	{
	font-weight:	bold
}

dd	{
	margin: 1% 0 1% 2%
}

dd, div#map td, ol li, p, span.noscript, table.common td, table#packs td, ul li	{
	background-color:	inherit;
	color:				black;
	font-size:			75%
}

dl	{
	margin-bottom:	2%
}

dl p, dt	{
	font-size:	90%
}

h1	{
	font-size:	110%
}

h1.emphatic	{
	font-size:	150%;
	padding:	12px 0
}

h2	{
	font-size:	100%;
	text-align:	center;
	clear:		both
}

h2.proud	{
	margin:		0;
	padding:	24px 0
}

h2, table#packs th	{
	padding:	6px 0;
	background:	url( media/swirlsml.gif ) no-repeat center
}

h3	{
	font-size:	90%;
}

h4	{
	clear:			both;
	margin-bottom:	0
}

.nutshell p, p.button	{
	text-align:	center
}

p#dater	{
	text-align:		right;
	font-size:		66%;
	line-height:	200%
}

p#ending	{
	margin-bottom:	24px
}

p.final	{
	margin:		0;
	padding:	0
}

p.links	{
	margin:		3% 0;
	padding:	2px;
	border:		1px solid #98BAE4
}

p.opening	{
	margin-bottom:	0
}

p#postpic	{
	clear: both
}

p.unit	{
	display:		inline;
	white-space:	nowrap
}

span.tiny	{
	font-size:	75%
}

ul.features	{
	margin-left:	35%;
	font-size:		110%
}

ul.features li	{
	padding-bottom:	16px
}

ul.features li.prepic	{
	margin-bottom:	0;
	padding-bottom:	0
}

ul#queries	{
	list-style-image:	url( media/checkbox.gif );
	line-height:		120%
}

ul.standard	{
	margin-top:	4px
}

/*	EOF	*/