/* CSS Document */
@charset "utf-8";
body {
margin:0px 0 0 0;
padding:0px 0px 20px 0px;
background-color: #ffffff;
}
div, img, span, span a { behavior: url("ie6/iepngfix.htc"); }
.accessibility {
display:none;
}
html {
height:100%;
width:100%;
margin-bottom:1px;
}
h1 {
position: absolute;
left:0px;
padding:20px;
color:#808080;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
}
h2 {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
color: #5e5e5e;
}

p {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
color: #5e5e5e;
}

#wrapper {
position: relative;
left:0px;
top:0px;
width:1004px;
background:#ffffff;
margin:0 auto;
}
.content-box{
background-color: #ffffff;
position: absolute;
left:150px;
top:170px;
width:845px;
}
.main-banner {
position: absolute;
left:0px;
top:0px;
width:1004px;
height:60px;
overflow:hidden;
}
.text{
position: absolute;
color:#5e5e5e;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size:14px;
left:30px;
top:10px;
width:790px;
}
.text2{
position: absolute;
color:#5e5e5e;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size:12px;
left:60px;
top:10px;
width:600px;
}
.index-old-skate{
position: absolute;
top :900px;
left:80px;
width:300px;
height:300px;
overflow:hidden;
}
.index-new-skate{
position: absolute;
top :900px;
left:480px;
width:300px;
height:300px;
overflow:hidden;
}
.skate-menu{
background-color: #ffffff;	
list-style-type: none;
text-decoration:none;
position: absolute;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size:15px;
padding:0px;
left: 20px;
top:170px;
width:100px;
}
.skate-menu a {
color: #585858;
text-decoration: none;
}
.skate-menu a:link, .skate-menu a:visited{
color: #585858;
text-decoration: none;
}
.skate-menu a:hover, .skate-menu a:active{
color: 	#3399CC;
text-decoration: none;
}
.page-logo{
position: absolute;
top :10px;
left:684px;
width:70px;
height:70px;
overflow:hidden;
}
.page-logo1{
position: absolute;
top :10px;
left:604px;
width:150px;
height:41px;
overflow:hidden;
}







/*-------------------adverts-----------------------------*/
/*
.advert-main{
position: absolute;
left:200px;
top: 70px;
width:728px;
height:200px;
overflow:hidden;
}
*/

.advert-top{
position: absolute;
left:210px;
top: 70px;
width:728px;
height:90px;
overflow:hidden;
}
.advert-btm{
position: absolute;
left:210px;
bottom:80px;
width:728px;
height:90px;
overflow:hidden;
}


.advert-social-sweepstake{
position: absolute;
left:60px;
top: 20px;
width:728px;
height:90px;
overflow:hidden;
}

.centre-advert-l-contact{
position: absolute;
top :420px;
left:50px;
width:300px;
height:600px;
overflow:hidden;
}
.centre-advert-r-contact{
position: absolute;
top :420px;
left:400px;
width:300px;
height:600px;
overflow:hidden;
}

/*-------------------end of adverts-------------------------*/

/*-------------------skate images-------------------------*/

.skate-images ul {
	list-style-type: none;

}
.skate-images ul li {
	display: inline;
	margin: 10px 10px 10px 10px;	
}
/*-------------------end of skate images-------------------------*/








/* Darker overlay background */
.lb-overlay {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

/* Close button */
.lb-close {
    width: 40px !important;
    height: 40px !important;
    top: 15px !important;
    right: 15px !important;
    font-size: 32px !important;
    opacity: 1 !important;
    color: #fff !important;
    text-shadow: none !important;
}

/* Navigation arrows */
.lb-prev, .lb-next {
    width: 50px !important;
    height: 50px !important;
    top: 50% !important;
    margin-top: -25px !important;
    background-size: 50% auto !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease;
}

/* Arrows hover effect */
.lb-prev:hover, .lb-next:hover {
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50%;
}

/* Optional: slightly round arrows for a modern look */
.lb-prev, .lb-next {
    border-radius: 50%;
}











/*---------------------gallery css ------------------------------------ */


.gallerycontainer1{
position: absolute;
top:480px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer2{
position: absolute;
top:650px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer3{
position: absolute;
top:850px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer4{
position: absolute;
top:1100px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer5{
position: absolute;
top:950px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer6{
position: absolute;
top:1200px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer7{
position: absolute;
top:550px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer8{
position: absolute;
top:750px;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 22px 50px 40px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*-------------------end of gallery css ------------------------------------ */


.fbfeed {
position: absolute;
bottom: 180px;
left:5px;
}

.footer {
position: absolute;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
bottom:15px;
left:325px;
font-size: 15px;
color: #585858;
}
.footer a {
color: #585858;
text-decoration: none;
}
.footer a:link, .footer a:visited{
color: #585858;
text-decoration: none;
}
.footer a:hover, .footer a:active{
color: #3399CC;
text-decoration: none;
}