/*
Title:      	Tudor Rose Screen Media Stylesheet
Author:     	Sam Rayner - http://samrayner.com
Updated:    	June 08
*/


/* Global
================================================== */

* 	{ 
	margin: 0;
	padding: 0;
	}

body { 
	font: 75% helvetica, arial, sans-serif;
	background-color: #f4efd7;
	border-top: 2em solid #d3ceaa;
	color: #444;
	}

h1, h2, h3, dt, #nav { 
	font-family: "Calisto MT", "Times New Roman", times, serif;
	font-weight: normal;
	color: #000;
	}
	
h3 	{
	font-size: 1.5em;
	line-height: 1;
	margin-top: 2em;
	}
	
p 	{ margin: 1.5em 0; }

p, li, dd { 
	font-size: 1.2em;
	line-height: 1.5;
	}

abbr, acronym { 
	cursor: help;
	border-bottom: 1px dotted #579;
	}

ul	{ 
	list-style: disc;
	margin-top: 1.5em;
	}

li 	{ line-height: 1.8; }

a 	{ color: #801; }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: none; }


/* Header
================================================== */
	
#header { 
	height: 16.2em;
	border-top: 1em solid #e0ddc3;
	border-bottom: 1em solid #fbf7e4;
	background-color: #fff;
	}

h1 	{ 
	position: absolute;
	left: 50%;
	width: 10em;
	margin: 1.3em 0 0 -13em;
	padding: 0 0 1.5em 4.8em;
	font-size: 2.8em;
	letter-spacing: 0.05em;
	line-height: 1.1;
	color: #801;
	background: #fff url(../images/logo.gif) no-repeat 0.65em 0;
	}
	
h1:first-line { color: #000; }
	
h2 	{
	position: relative;
	z-index: 5;
	left: 50%;
	width: 20em;
	margin: -1.7em 0 0 -16.4em;
	font-style: italic;
	font-size: 1.4em;
	line-height: 1;
	color: #888;
	background: url(../images/car.gif) no-repeat 99% 100%;
	padding: 9.6em 20em 4em 0;
	}


/* Centre block
================================================== */
	
#content { 
	width: 72.5em;
	margin: 0 auto;
	}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Navigation
-------------------------------------------------- */

#nav { 
	margin-top: -1em;
	background-color: #d2cdbc;
	margin-bottom: 1em;
	height: 4em;
	border-top: 1em solid #e8e5db;
	position: relative;
	list-style: none;
	}

#nav li { margin-right: -0.3em; }

#nav a, 
#nav strong {
	display: block;
	height: 100%;
	position: absolute;
	top: -0.76em;
	z-index: 20;
	line-height: 3em;
	font-size: 1.1em; 
	letter-spacing: 0.1em;
	text-align: center;
	}
	
#nav strong { 
	font-weight: normal;
	background-color: #30251f;
	border-top: 0.8em solid #3b312b;
	color: #fff;
	}
	
#nav a { 
	text-decoration: none;
	background-color: #423831;
	border-top: 0.8em solid #5b524c;
	color: #e7e8d1;
	}

#nav a:hover, 
#nav a:focus { 
	background-color: #6b6258;
	border-color: #8b847d;
	color: #d9dac9;
	}
	
#nav .welcome * { width: 7.5em; }
#nav .lessons * { width: 12.5em; left: 7.5em; }


/* Content blocks
-------------------------------------------------- */

.intro { 
	float: left;
	width: 36.7em;
	margin-bottom: 1.5em;
	}

.contact { 
	float: right;
	width: 26em;
	background-color: #fff;
	padding: 0.5em 3.3em 0;
	margin-top: 2em;
	}
	
.contact dt { display: none; }

.contact dd { 
	font: 3em "Calisto MT", "Times New Roman", times, serif;
	letter-spacing: 0.08em;
	margin: 0 -1.1em;
	padding-left: 2em;
	line-height: 2;
	text-align: center;
	}

.contact .tel { 
	background: #e0ddc3 url(../images/tel.gif) no-repeat 1.1em 50%;
	color: #444;
	margin-top: 1em;
	}

.contact .mob { 
	background: #d3ceaa url(../images/mob.gif) no-repeat 1.25em 50%;
	color: #000;
	}
	
.philosophy {
	float: left;
	width: 30em;
	}
	
.areas {
	float: right;
	width: 39.2em;
	margin: -7em 0 1em;
	}

.areas object,
.areas iframe {
	height: 360px;
	width: 470px;
	}


/* Footer
================================================== */

#footer	{ 
	clear: both;
	border-top: 1em solid #fbf7e4;
	padding-top: 1em;
	height: 13em;
	background-color: #fff;
	}

.siteinfo {
	position: absolute;
	left: 50%;
	margin-left: -36.2em;
	list-style: none;
	color: #888;
	}

.siteinfo li { margin-bottom: 1em; }

.copyright { color: #444; }


/* Badges
-------------------------------------------------- */

.badges { 
	position: absolute;
	right: 50%;
	margin-right: -36.2em;
	list-style: none;
	}

.badges li { 
	float: right;
	margin-left: 1.7em;
	}

.register a,
.passplus a,
.dsa a 	{
	display: block;
	height: 104px;
	text-indent: -9999px;
	overflow: hidden;
	}

.register a {
	width: 101px;
	background: url(../images/register.gif) no-repeat 50%;
	}

.passplus a {
	width: 114px;
	background: url(../images/passplus.gif) no-repeat 50%;
	}
	
.dsa a {
	width: 248px;
	background: url(../images/dsa.gif) no-repeat 50%;
	}


/* Lesson Info
================================================== */

.description { 
	margin: 2.8em 0 1em;
	}

.description img { 
	float: right;
	margin: 3em 4em 3em 6em;
	border: 2px solid #d2cdbc;
	}

#theory, #mocks, 
#passplus, #night, 
#motorway, #refresher {
	width: 22em;
	float: left;
	margin-top: -2em;
	}

#night {
	clear: left;
	margin-bottom: 2em;
	}

#mocks, #motorway { padding: 0 3em; }