@charset "utf-8";
/* CSS Document */
html {scrollbar-base-color: #FFF; scrollbar-track-color: #D40000; scrollbar-arrow-color: #D40000; }
body {
	font-size: 12px;
	line-height:19px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	margin:0px 0px 20px 0px;
	text-align: center;
	background: #BBC2C8 url(../../images/page-bg.jpg);
	background-repeat: repeat-x;
}
#container {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	text-align:left;
}
#header {
	width:1000px;
	float:left;
	background-image: url(../../images/header-bg1.jpg);
	background-repeat: no-repeat;
	height:389px;
	color:#FFF;
}
#content {
	float:left;
	width:980px;
	padding:0px 10px;
}
#content p{
	padding:0px 20px;
}
img 	 {
	border:0px;
}
a:link {
	color: red;
	font-variant: normal;
}	
a:visited {
	color:red;
}
a:hover {
	color:red;
	text-decoration:none;
}
.columnSpacer {
	float:left;
	width:9px;
	border-right:1px dotted #B7C0CA;
	height:270px;
	margin-top:-30px;
}
h1 {
	font-family:'Yanone Kaffeesatz','Arial Narrow',sans-serif;
	font-size: 21px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1;
	text-transform:uppercase;
}
h2 {
	font-family:'Yanone Kaffeesatz','Arial Narrow',sans-serif;
	font-size: 18px;
	font-weight:normal;
	margin:0px;
	color:#333;
	letter-spacing:1px;
	line-height:1;
	text-transform:uppercase;
	padding-left:20px;
}
.panelHead {
	width:320px; 
	float:left; 
	text-align:left;
	background-image:url(../../images/heading-bg.png); 
	background-repeat:no-repeat; 
	margin-right:10px; 
	margin-top:-40px;
}
.panelHead h2 {
	font-size:18px;
	color:#FFF;
	font-family:'Yanone Kaffeesatz','Arial Narrow',sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1;
	text-transform:uppercase;
	margin-top:21px; 
	padding-left:20px;
	text-decoration:none;
}
.panelHead h2 a {	
	text-decoration:underline; 
	color:#FFF;
}
.panelHead h2 a:hover {	
	color:#D40000;
}

.panelHead img {
	float:right;
	position:relative;
	top:-91px;
	right:-16px;
	margin-bottom:-110px;
	clear:right;
	width: 183;
}
.panelHeadFull {
	width:980px;
	height:67px; 
	float:left; 
	background-image:url(../../images/heading-bg-980px.png); 
	background-repeat:no-repeat; 
	margin-top:-40px;
}
.panelHeadFull h2 {
	font-size:20px;
	color:#FFF;
	font-family:'Yanone Kaffeesatz','Arial Narrow',sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1;
	text-transform:uppercase;
	float:left;
	padding-top:21px; 
	padding-left:20px;
}
.panelBody {
	float:left; 
	width:300px; 
	padding:0px 10px; 
	text-align:left; 
	height:270px; 
}
.panelBody img {
	border:0px;
}
.lovatts {
	float:left;
	text-align:left;
	width:270px;
	margin-left: 40px;
	margin-top:8px;
}
#subbutt {
	font-size:2em; /* Bigger text */
	color:#D40000;
} 
/* PAGE LINKS */
.headLinks {
	background-image: url(../../images/green-arrow.png);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left:20px;
} 
a.headLinks:link {
	text-decoration:none;
	color:#666;
	padding:6px 8px 3px 22px;
} 
a.headLinks:visited {
	text-decoration:none;
	color:#666;
	padding:6px 8px 3px 22px;
	
} 
a.headLinks:hover {
	text-decoration:none;
	color:#333;
	border-bottom:1px dotted #FFF;
} 
a.home {
	background: url(../../images/home-sp.png) no-repeat 0 0;
	width: 112px;
	height: 36px;
	display: block;
	text-indent: -9999px;
}
a.home:hover { 
	background-position: 0 -36px; 
}
a.home:active { 
	background-position: 0 -72px; 
}
a.about {
	background: url(../../images/about-sp.png) no-repeat 0 0;
	width: 112px;
	height: 36px;
	display: block;
	text-indent: -9999px;
}
a.about:hover { 
	background-position: 0 -36px; 
}
a.about:active { 
	background-position: 0 -72px; 
}
a.contact {
	background: url(../../images/contact-sp.png) no-repeat 0 0;
	width: 112px;
	height: 36px;
	display: block;
	text-indent: -9999px;
}
a.contact:hover { 
	background-position: 0 -36px; }
a.contact:active { 
	background-position: 0 -72px; }
a.au {
	background: url(../../images/flags.png) no-repeat 0px -23px;
	width: 31px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	float:left;
	margin-right:5px;
}
a.au:hover { 
	background-position: 0px 0px;
}
a.au:active { 
	background-position: 0px 0px;
}
a.uk {
	background: url(../../images/flags.png) no-repeat -31px -23px;
	width: 31px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	float:left;
	margin-right:5px;
}
a.uk:hover { 
	background-position: -31px 0px;
}
a.uk:active { 
	background-position: -31px 0px;
}
a.nz {
	background: url(../../images/flags.png) no-repeat -62px -23px;
	width: 31px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	float:left;
	margin-right:5px;
}
a.nz:hover { 
	background-position: -62px 0px; 
}
a.nz:active { 
	background-position: -62px 0px; 
}
/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: -70px;
  left: -40px;
  width: auto;
  padding: 8px;
  border: 1px solid #333;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../images/75p.png');
  font: normal 12px arial, helvetica, sans-serif;
  text-align: left;
  color: #FFF;
  line-height:20px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
span.tool:hover span.tip {
  background-image:url(../../images/75p.png);
}
p.centered { text-align: center; }
/* FOOTER MENU */
ul.vert-one{margin:40px 10px 40px 0;padding:0;list-style-type:none;display:block;font:13px Arial, Arial, Helvetica, sans-serif;line-height:280%;width:320px; float:left;}
ul.vert-one li{margin:0;padding:0;border-top:1px solid #ECEEF0;border-bottom:1px solid #9DA7B0;}
ul.vert-one li a{display:block;text-decoration:none; color:#515F6A; background:#CFD6DA;padding:0 0 0 20px;width:300px;}
ul.vert-one li a:hover{background:#D9DEE1 url("http://www.lovattspuzzles.com/images/vert-one_arrow.gif") no-repeat 0 9px;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#737373 url("http://www.lovattspuzzles.com/images/vert-one_arrow.gif") no-repeat 0 13px; color:#FFF; font-weight:bold;}