/* YUI RESET */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* YUI FONTS */
body {font:13px/1.22 'helvetica neue',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/* Setup Default Styles */
/* Base font size: 12px Line Height: 18px */
body {
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, ul li, ol li, dl dt, th, td {
font-size: 1em; 
line-height: 1.5em;
}
p, ul, ol, dl, fieldset, table {
margin: 0.5em 0 1em 0;
}
ul li {
margin-left: 2em;
list-style: disc outside;
}
ol li {
margin-left: 2em;	
list-style: decimal outside;
}
h1 {
font-size: 2.18em; 
line-height: 0.688em;
margin: .688em 0 .688em 0;
}
h2 {
font-size: 1.64em; 
line-height: 1.83em;
margin: .4575em 0;
}
h1,h2, h3, legend {
color: #aaa;
font-family: "georgia",serif;
letter-spacing: -1px;
}

h2, h3 {
	color: #666;	
}

h3 {
font-size: 1.45em; 
line-height: 1.034em;
margin: 0.517em 0;
clear: both;
}
h4 {
font-size: 1.18em; 
line-height: 1.271em;
margin: 0.6355em 0;
}
pre, code, xmp {
font-size: 0.85em; 
line-height: 1.765em;
}
pre, xmp {
margin-bottom: 1.765em;
}
small, .small,.sidebar {
font-size: 0.909em; 
line-height: 1.65em;
}
strong, th {font-weight:bold;}
em {font-style:italic;}
th,td {padding-right: 0.6em;}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;}
a {	text-decoration: none;}
a:hover {text-decoration: underline;}

fieldset {	
}

legend {
	clear: both;
	display: block;
	width: 8em;
	font-size: 1.45em; 
	line-height: 1.034em;
	padding: .517em 0 1.034em 5.8621em;
/*	text-align: right;*/
/*	float: left;*/
}

form .input {
	width: 20em;
	margin: 0 0.5em 0.5em 0;	
/*	float: left;*/
}

form .input.small {
	width: 10em;
}

form .help {
	margin-left: 8.5em;
}

form .label {
	font-size: 0.909em; 
	line-height: 1.65em;	
	width: 9em;
	margin: 0 0.5em 0.5em 0;
	text-align: right;
	display: block;
	float: left;
	clear: left;
	color: #666;	
}

form br {
	clear: both;
}

form .checkbox {
	margin: 0 0.2em 0.5em 7em;	
	float: left;
}

form .checkboxLabel {
/*	display: block;*/
	margin: 0 0.5em 0.5em 0;	
/*	width: 36em;*/
}

form #quantity, form .quantity {
	text-align: right;
	width: 2em;
}

#container {
	width: 750px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 183px;
	background: #FFF url('/img/logo.gif') no-repeat 10px 40px scroll;
	position: relative;
	padding-bottom: 2.4em;	
}

#masthead {
	position: absolute;
	top: 0;
	right: 0;
	width: 548px;
	height: 183px;
	background-position: top right;
	background-repeat: none;
	background-image: url(/img/masthead.jpg);
}

#content {
	color: #999;
/*	padding: 0 10px;*/
	margin-bottom: 1em;
}

#content p {
	color: #666;
}

#content a:link, #content a:visited {
	text-decoration: underline;
	color: #617CCB;
}

#content a:visited {
	color: #6E6DD2;
}

#content div.column {
	width: 46.5%;
	margin-right: 2em;
	float: left;
}

#content .left {
}

#content .right {
	float: right;
}

#content .imageBox {
	float: right;
	clear: right;
	background: #b8bcdf;
	color: white;
	margin-left: 0.75em;
	margin-bottom: 1.5em;
}

#content .imageBox img {
	display: block;
}

#content .imageBox.left {
	display: block;
	float: none;
	clear: both;
	background: none;	
}

#content #sections {
}

#sections .section h2 {
	clear: both;
}

#content .imageBox.left img {
	float: right;
}

#content .imageBox p {
	font-size: 0.85em; 
	line-height: 1.765em;
	margin-left: 0.5em;	
	margin-right: 0.5em;		
}

#content .imageBox ul {
	font-size: 0.909em; 
	line-height: 1.65em;	
}

#content .imageBox.left {
	color: #666;	
}

#content .bookingMethod {
	width: 20em;
	min-height:6em;
	height:auto !important;
	height:6em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background: #b8bcdf;	
	position: relative;
}

#content .bookingMethod p {
	color: white;	
}

#content .bookingMethod h2 {
	color: white;
	font-size: 2.18em; 
	line-height: 0.688em;
	margin: .344em 0 .688em 0;
}

#content .bookingMethod .confirm {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
}

#nav {
	margin: 0;
	padding: 0 20px 0 0;	
	height: 2.4em;
	width: 730px;
	background-color: #69C07B;
	position: absolute;
	top: 183px;
	left: 0;
	text-align: right;
}

#nav li, #nav a:link, #nav a:hover, #nav a:visited {
	color: #FFF;
}

#nav li {
	margin-left: 0;	
	line-height: 2.4em;
	list-style: none;
	display: inline;
}

#nav li#matClasses, #nav li#studioSessions, #nav li#products {
	font-family: "georgia",serif;
	letter-spacing: -1px;
	font-size: 1.55em; 
	line-height: 1.548em;
	display: block;
	float: left;
	padding: 0 0 0 10px;
	width: 6.6em;
	text-align: left;
	background-image: url(/img/right-arrow.gif);
	background-repeat: no-repeat;
	background-position: 6.2em 0.5em;
}

#nav li#matClasses {
	background-color: #93D3A1;
}

#nav li#products {
	background-color: #bebfc1;
}

#footer {
	clear: both;
	text-align: right;
	margin-top: 1em;
	height: 2em;
	padding: 0 20px;
	background-color: #bbbbbd;
}

#footer li, #footer a:link, #footer a:hover, #footer a:visited {
	color: #333;
}

#footer li {
	list-style: none;
	display: inline;
	
	font-size: 0.818em; 
	line-height: 2.444em;
	margin: 1.834em 0;
}

#content p.notice {
	color: red;
}

#map {
	border: 1px solid silver;
}

#currentConfig {
	position: absolute;
	top: 0;
	left: 0;
	background: red;
	color: white;
	padding: 0.3em;
	line-height: 1.3em;
}