body
{
    font-size: 68.9%; /* Default (medium) is 16px: scale to 11px */
    font-family:Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    margin-top: 0;
    color: #CCC; /* light grey */
    line-height: 1.4em;
    background-color: #333333; /* dark grey */
}
p {
	padding: 0;
	margin: 0;
	margin-bottom:10px !important;
	/*border: red solid 1px;*/
}
img {
	padding: 0;
	margin: 0;
	/*border: red solid 1px;*/
}
a {
    outline: none; /* stops FF rollover highlight */
    color:#ccc;
}
a:hover {
    text-decoration:none;
}

 /* Layout"
------------------------------------------------
------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 955px;
    /*background-color: red;*/
}
#hp-col-left {
    float: left;
    width:422px;
    margin:0;
    padding:0;
    background-color: #595959; /* lighter of the 2 columns */
    /*background-color: green;*/
}
#hp-col-left h2, 
#col-dsl-left h2{
    margin:0;
    padding:0;
}
#hp-col-left h2 a, 
#col-dsl-left h2 a{
    float: left;
    margin-bottom:14px;
    text-indent:-3000px;
}
.dshome{    height: 257px; width: 422px; background: transparent url(images/template/hp-ds-homes.jpg) top right no-repeat;}
.dshomes{   height: 245px; width: 422px; background: transparent url(images/developments/chilbolton/hub-pic.jpg) top left no-repeat;}
.dslimited{ height: 245px; width: 534px; background: transparent url(images/developments/charlton-road/hub-pic.jpg) top left no-repeat;}

#hp-col-right {
    float: left;
    margin:0;
    padding:0;
    width: 533px;
    background-color: #4D4D4D; /* darker of the 2 columns */
}
#hp-col-right h2{
    margin:0;
    padding:0;
}
#hp-col-right h2 a{
    float: left;
    height:257px;
    width: 533px;
    margin-bottom:14px;
    text-indent:-3000px;
    background: transparent url(images/template/hp-ds-limited.jpg) top right no-repeat;
}
.content-padding1 h2, 
.content-padding2 h2{
    margin:0;
    padding:0;
    color:#fff;
    font-size:1.0em;
    line-height:1.2em;
    font-weight:normal;
    /*border:blue 1px solid;*/
    padding-bottom:10px !important;
}
.content-padding1 h2{
    text-align:right;
}
#hp-col-right h3, 
#hp-col-left h3, 
#col-right-small h3, 
#col-generic-middle h3, 
#col-middle-container h3, 
#col-dsl-middle h3, 
.col-content-thin h3, 
#col-dsl-left-container h3, 
#col-middle-container h3 {
    margin:0;
    padding:0;
    color:#fff;
    font-size:1.2em;
    font-weight:normal;
    clear:left;
    padding-bottom: 10px!important;
    /*border: pink 1px solid;*/
}
#hp-col-left h3.homeonly{
    text-align:right;
}
.content-padding1{
    float:left;
    display:inline;
    padding:14px;
    padding-top:0 !important;
    width: 394px;
    /*border: red 1px solid;*/
    /*background-color:Red;*/
}
.content-padding2{
    float:left;
    display:inline;
    padding:14px;
    padding-top:0 !important;
    width: 505px;
    /*border: red 1px solid;*/
}
img.spaced{
    margin-bottom:10px !important;
}
#col-generic-left {
    float:left;
    width:242px;
    /*background-color:blue;*/
}
#col-generic-left img{
    float:left;
}
#col-generic-middle {
    float:left;
    width:492px; /* originally 532px */
    padding:20px;
    background-color:#1B1B1B;
}
#col-generic-middle-sub {
    float:right;
    width:260px; /* originally 300px */
    padding: 0 0 10px 10px;
    /*background-color:green;*/
}
#col-generic-middle-thin {
    float:right;
    width:160px; /* originally 300px */
    padding: 0 0 10px 10px;
    /*background-color:green;*/
}
.generic-bg {
    background: transparent url(images/template/generic-bg.gif) top right repeat-y;
}
.col-content-fullwidth
{
    float:left;
    display:inline;
    width:100%;
    text-align:center;
    /*border:red 1px solid;*/
}
.col-content-thin
{
    float:left;
    display:inline;
    width:220px;
    margin:0;
    padding:0;
    margin-left:20px;
    /*border:red 1px solid;*/
}
img.float-left{    float:left;    margin-right:5px;    margin:bottom:5px;}
img.float-right{   float:right;   margin-left:5px;     margin:bottom:5px;}
hr
{
    padding:0;
    margin:0;
    width:492px;
    height:1px;
    color:#666 !important;
    clear:both;
    margin-bottom:10px;
}
.scaling
{
    width:120px;
}
h3.italics
{
    font-style:italic;
    color:#999 !important;
    font-size:1em !important;
    line-height:1.2em;
    position:relative;
    top:-10px;
    left:0;
    margin-bottom:-10px;
}
 /* Tables"
------------------------------------------------
------------------------------------------------*/
td
{
    text-align:left;
}


 /* HOMES Hub specifics"
------------------------------------------------
------------------------------------------------*/
.dsh-bg {
    background: transparent url(images/template/dsh-bg.gif) top right repeat-y;
}
#col-middle{
    float:left;
    width: 352px;
}
#col-middle-container{
    float:left;
    width: 324px; /* originally 352px */
    padding:14px;
}

#col-middle-container ul li a, 
#col-middle-container ul li span{
    color:#fff;
}
#col-middle-container ul li img{
    position:relative;
    top:0;
    left:4px;
    margin:0;
    padding:0;
    border:none;
}
#col-right-small{
    float:left;
    width:161px; /* originally 181px */
    margin:0;
    padding:10px;
    /*background-color:red;*/
}
ul{
    margin:0;
    padding:0;
    padding-left:12px;
    line-height:1.5em;
    list-style-type:square;
    /*background-color:red;*/
}

ul.blacksquares{    list-style-image:url(images/template/square-black.gif);}
ul.greysquares{     list-style-image:url(images/template/square-grey.gif);}

#col-right-small ul li a{
    margin:0;
    padding:0;
    color:#ccc;
    /*background-color:green;*/
}
ul{
    margin:0;
    padding:0;
    padding-left:16px;
    padding-bottom:10px !important;
    /*border:1px solid green;*/
}


 /* LIMITED Hub specifics"
------------------------------------------------
------------------------------------------------*/
.dsl-bg {
    background: transparent url(images/template/dsl-bg.gif) top right repeat-y;
}
#col-dsl-left{
    float:left;
    width: 534px;
    margin:0;
    padding:0;
    /*background-color:purple;*/
}
#col-dsl-middle{
    float:left;
    width: 212px; /* Originally 240px */
    padding:14px;
    /*background-color:blue;*/
}
#col-dsl-left-container{
    float:left;
    width: 506px; /* originally 534px */
    padding:14px;
}
.availability{
    font-weight:bold;
    text-transform:uppercase;
    color:#ff0000!important;
}

 /* Footer"
------------------------------------------------
------------------------------------------------*/
#footer {
    float:left;
    width: 935px;
    padding:10px;
    background-color: #3F3F3F; /* grey */
}
#copyright {
    float:left;
    width: 955px;
    padding-bottom:10px;
    background-color:#333333; /* dark grey */
}
#copyright img {
    position:relative;
    top:5px;
    left:0;
    padding: 0 3px 0 3px;
    border:none;
}

#footer a, 
#copyright a {
    color:#CCCCCC;
}
#footer a:hover, 
#copyright a:hover {
    text-decoration:none;
}

 /* home page feature boxes 1-6"
------------------------------------------------
------------------------------------------------*/
.hp-all6 {
    float:left;
    width:106px; /* originally 122px */
    padding:90px 8px 12px 8px;
    margin-right:13px;
    margin-bottom:10px;
    font-size:0.85em;
    line-height:1.3em;
    /*border: green 1px solid;*/
}
.hp-all6 h4, 
.news-feed h4{
    margin:0;
    padding:0;
    padding-bottom:7px;
    color:#fff;
    font-size:1.0em;
    /*border: red 1px solid;*/
}

.hp-all6 h4 a, 
.news-feed h4 a{
    color:#fff;
    font-size:1.2em;
    line-height:1.2em;
}
.hp-all6 a:hover, 
.news-feed h4 a:hover
{    text-decoration:none;}

.hp-all6-last     
{
    margin-right:0;
}

.one-of-six{    background: transparent url(images/developments/hamlets/hp-feature-hamlets.jpg)                  top left no-repeat;}
.two-of-six{    background: transparent url(images/developments/chilbolton/hp-feature-chilbolton.jpg)            top left no-repeat;}
.three-of-six{  background: transparent url(images/developments/branksome/hp-featured-branksome.jpg)              top left no-repeat;}
.four-of-six{   background: transparent url(images/developments/salisbury-playhouse/hp-feature-salisbury.jpg)    top left no-repeat; width:219px !important;}
.five-of-six{   background: transparent url(images/developments/trafalgar-house/hp-feature-trafalgar.jpg)        top left no-repeat;}
.six-of-six{    background: transparent url(images/developments/the-target-pub/hp-feature-target.jpg)            top left no-repeat;}

.bg-light {    background-color:#4D4D4D !important; /* light grey */}
.bg-dark {     background-color:#595959 !important; /* dark grey */}

h5{
    margin-top:1px;
    padding:0;
    font-size:1.0em;
    height: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    float:left;
}
h5 a{
    color:#FF0000; /* red */
    text-transform:uppercase;
    background: transparent url(images/template/btn-pdf.gif) top left no-repeat;
    display:block;
    
    /*border: blue 1px solid;*/
    width:106px;
    height:24px;
    text-indent:-3000px;
}
a.pdf-small img{
    border:0;
    margin:0;
    padding:0;
}

 /* home page specifics"
------------------------------------------------
------------------------------------------------*/
.hp-bg {
    background: transparent url(images/template/hp-bg.gif) top right repeat-y;
}
.news-feed{
    width:384px; /* originally 422px */
    padding:4px;
    background: transparent url(images/template/news.jpg) top right no-repeat;
    /*border: green 1px solid;*/
}
.news-feed p{
    margin:0;
    padding:0;
    width:300px;
    font-size:0.85em;
    line-height:1.2em; 
}
img.associates {
    margin:0;
    padding:0;
    width:505px;
    height:54px;
}

 /* Header"
------------------------------------------------
------------------------------------------------*/
#header {
    float:left;
    margin:0;
    padding:0;
    width: 955px;
    background-color: #595959; /* grey */
    /*border: green 1px solid;*/
}
.logo-group   {    background: transparent url(images/template/logo-group.gif)   top right no-repeat;}
.logo-homes   {    background: transparent url(images/template/logo-homes.gif)   top right no-repeat;}
.logo-limited {    background: transparent url(images/template/logo-limited.gif) top right no-repeat;}

#header h1 {
    float:right;
    margin:0;
    padding:0;
}
#header h1 a {
    float:right;
    margin:0;
    padding:0;
    width: 517px;
    height:80px;
    text-indent:-3000px;
    background: transparent url(images/template/logo-ds.gif) center left no-repeat;
    /*border: blue 1px solid;*/
}



 /* SIFR   "
------------------------------------------------*/
h1.titles { /* This is for non sIFR version of text (i.e. HTML) */
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #ccc;
	line-height: 1em;
	text-align: left;
	font-size: 20px !important;
	width: 320px; /* odd due to ie6 */
	margin-bottom:15px;
	/*border:1px solid red;*/
}






 /* Navigation Level 1"
------------------------------------------------*/
ol#main-nav
{
    width: 955px;
    float: left;
	padding: 0;
	margin: 0;
	background-color: #1B1B1B; /* blackish */
}
ol#main-nav li 
{
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
ol#main-nav li a 
{
    float: left;
    height: 33px;
    text-indent: -6000px;
    padding: 0;
	margin: 0;
    display: inline; /* for ie6!*/
}
ol#main-nav li.home a{         background-image: url(images/template/n1-home-off.gif);        width:68px;}
ol#main-nav li.ds-homes a{     background-image: url(images/template/n1-ds-homes-off.gif);    width:174px;}
ol#main-nav li.ds-limited a{   background-image: url(images/template/n1-ds-limited-off.gif);  width:184px;}
ol#main-nav li.company-info a{ background-image: url(images/template/n1-company-off.gif);     width :138px;}
ol#main-nav li.news a{         background-image: url(images/template/n1-news-off.gif);        width:61px;}
ol#main-nav li.contact-us a{   background-image: url(images/template/n1-contact-us-off.gif);  width:117px;}

ol#main-nav li.home strong a, 
ol#main-nav li.home a:hover{         background-image: url(images/template/n1-home-on.gif);        width:68px;}
ol#main-nav li.ds-homes strong a,
ol#main-nav li.ds-homes a:hover{     background-image: url(images/template/n1-ds-homes-on.gif);    width:174px;}
ol#main-nav li.ds-limited strong a, 
ol#main-nav li.ds-limited a:hover{   background-image: url(images/template/n1-ds-limited-on.gif);  width:184px;}
ol#main-nav li.company-info strong a, 
ol#main-nav li.company-info a:hover{ background-image: url(images/template/n1-company-on.gif);     width :138px;}
ol#main-nav li.news strong a, 
ol#main-nav li.news a:hover{         background-image: url(images/template/n1-news-on.gif);        width:61px;}
ol#main-nav li.contact-us strong a, 
ol#main-nav li.contact-us a:hover{   background-image: url(images/template/n1-contact-us-on.gif);  width:117px;}

 /* Navigation Level 2"
------------------------------------------------*/
ol#sub-nav
{
    width: 937px; /* originally 955px */
    float: left;
	margin: 0;
	padding: 0;
	padding-left: 18px;
	background-color: #3F3F3F; /* Dark grey */
}
ol#sub-nav li 
{
    float: left;
    padding: 6px 0 6px 0;
    list-style: none;
	margin: 0;
}
ol#sub-nav li a 
{
    text-transform:uppercase;
    font: normal normal normal 0.8em/100% "Arial, Helvetica",sans-serif; /* W3C ORDER: style variant weight size/lineheight family */
    text-decoration: none;
    letter-spacing: 0.08em;
    color:#999999; /* light grey */
	margin: 0;
	border-right: 12px solid #3F3F3F; /* Dark grey */
	float: left;
    display: inline; /* for ie6!*/
}
ol#sub-nav li strong a,
ol#sub-nav li a:hover
{    color: #fff;}



























































 /* My CSS Tools"
------------------------------------------------*/
.hide {
    display: none;
}
.clearer {
	float: left;
	clear: both;
	width: 950px;
}
.clearer1 { /* for ie6 - stops duplicating text bug */
	visibility: hidden;
	clear: both;
	width: 100px;
}
.clearer2 {
	clear: both;
	height: 20px;
	visibility: hidden;
	width: 100px;
	background-color: blue;
	overflow: hidden;
}
.images {
	float: right;
	margin: 28px 0 10px 20px;
	padding: 1px;
	border: solid 1px #38743F;
}
.content-to-come {
    color: black;
	font-weight: bold;
}

 /* common persistent"
------------------------------------------------*/
.audio {
    display: none;
	background-color: #009900;
}