@import url(no-script.css);

*
	{margin: 0;
	padding: 0;}

html
	{min-height: 100%;
	margin-bottom: 1px;
	position: relative;}

body
	{font: 100% "trebuchet ms", "candara bold", tahoma, arial, helvetica, sans-serif;
	color: #333;
	background: white;
	text-align: center;}

#container
	{margin: 5px auto;
	text-align: left;
	width: 970px;}

#header
	{position: relative;
	height: 90px;}

	#header img
		{position: absolute;
		top: 0;
		left: 1px;
		z-index: 100;}

ul#nav
	{font-size: 85%;
	position: absolute;
	right: 0;
	top: 39px;}

	#nav li
		{float: left;
		display: inline;
		position: relative;
		width: 80px;
		height: 38px;
		line-height: 1em;
		padding: 11px 0 1px;
		text-align: center;
		color: white;
		margin: 0 0 0 3px;
		background: #16c1f3 url(/images/ui/nav.png) 0 100% no-repeat;}
	
	#nav li a
		{color: white;
		font-weight: bold;
		text-decoration: none;}
	
	#nav li.current
		{top: 1px;
		height: 39px;
		background: #eff2f5 url(/images/ui/nav-current.png) 0 0 no-repeat;}
	
	#nav li.current a
		{color: #16c1f3;}

#content
	{clear: both;
	float: left;
	display: inline;
	width: 938px;
	border: 1px solid #01bbd6;
	background: #eff2f5 url(/images/ui/background.gif) 0 100% no-repeat;
	padding: 15px;
	font-size: 75%;
	line-height: 1.8em;}

#content p, #content ul, #content ol, #content dl
	{padding: 0.6em 0;}

#content dl
	{padding-bottom: 0;}

#content ul, #content ol
	{padding-left: 30px;}

#content dt
	{font-weight: bold;
	font-size: 120%;
	color: #444;
	line-height: 1em;
	margin-bottom: 5px;}
	
	#content dt em
		{display: block;
		font-size: 90%;
		font-weight: normal;}		

#content dd
	{padding-bottom: 1.5em;}

	#content dd p, #content dd ul
		{padding-top: 0;}

a img
	{border: 0;}

q:before
	{content: "";}

input, textarea, select
	{font: 100% "trebuchet ms", "candara bold", tahoma, arial, helvetica, sans-serif;}
	
h1
	{font-size: 360%;
	font-style: italic;
	font-weight: normal;
	color: #01bbd6;
	padding-top: 12px;
	margin-bottom: 15px;
	text-transform: lowercase;
	letter-spacing: -1px;
	border-bottom: 1px dotted #bc9eca;
	line-height: 0.8em;}

h1 *
	{color: #01bbd6 !important;}

h2
	{font-size: 140%;
	color: #444;}

	#content img.main-splash
		{float: right;
		display: inline;
		margin: 0 0 5px 10px;
		border: 1px solid #bc9eca;}
	
	#content img.standard
		{float: left;
		display: inline;
		margin: 5px 5px 5px 0;
		border: 1px solid #bc9eca;}
	
	#content a
		{font-weight: bold;
		color: #333;}
	
	#content strong
		{color: #111;}
	
	#content *.minimise, #content *.maximise
		{padding: 0 0 0 14px;
		margin-bottom: 10px;
		background-position: 0 2px;
		background-repeat: no-repeat;
		background-color: transparent;
		font-weight: bold;
		line-height: 1em;
		cursor: pointer;}

	#content .minimise
		{background-image: url(/images/ui/minimise.gif);}
	
	#content .maximise
		{background-image: url(/images/ui/maximise.gif);}

	.intro-box
		{background: white;
		color: #555;
		margin: 10px 0 5px;
		padding: 5px 10px;
		width: 600px;
		font-weight: bold;
		font-size: 120%;
		border: 1px solid #bc9eca;}

		#content .intro-box p
			{padding: 0;}

		.intro-box cite
			{display: block;
			font-style: normal;
			font-size: 80%;
			text-align: right;}

	.intro-box q
		{font-style: italic;}

		p.read-more
			{clear: both;}
		
	dl h2
		{font-size: 100%;}
	

#contact-form p
	{clear: both;
	line-height: 1.1em}

#contact-form label
	{float: left;
	width: 200px;
	font-weight: bold;}

#contact-form textarea
	{float: left;
	width: 300px;}

#contact-form .text, #contact-form select
	{width: 200px;}

.submit-form
	{clear: both;}
	
.submit-form input
	{font-weight: bold;
	font-size: 140%;
	color: #01bbd6;}

.google-checkout h2
	{font-size: 120%;
	font-weight: normal;}

.google-checkout select
	{float: left;
	width: 335px;
	display: inline;
	margin: 10px 138px 10px 0;}

#footer
	{clear: both;
	text-align: right;
	font-size: 70%;
	color: #444;
	padding-top: 5px;}

	#footer li
		{display: inline;
		margin-left: 3px;}

		#footer li a
			{color: #555;}
		
		#footer li a:hover
			{color: #333;}