/*styles.css*/
body{
  text-align:center;
}

#doc {
	margin:auto;
  text-align:left; /* leave unchanged */
	width:960px;/* non-IE */
	*width:960px;/* IE */
	min-width:960px;/* optional but recommended */
}

#header, #main{
width:100%;
margin:0 40px;
}
#footer{
clear:both;
width:50%;
margin:0 40px;
}

div.row{
width:100%;
clear:both;
margin-bottom:2px;
margin-top:0;
}

div.column{
float:left;
}

div.first{
margin-left:0;
width:380px;
}

div.last{
margin-right:0px;
background-color:#e1e3e5;
width:500px;
*width:498px;
height:240px;
overflow:hidden;
}

h1{
float:left;
margin-left:0;
width:380px;
height:75px;
position:relative;
}
h1 span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: url(../../images/southglen-logo.gif) top left no-repeat;
}

h2{
float:left;
margin-right:60px;
margin-top:25px;
margin-bottom:5px;
display:inline;
width:400px;
height:75px;
position:relative;
}
h2 span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: url(../../images/something-logo.gif) top left no-repeat;
}

h3{
margin-left:25px;
width:90%;
height:75px;
position:relative;
}
h3 span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

h3#watermark { margin-top: 0px; margin-bottom: 0px; height: 70px; }
h3#watermark span{
background: url(../../images/development-logo-watermark.jpg) top left no-repeat;
}

h3#durham-park { margin-top: 10px; margin-bottom: 10px; height: 70px; }

h3#durham-park span{
background: url(../../images/development-logo-durham-park.jpg) top left no-repeat;
}



h3#leamington-wharf span{
background: url(../../images/development-logo-leamington.jpg) top left no-repeat;
}
h4{
margin-top:5px;
margin-left:25px;
color:#959ca1;
font-size:182%;
}
p{
margin-left:25px;
color:#455560;
font-size:108%;
line-height:17px;
width:90%;
*width:100%;
}


ul{
list-style-position:outside;
list-style-type:none;
margin-left:25px;
margin-top:37px;
}
ul.live{
margin-top:20px;
}
ul li{
width:150px;
float:left;
border-right:1px solid #fff;
}

ul li.last{
border-right:0px;
}

ul li a{
display:block;
font-size:93%;
margin:0;
padding:0;
background:#d1d5d8;
height:25px;
*height:28px;
color:#455560;
padding-top:6px;
*padding-top:5px;
padding-left:10px;
text-decoration:none;
border-top:1px solid #e1e3e5;
border-bottom:1px solid #e1e3e5;
}

ul li a:hover{
background:#455560;
color:#fff;
border-top:1px solid #a2aab0;
border-bottom:1px solid #a2aab0;
}

/*footer*/
#footer img{
float:left;
margin:0 5px 0 0;padding:0;
}
#footer p{
margin:0;padding:0;
font-weight:normal;
color:#748088;
font-size:93%;
line-height:14px;
}

/* utility */
p.clear{
clear:both;
height:1px;
line-height:1px;
font-size:1px;
margin:0;padding:0;border:0;
}