/* Long Lane Garage Stylesheet 2021 */

/*
COLOURS

black / text 707070
H1 0a2b4e
red cc3637
blue 0a2b4e
mot blue 157ae9
pale blue b1c9f6

*/

body,p,td,tr,th,input,h1,h2,h3,h4,h5,h6,select,option,textarea,li,ol,ul{
		font-family:'Open Sans',sans-serif !important;
}

body{
		margin:0px;
		padding:0px;
		color:#707070;
		background:#ffffff;
		font-size:16px;
		line-height:1.6em;
}

form{
		display:inline;
}

p{
		font-size:1.2em;
		line-height:1.6em;
		margin:5px 0;
		padding:5px 20px;
}
ul, li, ol  {	line-height:1.6em;}
h1{
		font-size:2em;
		line-height:1.6em;
		color:#66667f;
		margin:10px 0;
		padding:10px 20px;
}

h2{
		font-size:1.6em;
		line-height:1.6em;
		color:#6b6164;
		margin:10px 0;
		padding:10px 20px;
}

h3{
		font-size:1.4em;
		line-height:1.6em;
		color:#3d3638;
		margin:5px 0;
		padding:10px 20px;
}

h4{
		font-size:1.2em;
		line-height:1.4em;
		margin:10px 0;
		padding:10px 20px;
		color:#3d3638;
}

li{
		font-size:1.2em;
		line-height:1.0em;
		margin:10px 26px;
}

li ul li,li ol li{
		font-size:1.0em;
		line-height:1.6em;
}

ul{
		margin:2px 24px;
		padding:0 2px;
}

ol{
		margin:2px 24px;
		padding:2px;
}

a,a:link,a:active{
		color:#cc3637;
		text-decoration:underline;
		font-weight:normal;
}

a:visited{
		color:#cc3637;
		text-decoration:underline;
		font-weight:normal;
}

a:hover{
		color:#0a2b4e;
		text-decoration:none;
		font-weight:normal;
}






/*ID's*/

/*
COLOURS

black / text 707070
red cc3637
blue 0a2b4e
mot blue 157ae9
pale blue b1c9f6

*/


#whiteframe{
		position:relative;
		margin:30px auto;
		padding:0;
		width:100%;
}
#redframe {
max-width:960px;
width:960px;
margin:0 auto;
border:1px solid #bababa;
}

.header {



/*background: #fff url("../Resources/new-longlanebanner.jpg") top left no-repeat;*/
background: #fff url("../Resources/longlanebanner-2025.jpg") top left no-repeat;
}
.head-img2,
.head-img1 {float:right; padding:20px 10px;}


#header-inner {
width:300px;
float:left;
padding:10px;
margin:0;
color:#fff !important;
letter-spacing:1px; 
text-align:left;
}
#header-inner h2 {
color:#fff !important;
font-size:1.1em;
line-height:1.8em;
}
#header-inner h2 span {
font-size:1.8em;
}

#header-inner h3 {
color:#fff !important;
font-size:1.6em;
line-height:1.4em;
padding-right:50px;

}




#maincontent{
		position:relative;
		margin:0 auto;
		padding:0;
		max-width:960px;

}

#content{
		padding:20px 40px;
		margin:0px;

}






.footer-copy p {
border-top:1px solid #bababa;
padding-top:10px !important;
		text-align:center !important;
		font-size:0.9em !important;
}




























/*MOBILES*/

 @media screen and (max-width: 40em) {    

p{
		font-size:1.1em;
/*		line-height:1.6em;
		margin:5px 0;
		padding:5px 20px;*/
}
ul, li, ol  {	line-height:1.6em;}

h1{
		font-size:1.6em;
		line-height:1.6em;
		color:#66667f;
		margin:10px 0;
		padding:10px 20px;
}


#whiteframe{
		margin:0px auto;
}
#redframe {
		width:99%;
max-width:99%;
}

.header {
background: #fff url("../Resources/new-longlanebanner.jpg") center center no-repeat contain;
}
.head-img1 {display:none;}
.head-img2 {float:none; padding:10px;}


#header-inner {
		width:100%;
float:none;
padding:0px;
margin:0;
}
#header-inner h2 {
font-size:0.9em;
line-height:1.8em;
padding:0px 0 10px 10px;
margin:0;
}
#header-inner h2 span {
font-size:1.8em;
}

#header-inner h3 {
/*color:#fff !important;*/
padding:0px 40% 0 10px;
margin:0;
font-size:1.2em;
line-height:1.4em;

}




#maincontent{
		max-width:100%;
}

#content{
		padding:10px 10px;
}


}


/*
COLOURS

black / text 707070
red cc3637
blue 0a2b4e
mot blue 157ae9
pale blue b1c9f6

*/