body {
background:url(../images/bk.jpg);
background-repeat:repeat-x;
    background-color: #001722;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    margin: 0;
}
img {
    border: medium none;
}
h1, h2 {
    color: #cddd2a;
    font-size: 1.5em;
}

p {

color:#FFFFFF;
}

a:link {
    color: #cddd2a;
    text-decoration: none;
}
a:visited {
    color: #cddd2a;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    text-decoration: none;
}
input.button {
    background-color: #000000;
    border: 1px solid #444444;
    color: #FFFFFF;
    padding: 6px;
    width: 213px;
}
input.button:hover {
    background-color: #b2c329;
}

#header {
    background-image:url(../images/head-bg.jpg);
    background-repeat: no-repeat;
    height: 215px;
    margin:32px 0 0 0;
    width: 896px;
	padding:0;
}
#container {
    min-height: 976px;
    width: 100%;
	margin:0 auto;
	overflow:hidden;

}

#nav-express-wrap {float:left; padding:0 ; margin:0; width:896px;  height:60px;}

#content-wrap {float:left; width:896px; padding:0; margin:15px 0 0 0;}

#content-wrap2 {float:left; width:896px; padding:0; margin:60px 0 0 0;}

#wrap {
    margin:0 auto;
    width: 896px;
}
#flashwrap {
    background-image:url(../images/back-flash.jpg);
    background-repeat: no-repeat;
    clear: both;
    height: 350px;
    padding: 20px 0 0 0;
	margin:0 auto;
    width:873px;
	
}
#flash {
    float: left;
    height: 331px;
    margin:8px 0 20px 98px;
    width: 669px;
}
#nav {
    float:left;
    margin: 20px 0 0 80px;
    width: 732px;
	padding:0;
}

/*CSS Sprite Navigation*/

#navigation { margin:0; padding:0; width:732px;  height:25px; background-image:url(http://www.crearewebsites.co.uk/nc/brittonscrearedev/images/navigation.jpg); float:left;}

#navigation li { margin:0; padding:0; display:inline; height:25px; color:#FFFFFF;  text-align:center; float:left; font-size:1.2em; }

#navigation a { display:block; height:25px; }


#navigation a:hover {background-image:url(http://www.crearewebsites.co.uk/nc/brittonscrearedev/images/navigation.jpg);}

#nav-home a {width:51px;background-position: 0 0; }

#nav-home a:hover {background-position: 0 bottom;}

#nav-business{ width:126px;}

#nav-business a:hover {background-position: -51px bottom;}

#nav-private { width:53px;}

#nav-private a:hover {background-position: -177px bottom;}

#nav-staff { width:46px;}

#nav-staff a:hover {background-position: -230px bottom;}

#nav-gallery { width:57px;} 

#nav-gallery a:hover {background-position: -276px bottom;}

#nav-christmas { width:72px;}

#nav-christmas a:hover {background-position:-333px bottom;}

#nav-contract { width:115px;}

#nav-contract a:hover {background-position:-405px bottom;}

#nav-news { width:85px;}

#nav-news a:hover {background-position:-520px bottom;}

#nav-links { width:65px;}

#nav-links a:hover {background-position:-605px bottom;}

#nav-contact { width:62px;}

#nav-contact a:hover {background-position:-670px bottom;}


.hide { display:none;}




.link-site {color:#cddd2a; }



/*Express Sprite*/ 

#express-wrap {float:left; margin:0 20px 0 0; padding:0;}

#express { float:left; padding:4px 0 0 0; margin:0 20px 0 0;}
#express li {  display:block; height:52px; width: 175px; color:#FFFFFF; background-image:url(../images/brittons-express-sprite.jpg); float:left ; background-position:0 bottom; margin:0; padding:0;}

#express a { display:block; height:52px; width:175px; margin:0 auto; padding:0;}

#express a:hover {background:url(../images/brittons-express-sprite.jpg); display:block; height:52px; width: 175px; }

.express { margin:0 10px 0 0;} 




/*See More Sprite*/ 


#see-more { padding:0;  height:29px 0 0 0; background-image:url(../images/see-more.jpg); float:left; margin:20px 20px 20px 0;}

#see-more li {  display:block; height:29px; width: 227px; color:#FFFFFF; background-image:url(../images/see-more.jpg); background-position:0 bottom;}

#see-more a { display:block; height:29px; width:227px; }

#see-more a:hover {background:url(../images/see-more.jpg) no-repeat ; display:block; height:29px; width: 227px; float:left;}

.see-more { margin:0 10px 0 0;} 





/*Submit Sprite*/ 


#submit { padding:0;  height:25px; background-image:url(../images/submit.jpg); float:left;}

#submit li {  display:block; height:25px; width: 227px; color:#FFFFFF; background-image:url(../images/submit.jpg); float:left ; background-position:0 bottom;}

#submit a { display:block; height:25px; width:227px; margin:0 auto;}

#submit a:hover {background:url(../images/submit.jpg) no-repeat ; display:block; height:25px; width: 227px; float:left;}

.submit { margin:0 10px 0 0;} 




/*Tweet Sprite*/ 

#share {float:left; margin:10px 20px 0 0; padding:0;}


#tweet { padding:0;  height:48px; background-image:url(../images/tweet.jpg); float:left; margin:0;}

#tweet li {  display:block; height:48px; width: 50px; color:#FFFFFF; background-image:url(../images/tweet.jpg); float:left ; background-position:0 bottom;}

#tweet a { display:block; height:48px; width:50px; margin:0 auto;}

#tweet a:hover {background:url(../images/tweet.jpg) no-repeat ; display:block; height:48px; width: 50px; float:left;}

.tweet { margin:0 10px 0 0;} 


/*Facebook Sprite*/ 


#facebook { padding:0;  height:48px; background-image:url(../images/facebook.jpg); float:left; margin:0;}

#facebook li {  display:block; height:48px; width: 51px; color:#FFFFFF; background-image:url(../images/facebook.jpg); float:left ; background-position:0 bottom;}

#facebook a { display:block; height:48px; width:51px; margin:0 auto;}

#facebook a:hover {background:url(../images/facebook.jpg) no-repeat ; display:block; height:48px; width: 51px; float:left;}

.facebook { margin:0 10px 0 0;} 

.sharetext {font-size:1.1em; color:#FFFFFF; }



/*PDF Sprite*/ 


#pdf { padding:0;  height:65px; background-image:url(../images/pdf.jpg); float:left; margin:0 20px 0 0;}

#pdf li {  display:block; height:65px; width: 201px; color:#FFFFFF; background-image:url(../images/pdf.jpg); float:left ; background-position:0 bottom;}

#pdf a { display:block; height:65px; width:201px; margin:0 auto;}

#pdf a:hover {background:url(../images/pdf.jpg) no-repeat ; display:block; height:65px; width: 201px; float:left;}

.pdf { margin:0 10px 0 0;}


#three-images {width:126px; float:left; margin:30px 0 0 0; padding:0;}

#maintext {
    font-size:1.1em; 
	float: left; 
	width:540px; 
	padding-right:90px;
	line-height:20px; 
	font-weight:normal;
	color:#FFFFFF;
	margin:20px 0 0 0;
}


#maintext1 {
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 20px;
    padding: 40px 30px 20px 0;
    width: 472px;
	color:#FFFFFF;
}
#maintext ul {
    font-size: 1em;
}
#rightcol1 {
    float: left;
    padding:40px 0 0 30px;
    width: 236px;
}



#rightcol {width:225px; float:left; padding-top:20px; padding-bottom:20px;}

#rightcol ul {
    font-size: 1.1em;
    line-height: 18px;
    list-style-type: none;
    padding: 0;
}
#rightcol a {
    color: #FFFFFF;
    text-decoration: none;
}
#rightcol a:visited {
    color: #FFFFFF;
}
#rightcol a:hover {
    color: #cddd2a;
}
#rssbox {
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 225px;
}
#rssbox ul {
    font-size: 1.1em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}
#rssbox li {
    display: block;
    text-align: left;
	font-size:1.2em;
	line-height:1.5em;
}
#rssbox a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#rssbox a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#rssbox a:hover {
    color: #cddd2a;
    text-decoration: none;
}
#footer {
    background:#001722;
    background-repeat:repeat-y;
	margin:0 auto;
	padding:10px 0 0 0;
}
#footer ul {
    list-style: none outside none;
    margin: 0;
    padding: 3px 0 0 0;
}
#footer li {
    display: inline;
}
#footwrap {
    margin:0 auto;
    width: 896px;
}


#curve1 { height:20px; width:898px; margin:0 auto; background:url(../images/top-footer.jpg) no-repeat; }


#curve2 { height:14px; width:898px; margin:0 auto; background:url(../images/top-footer.jpg) no-repeat; }

.home-list {list-style:none; padding:6px ; margin:0 10px 0 0; line-height:1.9em; }

#contact {
    float: left;
    margin-bottom: 20px;
    width: 540px;
}
#map {
    clear: both;
    margin-bottom: 20px;
    width: 225px;
}


#sitemap {
    float: left;
    line-height: 14px;
    margin: 30px 0 0 0;
	padding:0 0 20px 0;
	color:#ffffff;
}
#sitemap li {
    border-right: 1px solid #FFFFFF;
    margin-left: 3px;
    padding-right: 3px;
}
#footertop {
    clear: both;
    padding-right: 30px;
    width: 836px;
}
#footertop ul {
    margin: 0;
    padding: 0;
}
#footertop li {
    display: inline;
    margin-right: 5px;
	color:#FFFFFF;
}
.sub {
    font-size: 0.7em;
}
.sub1 {
    color: #cddd2a;
    font-size: 1.4em;
}
.margin-top {
    margin-top: 37px;
}
.margin-bottom {
    margin-bottom: 2px;
}
.formstyle {
    background-color: #000000;
    border: 1px solid #444444;
    color: #FFFFFF;
    padding: 6px;
    width: 195px;
	height:30px;
}
.h2style5 {
    color: #cddd2a;
    font-size: 1.5em;
	padding:60px 0 0;
}

.h2style {
    color: #cddd2a;
    font-size: 1.5em;

}


.h2style2 {
    color: #cddd2a;
    font-size: 1.5em;
	padding:0;
	margin:90px 0 0 0;
}



.h2style8 {
    color: #cddd2a;
    font-size: 1.5em;
	padding:0;
	margin:70px 0 0 0;
}

#smalllogo {float:right; margin:0 65px 0 0; padding:0;}
.small-logo1 {float:left; padding:0; margin:0;}


.small-logo2 {float:left; padding:0; margin:0;}


.small-logo3 {float:left; padding:0; margin:80px 0 0 -114px;}

.staff-image {float:right; margin:10px 0 0 10px; padding:0;}