* {
padding: 0px;
margin: 0px;
}

a img {
border: 0px;
}


body {
background: #c9cb2c;
margin:0;
padding:0 0 0 40px;
font-family:  arial, verdana,sans-serif;
font-size:13px;
}



#container {
width: 960px;
margin:0 auto; 
margin-top: 0px;
}


.header {
position: relative;
width: 960px;
float:left;
}

.header img {
float:left;
}

img.logo {
position: relative;
top: 50px;
}

img.logo2 {
float:right;
}



.topnav {
float:left;
width: 900px;
color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
position:absolute;
bottom:25px;
left:0px;
padding: 6px 0px 8px 0px;
}

.topnav a {
color: #ffffff;
padding: 0px 12px 0px 12px;
text-decoration: none;
font-size: 16px;
}
.topnav a:hover {
color: yellow;
}
a.topnav-home{
padding: 0px 8px 0px 0px;
}

.mainimage {
float: left;
height:252px;
width: 900px;
background: #C9CB2C url(../images/header1.jpg) no-repeat;
}

.border {
float: left;
height:18px;
width: 899px;
background: #1A1A1A;
position: relative;
left: 1px;
}

.imagenav {
float:left;
font-weight: bold;
}
.imagenav-image {
float: left;
text-align: center;
width: 125px;
padding-right:4px;
}
.imagenav-image-end {
float: left;
text-align: center;
width: 125px;
}
.imagenav-image img,
.imagenav-image-end img {
padding-bottom:10px;
}

.imagenav img,
.imagenav-image img,
.imagenav-image-end img {
border: 0px;
}

.content {
width: 900px;
min-height:200px;
    height:auto !important;
float:left;
position: relative;
padding-bottom: 40px;
}

.text {
float:left;
padding-top:0px;
width:385px;
position: relative;
}
.contact .text {
float:left;
padding-top:0px;
width:360px;
position: relative;
}
.partners .text {
float:left;
padding-top:0px;
width:880px;
position: relative;
}


 
.text a {
text-decoration: none;
color:#000000;
}

.content p {
margin: 0px 0px 16px 0px;
color: #000000;
}


.content ul {
color: #000000;
margin: 0px 0px 16px 30px;
}

.content li {
padding-left: 40px;
padding-bottom: 10px;
}

.services .content {
width: 900px;
min-height:200px;
    height:auto !important;
float:left;
position: relative;
padding-bottom: 80px;

}
.services .content-last {
width: 900px;
min-height:200px;
    height:auto !important;
float:left;
position: relative;
padding-bottom: 150px;
}




h2 {
color:#ffffff;
font-size:23px;
font-weight:normal;
margin: 0px;
padding-top:40px;
padding-bottom:40px;
font-family: Arial, verdana, sans-serif;
}


.text h2 a {
color:#ffffff;
font-size:23px;
font-weight:normal;
margin: 0px;
padding-top:40px;
padding-bottom:40px;
font-family: Arial, verdana, sans-serif;
}



.leftblock {
width: 390px;
height: 270px;
margin-top: 40px;
float:right;
}
.leftblock img {
float:right;
padding: 0px 0px 22px 22px;
}
.tytherington-s,
.rhs-tatton-follower-s {
text-align: center;
width: 133px;
float:left;
padding-left: 55px;
}
.warrington-s,
.congleton-s {
text-align: center;
width: 133px;
float:right;
}
.rhs-tatton-follower-s,
.congleton-s {
margin-top: 15px;
}



.leftblock-services {
width: 417px;
height: 159px;
margin-top: 40px;
float:right;
}


.warrington .window-2 {
background: url(../portfolio/images/congleton-1.jpg) no-repeat;
height:252px;
width: 900px;
}



.leftblock-portfolio {
width: 338px;
height: 270px;
margin-top: 40px;
background: transparent;
float:right;
}
.leftblock-portfolio-pages {
width: 380px;
margin-top: 139px;
float:right;
}
p.portfolio-white-text {
color: #ffffff;
}
.leftblock-portfolio-pages a {
text-decoration: none;
color: #000000;
}
p.portfolio-white-text {
color: #ffffff;
}




.leftblock-contact {
width: 510px;
margin-top: 50px;
float:right;
}
p.white {
color: #ffffff;
margin-left:11px;
}
p.thankyou {
margin-left:11px;
}



.footer {
float:left;
width: 900px;
color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding: 6px 0px 8px 0px;
}
.footer a {
color: #ffffff;
padding: 0px 12px 0px 12px;
text-decoration: none;
font-size: 16px;
}
.footer a:hover {
color: yellow;
}
a.footer-home{
padding: 0px 8px 0px 0px;
}

span.active a {
color: yellow;
}






.footertext {
width: 900px;
float:left;
color: #000000;
padding: 10px 0px 50px 0px;
font-size: 11px;
}
.footertext a {
text-decoration: none;
color: #000000;
}



.window {
height: 320px;
overflow:hidden;
float:left;
width: 900px;
position: relative;
margin-top:20px;
}
.window-2 {
height: 252px;
overflow:hidden;
float:left;
width: 900px;
position: relative;
border-bottom: 18px solid #1A1A1A;
}

.content1 {
width: 900px;
float:left;
position: relative;
}

.content1 a {
width: 900px;
float:left;
position: relative;
height: 252px;
}




.imagenav-image a,
.imagenav-image-end a {
border: 0px;
text-decoration: none;
color: #000000;
}
.imagenav-image a:hover,
.imagenav-image-end a:hover {
border: 0px;
text-decoration: none;
color: yellow;
}