/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background:url("images/layout/bg.gif") ; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}

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

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 32px; padding: 40px 0 20px 0; color: #800080;}
	h1:first-child {padding-top: 0;}
h2 {font-size: 20px; padding-top: 20px; clear: both; font-style: italic; color: #800080;}

ul {list-style: square;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.noclear {clear: none;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;; clear: both;}
.nomargin {margin: 0 !important;}

.image-left {float: left; margin: 10px 20px 10px 0;}
.image-right {float: right; margin: 0 0 20px 0;}
.image-right.aside {padding: 0 0 0 20px; margin: 0 0 0 20px; border-left: 1px solid #ccc;}

ul.ticklist {list-style: none; margin: 0; padding: 0 0 0 10px;}
ul.ticklist li {padding: 5px 0 5px 25px !important; background: url("images/icons/tick.png") left no-repeat;}
ul.colourlist li {color: #ccc;}
ul.colourlist li span {color: #222;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

ul#image-fader {margin: 0; padding: 0; list-style: none;}

.gallery a img {border: 1px solid #ccc; padding: 1px;}
.gallery a:hover img {border-color: #222;}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}
.pdf {padding-left: 20px; background: url("images/icons/pdf.png") left no-repeat;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/*SnippetMaster Overrides */
.mceContentBody {background-image: none !important; background-color: #fff !important; color: #000 !important;}


/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 960px; text-align: left; position: relative; background:url("images/layout/body-bg.jpg") center top no-repeat}

#container_home {margin: 0px auto; width: 960px; text-align: left; position: relative; }
	
	#header {height: 247px; border-bottom: 3px solid #9f9bcd; position: relative;}
		a#home-link {display: block; position: absolute; top: 0; left: 0; width: 215px; height: 247px;}
		#quote {
	position: absolute;
	right: 10px;
	top: 60px;
	color: #65a62f;
	font-style: italic;
	text-align: right;
	font-size:16px;
}
		#navigation {position: absolute; bottom: 0; left: 0px; margin: 0; padding: 0; list-style: none; width: 960px;}
			#navigation li {list-style: none; float: left; width: 160px; text-align:center}
			#navigation a {display: block; padding: 10px; color: #6f17a7; font-weight: bold; text-decoration: none; height: 40px; font-size:14px}
			#navigation a:hover {color: #000; font-size:14px}
			
			#navigation li.active a {color: #fff; background: #830084; font-size:14px}
	#banner {background: url("images/layout/banner.jpg") top left no-repeat; height: 165px;}
	#content-container {background: url("images/layout/content-bg.gif") top left repeat-y;}
		#content-left {float: left; width: 215px;}
		#content-right {float: right; width: 745px;}
		
		#content-left .padding,
		#content-right .padding {padding: 20px 10px;}
		
		#content-left ul {padding: 0; margin: 0; list-style: none;}
		#content-left li {padding: 10px 0 10px 20px; background: url("images/icons/bullet_arrow_down.png") 0 14px no-repeat; }
		#content-left a {color: #7f33b0; text-decoration: none;}
		#content-left a:hover {color: #4c166e;}
		
	#footerblurb {border-top: 3px solid #9f9bcd; padding: 10px 0; background: #d6d3e8; text-align: center;}
	#footer {text-align: center; font-size: 12px; border-top: 3px solid #9f9bcd; padding: 10px;}
		#footer, #footer a {color:#66C}
	
	#navigation {background: #e6e5e9; /* CSS <3 */ background: rgba(0,0,0,0.1); /* CSS >=3 */}
	
/* PAGE SPEC
---------------------------------------------- */
/* Splash */
#splash {background: #f3f3f3;}
#splash_backgrounds {width: 405px; height: 541px; overflow: hidden; position: absolute !important; top: 150px; left: 50%; margin-left: -252px; z-index: -1; list-style: none;}

#splash #container {position: relative;}
#splash_header {height: 325px; background: url("images/layout/splash_header.png") top left no-repeat;}
#splash_content {text-align: center; margin-top: -150px; padding-top: 100px; font-size: 18px; padding-bottom: 50px;}
#splash_footerblurb {text-align: center;}
#splash #footer {border-top: 0;}

#splash_header, #splash_content, #splash_footerblurb {z-index: 99;}

#splash_content h1 {font-style: normal; font-size: 38px; padding: 0;}
#splash_content h2 {font-size: 24px; font-weight: bold; padding: 20px 0; font-style: normal;}

/* Home */
p.teacher {clear: both;}

/* Images */
#content-right ul,
#content-right p {}
#content-right p img {float: right; margin: 0 0 10px 20px;}
#content-right ul li {padding-bottom: 10px;}

#content-right ul,
#content-right p {margin-right: 210px;}
#content-right p img {margin-right: -210px; float: right;}

/* Contact */
form label {float: left; display: block; width: 160px; line-height: 22px;}
form input[type=text],
textarea {border: 1px solid #9f9f9f; background: url("images/layout/input-bg.gif") top left repeat-x; padding: 3px; margin-bottom: 3px; width: 500px;}
	form input[type=text]:focus,
	textarea:focus {border-color: #222;}
form textarea {font: inherit; height: 100px;}
form input[type=submit] {margin-left: 160px; border: none; width: 508px; background: #7d7d7d; color: #fff; padding: 5px 0;}

/* Tables */
table {width: 100%; border-collapse: collapse; margin: 20px 0;}
table td, table th {padding: 5px; border: 1px solid #ccc; vertical-align: top;}
table th {background: #f6f6f6;}
table th.uberhead {text-align: center; background: #eee;}
/*
table tr:hover td {background: #f2f0f9;}
*/
table tfoot td {text-align: center; font-size: 14px; border: none;}

table.contact-locations td {border: none; width: 50%; text-align: center;}

/* Quotes */
blockquote {margin: 0; padding: 16px 0 16px 40px; background: url("images/layout/quote.png") 0 14px no-repeat;}
blockquote cite {display: block; text-align: right;}

/* Special Font */
@font-face {
	font-family: 'BrushScriptStdMedium';
	src: url('fonts/brushscriptstd-webfont.eot');
	src: local('☺'), url('fonts/brushscriptstd-webfont.woff') format('woff'), url('fonts/brushscriptstd-webfont.ttf') format('truetype'), url('fonts/brushscriptstd-webfont.svg#webfontrK7eWO5H') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1 {font-family: "BrushScriptStdMedium", Arial, Helvetica, sans-serif;}

.prices tr td {border: 1px dotted #e1e9dc; padding: 5px;}
.prices tr:hover td {background::#e1e9dc; border: 1px dotted #e1e9dc;}
.prices th {background: #333; border: 1px dotted #e1e9dc;}