/******************************************** GENERAL STYLES **********************************************/
html {
	height:				100%;
}
body {
	width:				100%;
	margin:				50px 0 0 0;
	padding:			0 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	text-align:			center;
	background-color:	#000000;
	color:				#ffffff;
}
h1,h2,h3,h4 {
	font-size:			1em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
a {
	background-color:	transparent;
	color:				#FCF118;
	text-decoration:	none;
	font-weight:		bold;
}
strong, b {
	background-color:	transparent;
	color:				#FCF118;
}
img {
	border:				none;
}


/* page layout ********************************************/
.page {
	width:				760px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
}
.left {	float:	left; }
.right { float:	right; }
.clear {clear:	both; line-height:0px; height:0px;}

.middle {	
	width:				100%;
	background:			transparent url(images/bg_bottom.gif) bottom center no-repeat;	
}
.middle .left {
	width:				106px;
	height:				100%;
	background:			transparent url(images/bg_top-left.gif) top left repeat-x;	
}
.middle .right {
	width:				654px;
	height:				100%;
	background:			transparent url(images/bg_top.gif) top right no-repeat;	
}
.middle .content .left {
	width:				366px;
	background:			transparent;
}
.middle .content .right {
	width:				288px;
	background:			transparent;
}
.middle .content {
	min-height:			336px;
}
.middle .header {
	width:				654px;
	height:				132px;
}
.bottom {
	height:				50px;	
	clear:				both;
	text-align:			center;
}
#left-bottom {
	height:				280px;
}




/* CONTENT */
#logo {
	width:				308px;
	height:				100%;
	float:				left;
	background:			transparent url(images/logo.gif) 0 0 no-repeat;
}
#logo h1, #logo a {
	width:				100%;
	height:				100%;
	display:			block;
}
#logo span, #section-title span {
	display:			none;
}
#section-title {
	width:				346px;
	height:				30px;
	float:				right;
	margin-top:			40px;
}
#section-title h2 {
	width:				100%;
	height:				100%;
	display:			block;
	background-position: 0 0;
	background-repeat:	no-repeat;
}
#opening {
	width:				268px;
	height:				54px;
	float:				left;
	margin-top:			5px;
	text-align:			right;
	background:			transparent url(images/btn_opening-times.gif) top right no-repeat;
}
#opening h4, #opening a {
	width:				100%;
	height:				100%;
	display:			block;
}
#opening span {
	display:			none;
}



#page-title span {
	font-size:			1.3em;
	padding:			0 0 0 9px;
	display:			block;
}
#page-title span.name {
	display:			inline;
}
#page-title span.age {
	display:			inline;
	color:				#FCF118;
}

#page-photo {
	float:				left;
	padding:			0 5px 0 9px;
	margin:				2em 0 0 0;
}
#body p {
	font-size:			1em;
	line-height:		1.7em;
	padding:			0 9px 0 9px;
	text-align:			justify;
}
#body b, #body strong {
	color:				#ffffff;
	font-size:			1.3em;
}
#body i, #body em {
	color:				#FCF118;
}
#body ul {
	margin:				0 0 0 0;
	padding:			0 9px 0 9px;
	list-style:			none;
}
#body ul li {
	width:				100%;
	height:				14px;
	margin:				4px 0 0 0;
	padding:			0 0 0 0;
	border-bottom:		#999999 solid 1px;
}


#video {
	width:				207px;
	height:				54px;
	margin-bottom:		1em;
	background:			transparent url(images/btn_video.gif) top right no-repeat;
}
#video a {
	display:			block;
	padding:			20px 100px 8px 20px;
}
#video a span {
	color:				#ffffff;
	font-weight:		normal;
	font-size:			.9em;
}




#login-form {
	padding:			0 9px 0 9px;
}

#summary {
	padding:			0 0 0 9px;
	line-height:		1.7em;
}
#track-layouts .summary, #track-layouts .photo {
	padding:			0 9px 0 9px;
}
#track-layouts .title span {
	font-size:			1.3em;
	padding:			0 0 0 9px;
}

#track-layouts .track-layout {
	display:			none;
}
#track-layouts .track-layout .photo {
	margin-top:		24px;
}

#track-layouts #panel-default {
	display:			block;
}
.content .right .photo {
	padding:			0 5px 0 9px;
	margin:				2em 0 0 0;
}

#gallery-list {
	width:				540px;
	padding-left:		20px;
}
#gallery-list .item {
	float:				left;
	width:				94px;
	height:				120px;
	margin-right:		10px;
}
#gallery-list .item .photo {
	width:				94px;
	height:				94px;
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:center center;
}
#gallery-list .item .photo a {
	width:				100%;
	height:				100%;
	display:			block;
}
#gallery-list .item .photo span {
	display:			none;
}
#gallery-list .item .link span {
	font-size:			.8em;
}
#gallery-list .item .link {
	width:				100%;
	line-height:		1.1em;
	background:			transparent url(images/blt_sub-menu.gif) left center no-repeat;
}
#gallery-list .item .link a span {
	padding:			0 0 0 22px;
	font-size:			.8em;
	font-weight:		normal;	
}
#gallery-list .item .link a {
	color:				#ffffff;
}
#gallery-list .item .link a:hover {
	color:				#FCF118;
}

#links-list {
	padding-left:		9px;
}
#links-list .link {
	margin-top:			1em;
}


#karts-list {
	width:				274px;
}
#karts-list .item {
	height:				70px;
	margin-bottom:		10px;
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:top left;
}
#karts-list .item .photo-holder {
	height:				70px;
	width:				76px;
	float:				left;
}
#karts-list .item .photo-holder a {
	width:				100%;
	height:				100%;
	display:			block;
}
#karts-list .item .photo-holder span {
	display:			none;
}
#karts-list .item .title {
	width:				190px;
	float:				right;
	height:				1.4em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/blt_sub-menu.gif) left center no-repeat;
}
#karts-list .item .title a {
	width:				100%;
	height:				100%;
	display:			block;
}
#karts-list .item .title .name {
	padding-left:		20px;
	color:				#ffffff;
}
#karts-list .item .title .age {
	font-size:			.9em;
}
#karts-list .item .summary {
	float:				right;
	width:				170px;
	height:				50px;
	font-size:			.9em;
}
#karts-list .item .summary strong, #karts-list .item .summary b {
	font-weight:		normal;
	font-size:			.9em;
}

.box {
	width:				268px;
	height:				90px;
	clear:both;
}
.box .text {
	float:				left;
	width:				166px;
	height:				90px;
}
.content .right .box .photo {
	float:				right;
	width:				102px;
	height:				90px;
	padding:			0 0 0 0;
	margin:				0 0 0 0;
}
.box .photo a, .box .text a {
	width:				100%;
	height:				100%;
	display:			block;
}
.box .text p {
	margin:				2.2em 0 0 0;
	padding:			0 0 0 2.2em;
	color:				#000000;
	font-weight:		normal;
}

#pro-karts-box {
	background:			transparent url(images/box_pro-karts.gif) left center no-repeat;
}
#family-fun-box {
	background:			transparent url(images/box_family-fun.gif) left center no-repeat;
}
#groups-box {
	background:			transparent url(images/box_groups.gif) left center no-repeat;
}
#pro-karts-box .photo {
	background:			transparent url(images/photo_pro-karts.jpg) left center no-repeat;
}
#family-fun-box .photo {
	background:			transparent url(images/photo_family-fun.jpg) left center no-repeat;
}
#groups-box .photo {
	background:			transparent url(images/photo_groups.jpg) left center no-repeat;
}
#text-2 {
	width:				264px;
	background-color:	#000000;
	margin:				1em 0 1em 0;
	text-align:			right;
}
#text-2 p {
	font-size:			1.3em;
	line-height:		1.6em;
	font-weight:		bold;
}







#menu {
	margin-top:			1em;
}
#menu ul {
	width:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#menu ul li {
	width:				100%;
	height:				14px;
	margin:				4px 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/blt_menu.gif) center left no-repeat;
}
#menu ul li a {
	display:			block;
	width:				100%;
	height:				100%;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			.9em;
	color:				#999999;
	
	text-transform:		uppercase;
}
#menu ul li a span {
	padding:			0 0 0 30px;
}
#menu ul li a:hover, #menu ul li.on {
	background:			transparent url(images/blt_menu-on.gif) center left no-repeat;
	color:				#ffffff;
}
#menu ul li.on a {
	color:				#ffffff;
}
#menu ul ul {
	display:			none;
}


#sub-menu ul {
	width:				230px;
	margin:				0 0 .5em 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#sub-menu ul li {
	width:				100%;
	line-height:		1.7em;
	margin:				4px 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/blt_sub-menu.gif) 9px center no-repeat;
}
#sub-menu ul li a {
	display:			block;
	width:				100%;
	height:				100%;
}
#sub-menu ul li a span {
	padding:			0 0 0 30px;
	display:			block;
	font-size:			1em;
	color:				#ffffff;
	font-weight:		normal;
}
.content .right .link, .content .right .file {
	width:				100%;
	line-height:		1.7em;
	background:			transparent url(images/blt_sub-menu.gif) 9px center no-repeat;
}
.content .right .link a, .content .right .file a {
	width:				100%;
}
.content .right .link a span, .content .right .file a span {
	padding:			0 0 0 30px;
	font-size:			1em;
	color:				#ffffff;
	font-weight:		normal;	
}


#contact-form {
	padding-left:		9px;
}
#success-message {
	padding-left:		9px;
	font-style:			italic;
}

.row {
	clear:				both;
	margin-bottom:		.5em;
}
.label {
	text-align:			left;
	line-height:		1.8em;
}

.field input {
	width:				300px;
	border:				1px solid #003761;
}
.field textarea {
	width:				300px;
	height:				60px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}



#footer {
	margin-top:			.3em;
	text-align:			center;
}
#footer ul {
	width:				660px;
	margin:				0 auto 0 auto;
	padding:			0 0 0 0;
	list-style:			none;
	text-align:			center;
}
#footer ul li {
	width:				70px;
	height:				1.2em;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 .5em 0 .5em;
	background:			transparent url(images/blt_footer.gif) center left no-repeat;
}
#footer ul li.first {
	padding-left:		0;
	background:			transparent;
}
#footer ul li a {
	display:			block;
	width:				100%;
	height:				100%;
	font-size:			.9em;
	color:				#999999;
	font-weight:		normal;
}



/* THEMES */

#page-background #logo {
	background:			transparent url(images/logo_photo.gif) 0 0 no-repeat;
}
#page-background #page-title {
	color:				#000000;
}
#page-background .title {
	color:				#000000;
}
#page-background .middle .content .right {
	width:				268px;
	height:				200px;
	background:			transparent;
}
#page-background #sub-menu ul li, #page-background .link, #page-background .file {
	background-image:	url(images/blt_sub-menu_2.gif);
}



.the-karts .middle .content .left {
	width:				320px;
}
.the-karts .middle .content .right {
	width:				310px;
}
.the-karts #body i, .the-karts #body em {
	color:				#999999;
	font-style:			normal;
}
#the-karts #page-title span {
	font-size:			1.1em;
	color:				#FCF118;
}


#default .middle {	
	background:			transparent url(images/bg_bottom_home.gif) bottom center no-repeat;	
}
#default .middle .content .left {
	width:				310px;
}
#default .middle .content .right {
	width:				340px;
	margin-top:			-80px;
}
#default #logo {
	width:				308px;
	height:				100%;
	float:				left;
	background:			transparent url(images/logo_home.gif) 0 1px no-repeat;
}
#default .middle .header {
	height:				220px;
}