/* Lakes Off Road
lakesoffroad_layout.css
author:  cw
updated: 14 july 2009 12:18

Colours:
Navy Blue   #0B0145
Black Blue  #164A1E
Royal Blue  #12077A
Light Blue  #00A0C6
Green       #008837
White       #fff
Grey        #ccc

 */

* {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

a img{
border:0;
}

#header{
width:940px;
margin-left:auto;
margin-right:auto;
}


#wrapper{
width:940px;
margin-left:auto;
margin-right:auto;
background: url(imgs/bg_fellsextend.jpg) repeat-y;
}



#content{
position:relative;
background: url(imgs/bg_fells.jpg) no-repeat top;
width:940px;
border:1px solid #fff;
padding-bottom:10px;
}


#navigation{
position:absolute;
left:0;
top:80px;
}

#photos{
position:absolute;
left:700px;
top:3px;
}

#landroverpage #photos, #lakesroutespage #photos{
padding-top:72px;
}

#text{
position:relative;
width:490px;
margin-left:190px;
margin-top:60px;
}


#photopage #text{
width:650px;
}

#footer{
width:940px;
margin-left:auto;
margin-right:auto;
height:168px;
background:url(imgs/bg_footer.gif);
}

#phone{
position:relative;
left:190px;
top:80px;
}

#email{
position:relative;
left:380px;
top:40px;
width:189px;

}

#email a:link, #email a:visited{
display:block;
height:38px;
background:url(imgs/ft_email_off.gif);
}
#email a:hover, #email a:active{
background:url(imgs/ft_email_hov.gif);
}
#email span, #morephotos span, #landroverspec span{
display:none;
}

#landroverspec{
width:183px;
margin-top:10px;
margin-left:15px;
}

#landroverspec a:link, #landroverspec a:visited{
display:block;
height:153px;
background:url(imgs/nav_landroverspec.gif) 0 0 no-repeat;
}
#landroverspec a:hover, #landroverspec a:active{
background-position: -184px 0;
}


#morephotos{
width:169px;
position:relative;
top:-40px;
left:15px;
}

#morephotos a:link, #morephotos a:visited{
display:block;
height:69px;
background:url(imgs/nav_morephotos.gif) 0 0 no-repeat;
}
#morephotos a:hover, #morephotos a:active{
background-position: -170px 0;
}

/* ******** H1 page titles ******* */
#text h1 span{
display:none;
}
h1{
display:block;
position:relative;
}

#homepage #text h1{
width:490px;
height:56px;
background:url(imgs/hd_welcomelakesoffroad.gif) no-repeat ;
}

#photopage h1{
width:245px;
height:47px;
background:url(imgs/hd_photogallery.gif) no-repeat ;
}

#landroverpage h1{
width:490px;
height:56px;
background:url(imgs/hd_landroverspecification.gif) no-repeat ;
}

#lakesroutespage h1{
width:490px;
height:56px;
background:url(imgs/hd_lakedistrictoffroadroutes.gif) no-repeat ;
}

#contactpage h1{
width:490px;
height:56px;
background:url(imgs/hd_contactlakesoffroad.gif) no-repeat ;
}


/* ********* HOMEPAGE ********* */
.area{
background: url(imgs/bg_texthomepage.gif) repeat-y;
padding:10px 15px;
font-size:80%;
}

.area p{
margin-bottom:1em;
color:#12077A;
}

.area li{
color:#12077A;
list-style-position:inside;
}

.last{
width:490px;
height:8px;
background:url(imgs/bg_textbottom.gif) no-repeat ;
}


/* ******** NAVIGATION IMAGES ******* */

a.nav span{
display:none;
}

#navigation a{
display:block;
width:180px;
}

a#home:link, a#home:visited {
height:67px;
background:url(imgs/nav_home.gif) 0 0 no-repeat;
}
a#home:active, #homepage a#home{
background-position: -368px 0;
}
a#home:hover{
background-position: -184px 0;
}

a#landrover:link, a#landrover:visited {
height:55px;
background:url(imgs/nav_landrover.gif) 0 0 no-repeat;
}
a#landrover:active, #landroverpage a#landrover{
background-position: -367px 0;
}
a#landrover:hover{
background-position: -183px 0;
}

a#lakedistrict:link, a#lakedistrict:visited {
height:51px;
background:url(imgs/nav_lakedistrictroutes.gif) 0 0 no-repeat;
}
a#lakedistrict:active, #lakesroutespage a#lakedistrict{
background-position: -367px 0;
}
a#lakedistrict:hover{
background-position: -183px 0;
}

a#driving:link, a#driving:visited {
height:67px;
background:url(imgs/nav_responsibledriving_off.gif) 0 0 no-repeat;
}
a#driving:active{
background-position: -368px 0;
}
a#driving:hover{
background-position: -184px 0;
}

a#photographs:link, a#photographs:visited {
height:64px;
background:url(imgs/nav_4x4photos.gif) 0 0 no-repeat;
}
a#photographs:active, #photopage a#photographs{
background-position: -368px 0;
}
a#photographs:hover{
background-position: -184px 0;
}

a#contact:link, a#contact:visited {
height:57px;
background:url(imgs/nav_contactus.gif) 0 0 no-repeat;
}
a#contact:active, #contactpage a#contact{
background-position: -367px 0;
}
a#contact:hover{
background-position: -183px 0;}