html, body, ul, ol, li, p, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #434343;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #666666;
}

/* Link styles */

a {color: #8C1826;}
a:link {color: #8C1826;}
a:visited {color: #8C1826;}
a:hover {color: #8C1826;text-decoration: none;}
a:active {color: #000000;}

/* Page style */

#shadow {
	width: 970px;
	height: 5px;
	margin: 0 auto;
	text-align: center;
	font-size: 1%;
	padding: 0;
	background-image: url(../images/generic/shadow.jpg);
	background-repeat: no-repeat;
}

/* wrapper */

#wrapper,
body.home #wrapper,
body.developments_wide #wrapper,
body.developments #wrapper,
body.past_developments #wrapper,
body.past_developments_wide #wrapper,
body.forthcoming #wrapper,
body.future #wrapper,
body.gallery #wrapper,
body.company #wrapper,
body.feedback #wrapper,
body.contact #wrapper,
body.recruitment #wrapper {
	width: 970px;
	margin: 0 auto;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url(../images/generic/page_norm.jpg);
	background-color: #FFFFFF;
}
body.home #wrapper {background-image: url(../images/generic/page.jpg);}
body.developments_wide #wrapper {background-image: url(../images/generic/page_wide.jpg);}
body.past_developments_wide #wrapper {background-image: url(../images/generic/page_wide.jpg);}


#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#header_area {
	width: 950px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
	font-size: 1%;
	background-color: #55000A;
}
#header a {
	left: 0;
	top: 0;
	width: 950px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/generic/header.gif);
	text-indent: -4000px;
	z-index: 3;
	font-size: 1%;
	display: block;
	position: absolute;
}

#nav {
	text-align: left;
	width: 950px;
	font-size: 70%;
	background-image: url(../images/generic/nav_up.gif);
	background-repeat: no-repeat;
	background-color: #5B020E;
	font-weight: bold;
	clear: both !important;
}
.nav_clear {
	clear: both;
	height: 1px !important;
	font-size: 1px !important;
	background-color: #000001;
}


/* Skip */

#skipnav {
	width: 950px;
	height: 1px;
	overflow: hidden;
	text-align: left;
}
#skipnav p {
	font-size: 1px;
	text-indent: -9000px;
}

#skipnav a:link, #skipnav a:visited, #skipnav a:hover {
	text-decoration: none;
}

/* Headings */

body.developments #heading_title,
body.developments_wide #heading_title,
body.past_developments #heading_title,
body.past_developments_wide #heading_title,
body.forthcoming #heading_title,
body.future #heading_title,
body.gallery #heading_title,
body.company #heading_title,
body.feedback #heading_title,
body.contact #heading_title,
body.recruitment #heading_title {
	height: 52px;
	background-repeat: no-repeat;
}
body.developments #heading_title,
body.developments_wide #heading_title {background-image: url(../images/developments/index/heading.gif);}
body.past_developments #heading_title,
body.past_developments_wide #heading_title {background-image: url(../images/past-developments/index/heading.gif);}
body.forthcoming #heading_title {background-image: url(../images/forthcoming/heading.gif);}
body.future #heading_title {background-image: url(../images/future/heading.gif);}
body.gallery #heading_title {background-image: url(../images/gallery/heading.gif);}
body.company #heading_title {background-image: url(../images/company/heading.gif);}
body.feedback #heading_title {background-image: url(../images/feedback/heading.gif);}
body.contact #heading_title {background-image: url(../images/contact/heading.gif);}
body.recruitment #heading_title {background-image: url(../images/recruitment/heading.gif);}


/* Side area */

#sideimage,
#sideimage_wide,
#sideimage_forthcoming,
#sideimage_future,
#sideimage_gallery,
#sideimage_company,
#sideimage_feedback,
#sideimage_contact,
#sideimage_recruitment {
	height: 450px;
	background-repeat: repeat-x;
}
#sideimage {background-image: url(../images/generic/sideimage.jpg);}
#sideimage_wide {background-image: url(../images/generic/sideimage_wide.jpg);}

#sideimage_forthcoming {background-image: url(../images/forthcoming/sideimage.jpg); height: 580px;}
#sideimage_future {background-image: url(../images/future/sideimage.jpg); height: 660px;}
#sideimage_gallery {background-image: url(../images/gallery/sideimage.jpg); height: 550px;}
#sideimage_company {background-image: url(../images/company/sideimage.jpg); height: 550px;}
#sideimage_feedback {background-image: url(../images/feedback/sideimage.jpg); height: 660px;}
#sideimage_contact {background-image: url(../images/contact/sideimage.jpg); height: 485px;}
#sideimage_recruitment {background-image: url(../images/recruitment/sideimage.jpg); height: 485px;}



/* Dev Headings */

#heading_glebe_court,
#heading_giles_court,
#heading_lining_wood,
#heading_potters_field,
#heading_deans_gate,
#heading_lower_greytree,
#heading_bloxham_court,
#heading_slaughter_pike,
#heading_deacon_mews,
#heading_the_squirrels,
#heading_bishops_meadow,
#heading_lydiatt_rise,
#heading_lingen_field,
#heading_the_pike_house,
#heading_sheens_meadow,
#heading_valewood_gate,
#heading_the_wimberries {
	height: 85px;
	background-repeat: no-repeat;
}
#heading_glebe_court {background-image:  url(../images/past-developments/glebe-court/heading.jpg);}
#heading_giles_court {background-image: url(../images/developments/giles-court/heading.jpg);}
#heading_lining_wood {background-image: url(../images/developments/lining-wood/heading.jpg);}
#heading_potters_field {background-image: url(../images/past-developments/potters-field/heading.jpg);}
#heading_deans_gate {background-image: url(../images/past-developments/deans-gate/heading.jpg);}
#heading_lower_greytree {background-image: url(../images/past-developments/lower-greytree/heading.jpg);}
#heading_bloxham_court {background-image: url(../images/past-developments/bloxham-court/heading.jpg);}
#heading_slaughter_pike {background-image:  url(../images/past-developments/slaughter-pike/heading.jpg);}
#heading_deacon_mews {background-image: url(../images/developments/deacon-mews/heading.jpg);}
#heading_the_squirrels {background-image: url(../images/past-developments/the-squirrels/heading.jpg);}
#heading_bishops_meadow {background-image: url(../images/developments/bishops-meadow/heading.jpg);}
#heading_lydiatt_rise {background-image: url(../images/past-developments/lydiatt-rise/heading.jpg);}
#heading_lingen_field {background-image: url(../images/developments/lingen-field/heading.jpg);}
#heading_the_pike_house {background-image: url(../images/developments/the-pike-house/heading.jpg);}
#heading_sheens_meadow {background-image: url(../images/developments/sheens-meadow/heading.jpg);}
#heading_valewood_gate {background-image: url(../images/developments/valewood-gate/heading.jpg);}
#heading_the_wimberries {background-image: url(../images/developments/the-wimberries/heading.jpg);}

/* Dev Side area */

#sideimage_glebe_court,
#sideimage_giles_court,
#sideimage_lining_wood,
#sideimage_potters_field,
#sideimage_deans_gate,
#sideimage_lower_greytree,
#sideimage_bloxham_court,
#sideimage_slaughter_pike,
#sideimage_deacon_mews,
#sideimage_bishops_meadow,
#sideimage_lydiatt_rise,
#sideimage_lingen_field,
#sideimage_the_pike_house,
#sideimage_sheens_meadow,
#sideimage_valewood_gate,
#sideimage_the_wimberries {
	height: 600px;
	background-repeat: repeat-x;
}
#sideimage_glebe_court {background-image:  url(../images/past-developments/glebe-court/sideimage.jpg); height: 620px;}
#sideimage_giles_court {background-image: url(../images/developments/giles-court/sideimage.jpg); height: 650px;}
#sideimage_lining_wood {background-image: url(../images/developments/lining-wood/sideimage.jpg); height: 550px;}
#sideimage_potters_field {background-image: url(../images/past-developments/potters-field/sideimage.jpg); height: 600px;}
#sideimage_deans_gate {background-image: url(../images/past-developments/deans-gate/sideimage.jpg);}
#sideimage_lower_greytree {background-image: url(../images/past-developments/lower-greytree/sideimage.jpg); height: 620px;}
#sideimage_bloxham_court {background-image: url(../images/past-developments/bloxham-court/sideimage.jpg); height: 620px;}
#sideimage_slaughter_pike {background-image:  url(../images/past-developments/slaughter-pike/sideimage.jpg); height: 620px;}
#sideimage_deacon_mews {background-image: url(../images/developments/deacon-mews/sideimage.jpg); height: 620px;}
#sideimage_the_squirrels {background-image: url(../images/past-developments/the-squirrels/sideimage.jpg); height: 620px;}
#sideimage_bishops_meadow {background-image: url(../images/developments/bishops-meadow/sideimage.jpg); height: 640px;}
#sideimage_lydiatt_rise {background-image: url(../images/past-developments/lydiatt-rise/sideimage.jpg); height: 640px;}
#sideimage_lingen_field {background-image: url(../images/developments/lingen-field/sideimage.jpg); height: 640px;}
#sideimage_the_pike_house {background-image: url(../images/developments/the-pike-house/sideimage.jpg); height: 640px;}
#sideimage_sheens_meadow {background-image: url(../images/developments/sheens-meadow/sideimage.jpg); height: 620px;}
#sideimage_valewood_gate {background-image:  url(../images/developments/valewood-gate/sideimage.jpg); height: 620px;}
#sideimage_the_wimberries {background-image:  url(../images/developments/the-wimberries/sideimage.jpg); height: 620px;}



/* Sign off */

.signoff_clear {
	clear: both;
	height: 1px;
	font-size: 1%;
	background-color: #111133;
}
#signoff {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/generic/footer.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#signoff p {
	font-size: 60%;
	color: #CCCCCC;
	line-height: 2.0;
	margin-left: 32px;
}
#signoff p a:link, #signoff a:visited, #signoff a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

/* Layout */

.layout_clear {
	clear: both;
	height: 1px;
	font-size: 1%;
	margin-top: -1px;
	overflow: hidden;
}

.layout_2col_1 {
	width: 300px;
	float: left;
	margin-right: 20px;
}
.layout_2col_2 {
	width: 300px;
	float: left;
}
.layout_2col_1_wide {
	width: 407px;
	float: left;
	margin-right: 19px;
}
.layout_2col_2_narrow {
	width: 194px;
	float: left;
}
.layout_2col_1_narrow {
	width: 194px;
	float: left;
	margin-right: 19px;
}
.layout_2col_2_wide {
	width: 407px;
	float: left;
}

.layout_pic_float_r {
	margin: -5px 0 20px 19px;
	padding: 4px;
	float: right;
}

.layout_3pic {
	margin: 5px 19px 5px 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.layout_4pic {
	margin: 5px 20px 5px 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.layout_5pic {
	margin: 5px 20px 5px 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.layout_6pic {
	margin: 5px 22px 5px 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.layout_pic_end {
	margin: 5px 0 5px 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

.layout_table_space {
	margin: 10px 0 0 0;
}
.layout_table_space_foot {
	margin: 0 0 14px 0;
}


/* 2 Column Grid */

body.developments #maincontent,
body.developments_wide #maincontent,
body.past_developments_wide #maincontent,
body.past_developments #maincontent,
body.forthcoming #maincontent,
body.future #maincontent,
body.gallery #maincontent,
body.company #maincontent,
body.feedback #maincontent,
body.contact #maincontent,
body.recruitment #maincontent {
	width: 664px;
	margin: 0;
	float: left;
}
body.developments_wide #maincontent,
body.past_developments_wide #maincontent {width: 570px;}


body.developments #sidecontent,
body.developments_wide #sidecontent,
body.past_developments_wide #sidecontent,
body.past_developments #sidecontent,
body.forthcoming #sidecontent,
body.future #sidecontent,
body.gallery #sidecontent,
body.company #sidecontent,
body.feedback #sidecontent,
body.contact #sidecontent,
body.recruitment #sidecontent {
	width: 285px;
	margin: 0;
	float: left;
}
body.developments_wide #sidecontent,
body.past_developments_wide #sidecontent {width: 379px;}


/* Box */

#box {
	padding: 6px 12px 5px 12px;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #8C1826;
	margin: 12px 0 20px 0;
	background-color: #FFFFFF;
	background-image: url(../images/generic/box_back.jpg);
	background-repeat: no-repeat;
	line-height: 1.0;
}
#box h3 {
	margin: 5px 0 0 0 !important;
	font-size: 78%;
	color: #8C1826;
}
#box p {
	margin: 6px 0 10px 0 !important;
	padding: 0;
	font-size: 60% !important;
	color: #333333;
}


/* Main Area and Typefaces */

#heading {
	width: 100px;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
#heading h1 {
	height: 0px;
	overflow: hidden;
	text-indent: -9000px;
}
#mainarea {
	margin: 0 22px 0 22px;
	padding-top: 6px;
}
#mainarea h1 {
	margin: 0 0 0 0;
	font-size: 110%;
	text-indent: -9000px;
	height: 0;
	overflow: hidden;
	color: #8C1826;
}
#mainarea h2 {
	margin: 0 0 5px 0;
	font-size: 90%;
	color: #000000;
}
#mainarea h3 {
	margin: 10px 0 5px 0;
	font-size: 78%;
	color: #8C1826;
}
#mainarea h4 {
	margin: 10px 0 5px 0;
	font-size: 70%;
	color: #8C1826;
}
#mainarea h5 {
	margin: 10px 0 5px 0;
	font-size: 70%;
	color: #8C1826;
	font-weight: normal;
}
#mainarea p {
	margin: 5px 0 15px 0;
	font-size: 70%;
	line-height: 160%;
}

#mainarea ul {
	list-style-type: none;
	padding: 2px;
	margin-left: 1px;
	margin-bottom: 14px;
}
#mainarea li {
	font-size: 70%;
	line-height: 170%;
	background-image: url(../images/generic/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 15px;
}
#mainarea strong {
	color: #333333;
}


.mainarea_intro {
	font-size: 78% !important;
	line-height: 160% !important;
}
.mainarea_quoter {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-top: -6px !important;
	margin-bottom: 25px !important;
	line-height: 170% !important;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #8C1826;
}
.mainarea_quoter strong {
	color: #000000;
	font-weight: bold;
}
.mainarea_caption {
	color: #000000 !important;
	font-size: 65% !important;
	line-height: 140% !important;
}

.mainarea_form_head {
	margin-top: 4px !important;
}
.mainarea_form_p {
	margin: 0 !important;
}



/* Forthcoming */


#forthcoming_area {
	margin: 0 22px 0 22px;
}
#forthcoming_area h3 {
	margin: 10px 0 4px 0;
	font-size: 78%;
	color: #8C1826;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
}
.norm {
	color: #8C1826 !important;
}

#forthcoming_area p {
	margin: 6px 0 20px 0;
	font-size: 70%;
	line-height: 160%;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;

}


/* Gallery */

body.gallery #devarea {
	padding-bottom: 5px;
}
body.gallery #devarea p {
	margin: 0 0 10px 0;
	font-size: 70%;
	line-height: 140%;
}


/* Development */

#devarea {
	margin: 0 22px 0 22px;
	padding-top: 6px;
}
#devarea h2 {
	margin: 0 0 4px 0;
	font-size: 90%;
	color: #000000;
}
.devbox {
	padding: 8px 12px 5px 12px;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #8C1826;
	background-color: #FFFFFF;
	background-image: url(../images/generic/box_back.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	line-height: 1.1;
}
#devarea h3 {
	margin: 0 0 8px 0;
	font-size: 70%;
	color: #8C1826;
	text-decoration: none;
}
#devarea p {
	margin: 0 0 5px 0;
	font-size: 65%;
	line-height: 140%;
}
#devarea p strong {
	color: #000000;
}
.layout_devarea_pic {
	float: left;
	width: 60px;
	margin: 0 15px 0 2px;
	padding: 10px 0;
}
.layout_devarea_text {
	float: left;
	width: 420px;
	padding: 8px 0 0 0;
}
.layout_devarea_pic_border {
	border: 5px solid #CCCCCC;
}


/* Development map */

#dev_map h3 {
	margin: 0 22px 4px 22px;
	padding: 5px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #8C1826;
	font-size: 70%;
}
#dev_map p {
	margin: 0 22px 4px 22px;
	font-size: 65%;
	line-height: 160%;
}
#dev_map strong {
	color: #000000;
}



/* Tables */

table {
	width: 620px;
	margin: 5px 0 20px 0;
}

th {
	padding: 8px 10px 5px 10px;
	text-align: left;
	font-size: 65%;
	color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #8C1827;
	background-image: url(../images/generic/nav_up.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
th.highlighted {
	font-size: 70%;
	text-transform: uppercase;
}
td {
	padding: 3px 10px;
	font-size: 65%;
	color: #666666;
	border-bottom: 1px solid #CCCCCC;
}
td a:link {
	color: #000000;
}
td strong {
	color: #000000;
}

td.highlighted {
	font-size: 100%;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #8C1826;
	background-color: #F2F2F2;
}
td.highlighted strong {
	color: #8C1826 !important;
}
.table_l_head {
	padding: 3px 10px;
	font-size: 65%;
	color: #666666;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: none;
}

/* Home page */

#intro_area {
	width: 950px;
	background-image: url(../images/home/home.jpg);
	background-repeat: no-repeat;
	background-color: #006FC5;
	margin: 0;
}
#intro_image_area {
	width: 570px;
	height: 290px;
	float: left;
}
#intro_heading {
	width: 100px;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
#intro_heading h1 {
	height: 0px;
	overflow: hidden;
	text-indent: -9000px;
}
#intro_text {
	width: 380px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #F9F9F9;
	float: left;
}
#intro_text p {
	width: 340px;
	font-size: 60%;
	line-height: 160%;
	margin: 0 0 12px 22px;
	font-size: 70%;
	color: #F9F9F9;
}
#intro_text p.intro_start {
	font-size: 78%;
}
#welcome {
	width: 950px;
	height: 118px;
	background-image: url(../images/home/welcome.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-size: 1%;
}
#logos {
	width: 950px;
	height: 42px;
	font-size: 1%;
	text-align: right;
	background-color: #FFFFFF;
	border: 0 !important;
}
#logos a {
	border-width: 0;
	border-collapse: collapse;
}
#page_home {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

.fade-box {
	margin-left: 0px;
	position: absolute;
	width: 570px;
	height: 290px;
	font-size: 1px;
}
#crossfade-container {
	margin: 0;
	width: 570px;
	height: 290px;
	background: #384444;	
}

#box-1 {

}
#box-2 {

}
#box-3 {

}