*, html{
 padding: 0;
 margin: 0;
}
body{
/*Resets 1em to equal 10px (on fonts, at least), so 1.2em equals 12px, 1.6em equals 16px, etc.*/
font: 62.5%/1.6em Arial, Helvetica, sans-serif;
background: #f8f7f5;
}
#container{
width:800px;
margin:0 auto 50px auto;
border-left:solid 15px #ded6d4;
border-right:solid 15px #ded6d4;
}
a {
color: #494c4e;
text-decoration: none;
}
a:hover, a:focus {
color: #000000;
text-decoration: underline;
}
a:hover, a:focus{
color: #000000;
text-decoration: underline;
}
#header{
background:url(../images/header-bg.gif) repeat-x;
height: 150px;
width:800px;
margin:0;
padding:0;
position:relative;
}
#header #logo h2{
text-indent:-9999px;
background:url(../images/logo.gif) center center no-repeat;
margin:0;
padding:60px 0 0 0;
height:100px;
width:100px;
float:left;
}
#header #logo h2 a{
display:block;
height:65px;
width:65px;
}
/* GLOBALHEADER */
#globalnav{ height: 37px; position: absolute; z-index: 10; border:solid #e3e1e2 1px; margin:0; padding: 30px 10px 21px 10px ; float:right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
top: 60px;
left:200px;
 }
#globalnav li { display: inline; }
#globalnav li a { float: left; height: 0; padding-top: 37px; overflow: hidden; }
#globalnav li a{ background-image: url(../images/tabs-may09.png); _background-image: url(../images/tabs.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalnav li#home a { background-position: 0 0; width:80px; }
#globalnav li#venue a { background-position: -80px 0; width:82px; }
#globalnav li#agenda a { background-position: -162px 0; width:89px; }
#globalnav li#partner-clinic a { background-position: -251px 0; width:138px; }
#globalnav li#register a { background-position: -388px 0; width:92px; }
#globalnav li#diy-com a { background-position: -480px 0; width:88px; }
#globalnav li#feedback a { background-position: -568px 0; width:92px; }
#globalnav li#photos a { background-position: -660px 0; width:89px; }

/* OVER STATES */
#globalnav li#home a:hover { background-position: 0 -37px; }
#globalnav li#venue a:hover { background-position: -80px -37px; }
#globalnav li#agenda a:hover { background-position: -162px -37px; }
#globalnav li#partner-clinic a:hover { background-position: -251px -37px; }
#globalnav li#register a:hover { background-position: -388px -37px; }
#globalnav li#diy-com a:hover { background-position: -480px -37px; }
#globalnav li#feedback a:hover { background-position: -568px -37px; }
#globalnav li#photos a:hover { background-position: -660px -37px; }

/* PRESSED STATES */
#globalnav li#home a:active { background-position: 0 -74px; }
#globalnav li#venue a:active { background-position: -80px -74px; }
#globalnav li#agenda a:active { background-position: -162px -74px; }
#globalnav li#partner-clinic a:active { background-position: -251px -74px; }
#globalnav li#register a:active { background-position: -388px -74px; }
#globalnav li#diy-com a:active { background-position: -480px -74px; }
#globalnav li#feedback a:active { background-position: -568px -74px; }
#globalnav li#photos a:active { background-position: -660px -74px; }

/* ON STATES */
#container.home #globalnav li#home a { background-position: 0 -111px !important; }
#container.venue #globalnav li#venue a { background-position: -80px -111px !important; }
#container.agenda #globalnav li#agenda a { background-position: -162px -111px !important; }
#container.partner-clinic #globalnav li#partner-clinic a { background-position: -251px -111px !important; }
#container.register #globalnav li#register a { background-position: -388px -111px !important; }
#container.diy-com #globalnav li#diy-com a { background-position: -480px -111px !important; }
#container.feedback #globalnav li#feedback a { background-position: -568px -111px !important; }
#container.photos #globalnav li#photos a { background-position: -660px -111px !important; }

#content{
margin:0;
padding:20px 10px;
background-color:#fff;
float:left;
width:780px;
}
#content .descr {
padding: 0 5px 0 5px;
}
#content .descr h1{
font-size: 2.6em;
margin:0px 0 15px 0;
color:#2d2d2d;
}
#content .descr h2{
font-size: 2em;
margin:0 0 15px 0;
color:#2d2d2d;
}
#content .descr h3{
font-size: 1.6em;
margin:20px 0 15px 0;
color:#2d2d2d;
}
#content .descr p{
font-size: 1.3em;
color:#2d2d2d;
margin:0 20px 10px 0;
}
#content .bowling-invite{
background: url(../images/bowling-invite.png) no-repeat;
width:780px;
height:318px;
margin:0 0 20px 0;
}
#content img.left{
float: left;
padding:5px;
margin:0 10px 10px 0;
}
#content .association {
margin: 20px 0 0 0;
padding:0 5px 0 5px;
position:relative;
height:75px;
}
#content .association p{
font-size:1.3em;
color: #2d2d2d;
}
#content .association .logos{
background: url(../images/logos.png) no-repeat;
_background: url(../images/logos.gif) no-repeat;
position:absolute;
top:-120px;
left: 100px;
width:572px;
height:210px;
}
#content .register-today{
background: url(../images/registertoday.gif) no-repeat;
text-indent:-9999px;
float:right;
}
#content .register-today a{
display:block;
width:277px;
height:27px;
}
#content #venue-logo{
background: url(../images/all-star-lanes-home.png) no-repeat;
_background: url(../images/all-star-lanes-home.gif) no-repeat;
width:300px;
height:240px;
float:left;
padding:240px 0 0 0;
}
#content #map{
background: url(../images/map-bricklane.gif) center center no-repeat;
width:300px;
height:151px;
padding:50px 0;
}
#content #directions{
padding:20px;
float:left;
}
#content #directions p{
font-size: 1.4em;
line-height:1.8em;
}
#content #directions dl{
margin: 20px 0 0 0;
}
#content #directions dt{
text-indent:-9999px;
float:left;
clear:left;
width:150px; 
height:100px;
margin:0 20px 0 0;
}
#content #directions dt.trainline{ background:url(../images/trainline.png) center center no-repeat;}
#content #directions dt.rac{ background:url(../images/rac.gif) center center no-repeat;}
#content #directions dt.tubes{ background:url(../images/tubes.gif) center center no-repeat;}
#content #directions dt.parking{ background:url(../images/parking_symbol.jpg) center center no-repeat;}
#content #directions dd{
float: left;
font-size:1.2em;
width:250px;
margin:0 0 20px 0;
}
#content dl{
font-size: 1.2em;
}
#content #directions dd a span{
color: #999999;
font-size:0.8em!important;
}
#content dt{
float: left;
clear:left;
margin:0 25px 0 0;
width: 10%;
}
#content dd{
float: left;
width:600px;
margin:0 0 10px 0;
}
#content dd ul{
margin: 0 0 0 10px;
}
#content dd ul li{
padding:5px 5px 5px 5px;
}
#content label{
float: left;
width:15em;
font-size:1.2em;
margin: 0 10px 0 0;
}
#content fieldset{
border: solid #cfcfcf 1px;
padding:10px;
margin:0 0 10px 0;
}
#content fieldset legend{
padding: 0 5px;
font-size:1.1em;
}
#content #affiliate-member{
background-color: #F1EFEE;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content form{
margin: 20px 40px;
}
#content form span{
width: 480px;
border:solid #53B2F8 1px;
padding:5px;
display:block;
background: #fafafa;
font-size:1.1em;
}
input.text, textarea{
background: #fff;
width: 300px;
padding: 0.2em 0.5em;
border:1px solid #ccc;
border-top-color:#aaa;
border-left-color:#aaa;
margin: 0 0 0.5em 0;
}
select{
margin: 0 0 0.5em 0;
width:300px;
}
checkbox{
border:none;
}
.submit{
border:none;
background: url(../images/submit.png) no-repeat;
width:89px;
height:36px;
color:#fff;
font-weight:bold;
font-size:1.4em;
cursor:pointer;
}
.right{
float: right;
}
.left{
float: left;
}
#content .descr p.greytext{
font-size: 1.6em!important;
padding:10px 0 0 0;
margin:0;
color:#666666;
}
#content #nominations{
background-color: #F1EFEE;
padding:10px;
margin:10px 0 10px -10px;
height:90px;
overflow:hidden;
}
.nomination-item{
margin: 0 0 20px 0;
}
#content #affiliate-member,
#content #other{
display:none;
}
#addNomination{
padding: 0 0 0 20px;
margin:0 0 20px 0;
position:relative;
font-size:1.1em;
background: url(../images/add.png) no-repeat;
display:block;
}
#iCal{
background: url(../images/date_add.png) no-repeat;
padding:0 0 0 25px;
margin:0;
float:left;
}
.copyrightPortal{
width: 800px;
margin:0 auto;
}
#footer {
padding: 26px 15px 18px 15px;
width: 770px;
background: #f5f3f2;
border-bottom:solid 15px #ded6d4;
}
#footer .footerSection {
padding: 10px 10px 0 15px;
float:left;
}
#footer .partnerSites { width: 130px; }
#footer .inspCentre { width: 175px; }
#footer .knowCenter { width: 180px; }
#footer .supportCentre { width: 170px; }
#footer .corporate { width: 110px; }
#footer .footerSection h4 {
width: 100%;
height: 0;
padding-top:32px;
overflow:hidden;
}

#footer .partnerSites h4 { background: url(http://www.diy.com/diy/jsp/bq/images/navigation/footer-titles.png) 0 0 no-repeat; }
#footer .inspCentre h4 { background: url(http://www.diy.com/diy/jsp/bq/images/navigation/footer-titles.png) 0 -34px no-repeat; }
#footer .knowCenter h4 { background: url(http://www.diy.com/diy/jsp/bq/images/navigation/footer-titles.png) 0 -72px no-repeat; }
#footer .supportCentre h4 { background: url(http://www.diy.com/diy/jsp/bq/images/navigation/footer-titles.png) 0 -109px no-repeat; }

#footer div ul {
padding-right: 10px;
min-height: 130px;
border-right: 1px solid #fff;
}

#footer .supportCentre ul {
padding-right: 0;
border: 0;
}

#footer div ul li {
display: block;
padding-bottom: 5px;
padding-right: 5px;
text-align: left;
font-size:1.2em;
}

.contentError{
background: #FFF1ED url(../images/error.png) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 4.5em;
border: 1px solid #900;
width: 50%;
margin: 0.15em auto 2.5em;
text-align: left;

}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.gallery {
	list-style: none;
	margin: 0 0 0 45px;
	padding: 0;
}
.gallery li {
	margin: 15px 10px;
	padding: 0 12px;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
	background: url(../images/drop-shadow.png) no-repeat center bottom;
	cursor: pointer;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
	cursor: pointer;
}
.gallery a:hover img {
	border-color: #000;
}

.gallery span {
	width: 172px;
	cursor: pointer;
	height: 84px;
	display: block;
	position: absolute;
	top: 0px;
	left: 12px;
	background: url(../images/glossy-gradient.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}