/* body attributes */
body {margin: 0; padding: 0; font: 100% verdana, arial, helvetica, sans-serif; background: #fff url(../images/bg_body.gif) no-repeat 50% 0; text-align: center;}
img {border: 0;}

/* Page */
#pageholder {width: 784px; margin: 0 auto; padding: 0; height:90%;}

/* Alignment */
.rightalign {float: right;}
.leftalign {float: left;}

/* Top */
#top {height: 91px; padding: 0; margin: 0;}
#topnav {height: 41px; padding: 0; margin: 0;}
#topnav ul {margin: 0 116px; padding: 0;}
#topnav li {list-style: none; display: inline; margin: 0; padding: 0;}

.nav a.Home {float: left; height: 29px; width: 77px; background: url(../images/nav_home.gif) no-repeat; margin:0; padding: 0;}
.nav a.Home:hover {background-position: 0 -29px;}
.nav a.About {float: left; height: 29px; width: 138px; background: url(../images/nav_about.gif) no-repeat; margin:0; padding: 0;}
.nav a.About:hover {background-position: 0 -29px;}
.nav a.Act {float: left; height: 29px; width: 147px; background: url(../images/nav_act.gif) no-repeat; margin:0; padding: 0;}
.nav a.Act:hover {background-position: 0 -29px;}
.nav a.Enquire {float: left; height: 29px; width: 185px; background: url(../images/nav_enquire.gif) no-repeat; margin:0; padding: 0;}
.nav a.Enquire:hover {background-position: 0 -29px;}

/* search */
#search {height: 91px; float: right; text-align: center; margin: 0 5px 0 0; padding: 0;}
.searchinput {font-weight: normal; font-size: 70%; background: #fff; text-decoration: none; color: #000; margin: 0 10px; border: 1px solid #fff;}
.button {width: 19px; height: 19px; background : url(../images/btn_sitesearch.gif) no-repeat; border: 0; color: #d6009C; font-size:70%; padding: 0; margin: 0; cursor: pointer;}

/* Top Image */
#topimage {height: 101px; margin: 8px 0 0 0; padding: 0;}

/* breadcrumb */
#breadcrumb {width: 760px; margin: 0; padding: 0 0 0 20px; text-align: left; float: left;}
#breadcrumb p {font-size: 70%; font-weight: normal; text-decoration: none; color: #333; margin: 2px 0 0 19px;  padding: 0;}
#breadcrumb a, breadcrumb a:visited {text-decoration: none; color: #de2e3d;}
#breadcrumb a:hover {text-decoration: underline;}

/* LeftNav */
#leftnav {float: left; text-align: left; width: 180px; margin: 20px 0 0 20px; padding: 0; display: inline; background: url(../images/leftBG.gif) repeat-y;}
#leftnav h1 {font-size: 85%; font-weight: bold; color: #2d337f; margin: 0 0 10px 20px; padding: 0 0 4px 0;} 
#leftnav p {margin: 0; padding: 0;} 
#leftnav ul {list-style: none; margin: 0; padding: 0 0 0 20px; text-indent: 0; font-weight: normal;}
#leftnav li {clear: left; float: left; display: inline; width: 140px; padding: 3px 0; background: url(../images/bl1.gif) no-repeat 0 4px;}
#leftnav a, leftnav a:visited {font-size: 70%; border-bottom: 1px solid #ededed; color: #2a2a2a; display: block; margin: 0 0 0 13px; padding:0 3px 7px 3px; text-decoration: none;}
#leftnav a:hover {color: #de2e3d;}

#leftnav li.indent {background: url(../images/bl2.gif) no-repeat 0 3px; display: block; width: 120px; margin: 0 0 0 13px; padding: 2px 3px 7px 3px;}
#leftnav li.indent .second {color: #de2e3d;}
#leftnav li.indent .second:hover {color: #2a2a2a;}

#leftnav li.indent2 {background-image:  url(../images/clearpixel.gif); background-repeat: no-repeat; padding: 0; color: #D6009C;}
#leftnav .third {color: #D6009C; font-weight:bold;}

/* Content Holder */
#contentholder {float: left; width: 780px; margin: 9px 0 0 0; padding: 0; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
#contentholder p {margin: 0; padding: 0;}

/* Home Page */
#home {float: left; width: 768px; margin: 0 5px; text-align: left; background: #fff; padding: 20px 0; display: inline;}
#home a, #home a:visited {text-decoration: none; color: #000; font-size: 100%; text-decoration: none;}
#home a:hover {text-decoration: none; background-color: transparent; color: #de2e3d; font-size: 100%; text-decoration: none;}
#home ul {list-style: none; margin: 0 20px; padding: 0;}
#home li {background: url(../images/bl1.gif) no-repeat 0 3px; margin: 5px 0; padding: 0 0 0 20px; font-weight: normal; font-size: 70%; line-height: 130%;} 

#iceSkate, #indLand, #bowling, #parties {height: 200px; width: 180px; float: left; margin: 0 0 0 11px; display: inline;}
#iceSkate {background: url(../images/boxSkate.jpg) no-repeat;}
#indLand {background: url(../images/boxLand.jpg) no-repeat;}
#bowling {background: url(../images/boxBowl.jpg) no-repeat;}
#parties {background: url(../images/boxParty.jpg) no-repeat;}

#whatsOn, #openHours {height: 200px; width: 370px; float: left; margin: 10px 0 0 11px; display: inline; background: url(../images/boxWhats.jpg) no-repeat;}

#iceSkate h1 a, #iceSkate h1 a:visited, #bowling h1 a, #bowling h1 a:visited, #whatsOn h1 a, #whatsOn h1 a:visited {color: #de2e3d;}
#indLand h1 a, #indLand h1 a:visited, #parties h1 a, #parties h1 a:visited, #openHours h1 a, #openHours h1 a:visited {color: #2d337f;}
#iceSkate h1 a:hover, #bowling h1 a:hover, #indLand h1 a:hover, #parties h1 a:hover, #whatsOn h1 a:hover, #openHours h1 a:hover {color: #333;}
#iceSkate h1, #bowling h1, #indLand h1, #parties h1 {font-size: 100%; margin: 15px 10px 0 20px;}
#whatsOn h1 {font-size: 100%; margin: 15px 10px 15px 20px; text-decoration: none;}
#openHours h1 {font-size: 100%; margin: 15px 10px 15px 20px; text-decoration: none;}
#home #iceSkate p, #home #indLand p, #home #bowling p, #home #parties p, #home #openHours p {font-size: 70%; margin: 0; padding: 5px 20px; line-height: 130%;}

/* Content */
#content {float: left; width: 360px; text-align: left; margin: 20px; padding: 0; display: inline;}
#content p {font-size: 70%; margin: 10px 0; padding: 0; line-height: 150%;}
#content img {border: 1px solid #e0e0e0; margin: 2px 5px;}
#content h1 {font-size: 85%; font-weight: bold; color: #de2e3d; margin: 0 0 10px 0; padding: 0 0 4px 0;} 
#content h2 {font-size: 80%; font-weight: bold; color: #2d337f; margin: 10px 0 0 0; padding: 0;} 
#content h3 {font-size: 70%; font-weight: bold; margin: 10px 0 2px 0; padding: 0;} 

#content a, #content a:visited {text-decoration: none; color: #de2e3d; font-size: 100%;}
#content a:hover {text-decoration: none; background-color: transparent; color: #2d337f; font-size: 100%;}
#content ul {list-style: none; margin: 5px 0 20px 10px; padding: 0 5px 0 0;}
#content li {background: url(../images/bl1.gif) no-repeat 0 3px; margin: 5px 0; padding: 0 0 0 20px; font-weight: normal; color: #2a2a2a; font-size: 70%; line-height: 150%;} 
#content li.h2 {background: #fff; font-size: 80%; font-weight: bold; color: #2d337f; margin: 15px 0 0 -15px; padding: 0;} 
#content form, #content .greyBG {background: #f6f6f6; margin:10px 0; border: 1px solid #e0e0e0; padding: 10px;} 
#content hr { background: #fff; height: 1px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 15px 0; padding: 0;}
#content .button {width: 87px; height: 18px; background : url(../images/btn_sitesubmit.gif) no-repeat; border: 0; text-align: left; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 80%; padding: 0 0 0 8px; margin: 0; cursor: pointer;}
#content table {font-size: 100%; margin: 0; padding-top: 5px; }

.alphabet {border: 1px solid #e0e0e0; padding:2px 5px 2px 5px; margin: 10px 2px; font-weight: bold; text-transform: uppercase; font-size: 120%;}

/* Right Column */
#right {float: right; width: 160px; background: #fff; margin: 20px 20px 10px 0; padding: 0; display: inline;}
#right p {padding: 0; margin: 0 0 10px 0;}
#right img {padding: 0; margin: 0 0 5px 0;}

/* Footer */
#footer {margin: 0; padding: 0; text-align: left; background: url(../images/bg_footer.gif) no-repeat top left; width: 782px; height: 150px; clear: both;}
#footer p {font-size: 70%; font-weight: normal; color: #333; margin: 0; padding: 0 20px;}
#footer a, content a:visited {text-decoration: none; color: #de2e3d; font-size: 100%;}
#footer a:hover {text-decoration: underline;}

/* Bespoke Content Elements */
.input1, .input2 {font-weight: normal; background: #fff; color: #2a2a2a; font-size: 100%; border: 1px solid #e0e0e0; font-family: verdana, arial, helvetica, sans-serif;}
.layoutMain {float: left; margin: 5px 0 0 0; padding: 0;}
.layoutMain img {padding: 0; border: 1px solid #ccc; }
.box {border: 1px solid #e0e0e0; padding: 2px 4px;}
form span.block {display: block; margin: 0 0 15px 0; font-size: 70%;}
form span.block label {width: 100px; display: block; float: left; clear: left; text-align: left; margin: 0; padding: 3px 5px 0 0;}