/* Author: Dave Howes, HowesComms 16 March 2007.
Updated Dave Howes 2 April 2007.
Updated from version 3aLAYOUT4 by Dave Howes 30 October 2009.
*/

body {
	background-color: #2a2a2a; 
	background-image: url('http://www.boxercise.co.uk/zGraphics/zBGring3.jpg'); 
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	margin-top: 0px;
}
a:link {color: #ffff99; padding: 2px;}
a:active {color: #ff0000; padding: 2px;}
a:visited {color: #ffff99; padding: 2px;}
a:hover {color: #000099; background: #ffff00; padding: 2px;}
a.plain:link {color: #ffff99; padding: 0px;}
a.plain:active {color: #ff0000; padding: 0px;}
a.plain:visited {color: #ffff99; padding: 0px;}
a.plain:hover {color: #000099; background: none; padding: 0px;}
a.menulink:link {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; padding: 2px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffffff;}
a.menulink:active {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; padding: 2px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffff00;}
a.menulink:visited {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; padding: 2px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffffff;}
a.menulink:hover {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; padding: 2px; background: #666666; border: 1px solid white; text-decoration: none; display: block; color: #ffff00;}
a.videolink:link {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 11px; line-height: 13px; margin-top: 4px; padding: 4px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffffff;}
a.videolink:active {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 11px; line-height: 13px; margin-top: 4px; padding: 4px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffff00;}
a.videolink:visited {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 11px; line-height: 13px; margin-top: 4px; padding: 4px; background: #999999; border: 1px solid #999999; text-decoration: none; display: block; color: #ffffff;}
a.videolink:hover {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 11px; line-height: 13px; margin-top: 4px; padding: 4px; background: #666666; border: 1px solid white; text-decoration: none; display: block; color: #ffff00;}
p {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 6px; margin-right: 6px; margin-top: 0px; margin-bottom: 4px; color: white}
p.adhead {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; margin-left: 6px; margin-right: 0px; margin-top: 0px; margin-bottom: 4px; color: lightblue}
.strap1 {font-size: 24px; line-height: 36px; margin-left: 6px; margin-right: 6px; margin-top: 0px; margin-bottom: 6px; color: white}
.address {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; line-height: 15px; font-weight: bold; color: lightblue}
.menuhead {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; text-align: center; margin-top: 4px; background: #666666; color: lightblue}
h4 {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 13px; line-height: 16px; margin-top: 6px; margin-bottom: 4px; color: lightblue}
h3 {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 18px; line-height: 22px; color: darkblue}
h2 {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 22px; line-height: 28px; margin-top: 10px; margin-bottom: 10px; color: lightblue}
h2.closetop1 {margin-top: 0px; margin-bottom: 4px;}
h1 {font-family: "Trebuchet MS",Arial,sans-serif; font-size: 26px; line-height: 36px}

img.navPic1 {margin-left: 20px;}

div#box1 {
	position: relative;
	width: 740px;
	margin: auto;
	height: 124px;
	background: none;
}
div#box1left {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 340px;
	height: 124px;
	background: none;
}
div#box1right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 360px;
	margin-top: 10px;
	height: 114px;
	background: none;
}
div#box2 {
	position: relative;
	width: 730px;
	margin: auto;
	height: auto;
	border: 1px solid white;
	padding: 4px;
	background: none;
}
div#box3 {
	position: relative;
	top: 6px;
	width: 740px;
	margin: auto;
	height: 220px;
	border: 1px solid white;
	background: none;
}
div#box3left {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 349px;
	height: 220px;
	overflow: auto;
	background: none;
}
div#box3right {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 349px;
	height: 220px;
	overflow: auto;
	background: none;
}
div#VidClip1 {
	position: absolute;
	top: 150px;
	right: 150px;
	background-color: silver;
	border: 1px solid white;
	text-align: center;
	width: 140px;
	padding: 1px;
	z-index: 2;
}
div#box4 {
	position: relative;
	top: 20px;
	width: 740px;
	margin: auto;
	height: auto;
	background: none;
}
div#box5 {
	position: relative;
	top: 40px;
	width: 740px;
	margin: auto;
	height: auto;
	background: none;
}

div.navMenu {
	position: absolute;
	bottom: 140px;
	background-color: silver;
	border-right: 2px solid black;
	border-bottom: 1px solid black;
	width: 218px;
	padding: 1px; 
	z-index: 12;
}
div.navPicOverlay {
	position: absolute;
	bottom: 0px;
	height: 24px;
	background-color: #000;
	width: 220px;
	z-index: 10;
	font-family: "Trebuchet MS",Arial,sans-serif; 
	font-size: 13px; 
	line-height: 24px; 
	color: #fff;
	text-align: center;
}
div#nav1, div#nav4, div#nav1overlay, div#nav4overlay {
	left: 20px;
}
div#nav2, div#nav5, div#nav2overlay, div#nav5overlay {
	left: 260px;
}
div#nav3, div#nav6, div#nav3overlay, div#nav6overlay {
	left: 500px;
}

div#box6 {
	position: relative;
	top: 60px;
	width: 718px;
	padding: 10px;
	margin: auto;
	height: auto;
	border: 1px solid white;
	background: none;
}
div#box7 {
	position: relative;
	text-align: center;
	top: 60px;
	width: 720px;
	padding: 10px;
	margin: auto;
	height: auto;
}
div#box8 {
	position: relative;
	top: 30px;
	width: 130px;
	margin: auto;
	height: auto;
	background: white;
}