body {background: #8eaf8e; overflow-x: hidden; }
html {overflow-x: hidden; }
/* layout */


.mainbody {padding: 0 0 10px 0; margin: 0 auto; width: 800px; background: url(http://www.crownlanestudio.co.uk/images/main_bg.gif) top left repeat-y; margin-bottom: -12px;}
html>body .mainbody {margin-bottom: 0px;}
*:first-child+html .mainbody {margin-bottom: -12px;}

.head, .foot {height: 77px; float: left; position: relative; margin: 0px; width: 800px;}
.head {background: url(http://www.crownlanestudio.co.uk/images/logo.gif) top left no-repeat #fff;}
.foot {height: 30px;}


.maintext ul {margin-bottom: 15px;}


*:first-child+html .nav img#right {float: right; margin-top: -37px;}


li.current_page_item a {border-bottom: 2px solid #9c0; color: #000 !important;}



div.mainimg {float: left; position: relative; margin: -22px 0px 0px 10px; clear: both;}
html>body div.mainimg {margin: -22px 0px 0px 20px;}
.footer img{margin: 0;}

.homepagetitlebox {float: left; position: relative; width: 334px; height: 260px; background: url(http://www.crownlanestudio.co.uk/images/homepageh1bottom.gif) bottom left no-repeat #ffe500; margin: 0px 0px 0px 20px;}
.homepagetitlebox h1 {width: 334px; height: 38px; margin: 0px 0 10px 0; color: #fff; text-align: right; background: url(http://www.crownlanestudio.co.uk/images/homepageh1bg.gif) top left no-repeat; font-size: 1.8em;}
.homepagetitlebox h1 span {padding-right: 10px; margin-top: 5px; float: right; position: relative;}

.maintexthome {float: left; position: relative; padding: 20px 0px 0px 30px; width: 460px; margin-top: 0px; background: url(http://www.crownlanestudio.co.uk/images/main_bg.gif) repeat-y top left;}
html>body .maintexthome {width: 460px;}

.maintextpost, .maintext {float: left; position: relative; padding: 20px 0px 0px 30px; width: 720px; margin-top: 0px; background: url(http://www.crownlanestudio.co.uk/images/main_bg.gif) repeat-y top left;}
html>body .maintextpost, html>body .maintext {width: 720px;}
.maintextpost p img {margin: 5px; float: right; position: relative; clear: both;}

#sidebar {float: right; position: relative; margin: 30px 0px 0px 0px; width: 250px; padding: 0;}
html>body #sidebar {margin: 30px 20px 0px 0px;}

#sidebar ul {
list-style: none;
}


.homepagetitlebox ul {list-style-type: disc;}
.homepagetitlebox ul li {margin: 5px;}
.footer {margin: 0 auto; width: 810px; text-align: center; color: #666666; height: 50px; background: #8eaf8e; font-size: 0.9em;}
.footer a {color: #666; font-weight: bold; text-decoration: none;}

.footer img {border: 0; vertical-align: middle;}


/* utility */
.cl {clear: both; line-height: 0px; height: 0px;}

/* tables */
table#schedule {float: left; position: relative; margin: 10px; width: auto;}
table#schedule caption {display: none; height: 1px;}
table#schedule th, table#schedule td {text-align: left; vertical-align: top;}
table#schedule th#time, table#schedule td.time {width: 10%;}
table#schedule td {border-bottom: 1px solid #eee;}
table#schedule td.time {background-color: #eee;}

table#shoptable {float: left; position: relative; width: 500px;}
table#shoptable caption {display: none; height: 1px;}
table#shoptable th, table#shoptable td {width: 30%; text-align: center;}
table#shoptable td label {width: auto !important; text-align: center !important; float: none !important;}
table#shoptable td input {width: 100% !important;}

table#prices td, table#prices th {vertical-align: middle; text-align: center; border-bottom: 1px solid #ddd; width: 25%;}
table#prices th {font-size: 1.5em; height: 3em; vertical-align: middle; font-weight: normal;}
table#prices td.tdleft, table#prices th.tdleft {text-align: left; width: 25%; background-color: #eee;}
table#prices caption {display: none;}
table#prices td {padding: 5px; margin: 0;}
table#prices {width: 745px; border: 1px solid #000; margin-left: 10px;}
table#prices tr#descriptions {background-color: #eee;}
table#prices td#gold span {color: #f6b30d; font-weight: bold;}
table#prices td#silver span {color: #c0c0c0; font-weight: bold;}
table#prices td#bronze span {color: #aa9876; font-weight: bold;}
sup {font-size: normal; vertical-align: baseline; position: relative; bottom: 0.33em;}

/* Flash Gallery */
.gallerywrap {width: 750px; float: left; position: relative; clear: both; }
#gallery {float: left; position: relative; width: 750px; height: 440px; z-index: 1;}
html>body #hider {float: left; position: relative; width: 200px; height: 30px; background: #999; margin: -40px 0px 0px 520px; z-index: 2;}

.widecolumn { width: 80%; margin:30px 0px 0px 40px;}
/* mapping */
div#map {width: 600px; height: 400px; float: left; position: relative; margin-left: 45px; border: 1px solid #444;}
html>body div#map {margin-left: 90px;}
.mapwrap p {text-indent: 90px;}

/* form 
input, textarea, select {float: right; position: relative; width: 280px; border: 1px solid #AFBBC6; padding: 0 0 0 0;}
input.check {float: left; position: relative; width: auto; border: 0; margin-left: 35px;}
input.shade {background: url(../images/inputbg.jpg) top left no-repeat;}
input#button {border: 0px;}
*/
.formwrap {float: left; position: relative; width: 600px; margin-left: 65px;}
html>body .formwrap {margin-left: 135px;}

span.button {float: left; position: relative; width: 500px; text-align: center;}

.round2 {

	position: relative;
	float:right;
  width: auto;
	margin: 20px 14px 0 0;
	padding: 0;
	background: #eaeaea;
	z-index:0;
}

.round1 {

	position: relative;
	float:left;
  width: auto;
	margin: -20px 0px 0 20px;
	padding: 0;
	background: #eaeaea;
	z-index:0;
}

.round3 {

	position: relative;
	float:right;
	width: 30%;
	margin: 40px 20px 0 0;
	padding: 0;
	background: #c6b378;
	z-index:0;
}

.top-leftc3, .bottom-leftc3, .top-rightc3, .bottom-rightc3 {	position: absolute;	overflow: hidden;	height: 20px;	width: 20px;	background: #fff;	z-index:0;}
.top-lefti2, .bottom-lefti2, .top-righti2, .bottom-righti2 {	position: relative;	color: #eaeaea;	font: 150px/40px Arial;	z-index:0;}
.top-lefti3, .bottom-lefti3, .top-righti3, .bottom-righti3 {	position: relative;	color: #c6b378;	font: 150px/40px Arial;	z-index:0;}

.postcage img, { float: right; margin-left: 10px; border: 2px solid #8cb415; vertical-align: top;}
.postcage { padding: 20px 20px 20px 20px; float:right; width:100px;}
.top-leftc3 { top:0; left:0; z-index:0;}
.top-rightc3 { top:0; right:0; z-index:0;}
.top-lefti2, .top-lefti3 { left:-8px; z-index:0;}
.top-righti2, .top-righti3 { left:-25px; z-index:0; }
.bottom-leftc3 { bottom:0; left:0;  z-index:0;}
.bottom-rightc3 { bottom: 0; right:0; z-index:0;}
.bottom-lefti2, .bottom-lefti3 { left:-8px; top:-17px; z-index:0; }
.bottom-righti2, .bottom-righti3 { left:-25px; top:-17px; z-index:0;}

.sidebarbox {position: relative; padding: 20px 30px 15px; z-index:0; }
.contacts {position: relative; padding: 10px 30px 35px; z-index:0; text-transform: uppercase; font-weight: bold; }
.navi {position: relative; padding: 10px 10px 30px 0px; z-index:0; text-transform: uppercase; font-weight: bold; }
.navi ul li {list-style-type: none; clear: none; width: auto; display: inline; margin: 0em; margin-bottom: 0em; padding: 0px;}
.navi a, .contacts a {text-decoration: none; color: #9e9e9e;}
.navi a {float: left; position: relative; margin-left:8px;}
.navi a:hover, .nav a:visited:hover, .contacts a:hover, .nav a#current {border-bottom: 2px solid #C6B378; color: #000;}
.navi a:visited, .contacts a:visited {color: #9e9e9e;}
.contacts ul li {list-style-type: none; clear: none; width: auto; display: inline; margin: 0px; padding: 0px;}
.tabbertab ol {margin-bottom: 1.5em;}
.contacts a:hover, .nav a:visited:hover, .contacts a:hover, .nav a#current {border-bottom: 2px solid #C6B378; color: #000;}
.contacts a:visited, .contacts a:visited {color: #9e9e9e;}

.sidebarbox ul li {clear:both; margin: 0; list-style-image: url(http://www.crownlanestudio.co.uk/images/list.gif);}
.sidebarbox ul li a {color: #993300; font-weight: bold;}

.mainshop {float: left; position: relative; padding: 20px 0px 0px 30px; width: 760px; margin-top: 0px; background: url(http://www.crownlanestudio.co.uk/images/main_bg.gif) repeat-y top left;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/


ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 0px solid #333;
  font-weight: bold;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.left
{
clear: both;
width:200px;
float: left;
margin-left: 30px;
}

.left img{
margin-top: 2em;
}

.left2
{
width:400px;
float: left;
}