* {
margin: 0px;
padding: 0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
list-style:none;
}
body {
background:#8C8C8C url(/skin/images/bg-body.png) repeat-x;
margin-bottom:30px;
min-width:776px;
font-size:62.5%;
}
#container {
width:776px;
position:relative;
left:50%;
margin-left:-388px;
background:#000 url(/skin/images/bg-container.png);
}
#subcontainer {
background:url(/skin/images/bg-subcontainer.png) no-repeat;
}

#holder {

}

#holder h2 {
font-size:2em;
margin-left:30px;
margin-bottom:10px;
color:#ED008C;
} 
#content {
width:545px;
float:left;
}
#navigation {
width:175px;
float:left;
}
#navigation ul {
margin-left:29px;
width:124px;
}
#navigation ul li {
float:left;
width:124px;
margin-bottom:4px;
}
#navigation ul li a {
float:left;
width:124px;
height:46px;
background-color:#ED008C;
text-decoration:none;
text-indent:-3000px;
overflow:hidden;
}

#outer #navigation #nav-home {
display: none;
}

#navigation ul li#nav-0 a {
background:url(/skin/images/nav-0.png);
}
#navigation ul li#nav-0 a:hover {
background:url(/skin/images/nav-0.png) 0px 46px;
}
#navigation ul li#nav-1 a {
background:url(/skin/images/nav-1.png);
}
#navigation ul li#nav-1 a:hover {
background:url(/skin/images/nav-1.png) 0px 46px;
}
#navigation ul li#nav-2 a {
background:url(/skin/images/nav-2.png);
}
#navigation ul li#nav-2 a:hover {
background:url(/skin/images/nav-2.png) 0px 46px;
}
#navigation ul li#nav-3 a {
background:url(/skin/images/nav-3.png);
}
#navigation ul li#nav-3 a:hover {
background:url(/skin/images/nav-3.png) 0px 46px;
}
#navigation ul li#nav-4 a {
background:url(/skin/images/nav-4.png);
}
#navigation ul li#nav-4 a:hover {
background:url(/skin/images/nav-4.png) 0px 46px;
}


#maincontent {
width:370px;
float:left;
}
#features {
width:181px;
float:left;
}

#features #locations {
background-color:#ED008C;
margin-bottom:12px;
padding:8px 0;
color:#fff;
}
#features #locations h3 {
font-size:1.8em;
padding-left:9px;
width:160px;
}
#features #highlight h4 {
font-size:1.3em;
padding-left:9px;
margin-bottom:5px;
width:160px;
}
#features #locations ul {
padding-left:11px;
width:160px;
}
#features #locations ul li {
margin-bottom:2px;
}
#features #locations a {
font-size:1.3em;
color:#FFF;
text-decoration:none;
margin-bottom:10px;
}
#features #locations a:hover {
text-decoration:underline;
}
#features #locations p {
text-align:right;
width:160px;
}

#features #highlight {
background-color:#ED008C;
padding:8px 0;
color:#fff;
}
#features #highlight h3 {
font-size:1.5em;
width:160px;
padding-left:9px;
}
#features #highlight p {
font-size:1.2em;
padding-left:9px;
width:160px;
margin-bottom:0.5em;
}
#features #highlight img {
margin:7px 0 4px 10px;
}
#features #highlight ul {
font-size:1.2em;
padding-left:5px;
}
#features #highlight ul li {
padding-left:24px;
background:url(/skin/images/bullet.png) center left no-repeat;
margin-bottom:0.3em;
}


p#getintouch {
clear:both;
background:url(/skin/images/bg-getintouch.png) no-repeat 29px 0px;
height:101px;
text-indent:-3000px;
}
p#getintouch a {
display:block;
height:101px;
width:300px;
}

p#clearfix {
clear:both;
height:1px;
}

#maincontent p {
color:#18284D;
font-size:1.2em;
line-height:1.4em;
margin-bottom:1.2em;
padding-right:1.5em;
}
#maincontent p#viewprops {
padding-left:160px;
}
#maincontent p a.viewprops {
display:block;
width:177px;
height:24px;
background:url(/skin/images/viewproperties.png) 0px 0px;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#maincontent p#viewprops a:hover {
background:url(/skin/images/viewproperties.png) 0px -24px;
}

#maincontent ul.locationlist li {
font-size:1.2em;
line-height:1.4em;
margin-bottom:1.2em;
}

div.location {
margin-bottom:1.2em;
padding-bottom:1.2em;
border-bottom:1px dotted #DDD;
}
div.location a {
display:block;
}
div.location a.propimg {
float:left;
width:110px;
}
div.location a.propimg img {
width:100px;
border:2px solid #F686C8;
}
div.location a.propimg:hover img {
border:2px solid #ED008C;
}


div.location h3,
div.location h4,
div#pagecontent div.location p {
float:left;
width:300px;
padding:0;
margin:0;
}

div.location h3 a {
text-decoration:none;
}
div.location h3 a:hover {
text-decoration:underline;
}
div.location h3 {
margin-bottom:0.2em;
font-size:1.4em;
}
div.location h4 {
font-size:1.2em;
margin-bottom:0.4em;
}

/*--- CONTACT FORM  ----------------------------------------------------------*/

#pagecontent form fieldset {
border:1px solid #DDD;
padding:20px;
}

#pagecontent form label {
font-size:1.2em;
line-height:1.4em;
margin-bottom:1.2em;
color: #ED008C;
}
#pagecontent form input,
#pagecontent form select {
width:200px;
margin-bottom:1.4em;
font-size:1.1em;
line-height:1.4em;
border:1px solid #DDD;
padding:2px 4px;
}
#pagecontent form select {
width:130px;
}

#pagecontent form textarea {
width:333px;
font-size:1.1em;
line-height:1.4em;
border:1px solid #DDD;
padding:2px 4px;
font-family:Arial, Verdana, Helvetica, sans-serif;
margin-bottom:1.4em;
}

#pagecontent form div.actions input {
margin-bottom:0;
width:100px;
font-weight:bold;
border:1px solid #999;
}

div.errors p,
div.errors li  {
margin-bottom:1.4em;
font-size:1.2em;
line-height:1.4em;
}

div.errors ul {
margin-bottom:1.4em;
border-bottom:1px dotted #DDD;
}

div.errors p,
div.errors li,
div.message {
margin-bottom:0.7em;
font-size:1.2em;
line-height:1.4em;
color:#2C4683;
font-weight:bold;
}
div.message {
margin-bottom:0;
}

div.errors strong {
color:#ED008C;
font-weight:normal;
}

/*--- BRANDING  ----------------------------------------------------------*/

#branding {
position:relative;
margin:0 5px;
height:191px;
}
#branding h1 a {
position:absolute;
color:#fff;
width:240px;
height:71px;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
top:6px;
left:23px;
background:url(/skin/images/bg-logo.png);
}
#branding #marketing {
position:absolute;
top:93px;
left:16px;
}
#branding #marketing {
position:absolute;
top:93px;
left:16px;
}
#branding p {
position:absolute;
top:33px;
right:26px;
color:#ED008C;
font-size:1.8em;
width:259px;
height:30px;
background:url(/skin/images/bg-phoneus.png);
text-indent:-3000px;
overflow:hidden;
}

/*--- FOOTER  ----------------------------------------------------------*/
#footer {
clear:both;
background:url(/skin/images/bg-footer.png) bottom no-repeat;
height:80px;
}
#footer p {
padding:33px 0 4px 28px;
float:left;
color:#E6D6DE;
margin:0;
width:44%;
}
#footer ul {
list-style:none;
float:right;
padding:33px 28px 4px 0;
margin:0;
width:44%;
}
#footer ul li {
float:right;
margin-left:0.6em;
padding-left:0.6em;
border-left:1px solid #E6D6DE;
}
#footer ul li.last-child {
margin-left:0;
padding-left:0;
border-left:none;
}
#footer ul li a {
color:#E6D6DE;
}


/*--- CONTENT PAGE NAVIGATION  ----------------------------------------------------------*/

#nav {
margin-left:60px;
margin-bottom:2em;
}
#nav li {
float:left;
}
#nav li a {
display:block;
float:left;
margin-right:1em;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
color:#ED008C;
text-transform:lowercase;
}
#nav li a:hover {
text-decoration:underline;
color:#D5007E;
}

p#skyline {
clear:both;
background:url(/skin/images/bg-skyline.png) no-repeat 29px 20px;
height:121px;
text-indent:-3000px;
padding-top:20px;
}


#pagecontent {
margin-left:60px;
width:470px;
}
#property,
#area {
margin-left:40px;
width:430px;
}
#pagecontent h2,
#property h2,
#area h2 {
margin-left:0;
}
#pagecontent p,
#property p,
#area p {
color:#18284D;
font-size:1.2em;
line-height:1.4em;
margin-bottom:1.2em;
padding-right:1.5em;
}

#pagecontent a {
color:#ED008C;
}
#pagecontent a:hover {
color:#D5007E;
}

#pagecontent .arealist li {
padding-bottom:1.2em;
border-bottom:1px dotted #DDD;
margin-bottom:1.2em;
}
#pagecontent .arealist h3 {
color:#ED008C;
margin-bottom:0.3em;
font-size:1.5em;
}
#pagecontent .arealist p {
margin-bottom:0.3em;
}

#pagecontent .simple li {
color:#18284D;
font-size:1.2em;
line-height:1.4em;
margin-bottom:1.2em;
margin-left:2em;
list-style: disc outside;
}

#areaselection {
margin-bottom:1.4em;
padding-bottom:0;
border-bottom:1px dotted #DDD;
}

#areaselection p {
margin-bottom:0.7em;
font-weight:bold;
}

#areaselection ul li {
font-size:1.2em;
line-height:1.4em;
margin-bottom:0.2em;
}

#areaselection ul li.selected {
font-weight:bold;
}


#gallery {
width:410px;
margin-bottom:1em;
}
#gallery li {
float:left;
margin:0 10px 15px 0;
}
#gallery li a {
float:left;
}
#gallery li a img {
border:2px solid #F686C8;
}
#gallery li a:hover img {
border:2px solid #ED008C;
}

#rooms {
margin-bottom:1em;
font-size:1.2em;
line-height:1.4em;
color:#18284D;
}

div.features {
margin-bottom:0.7em;
font-size:1.2em;
line-height:1.4em;
font-weight:bold;
color:#A64066;
}
div.features img {
margin:0.5em 0.2em -0.5em 0;
}

table.docutils {
border-collapse:collapse;
border-left:1px solid #DDD;
border-top:1px solid #DDD;
width:300px;
}

table.docutils th,
table.docutils td {
padding:0.3em;
font-size:1.2em;
line-height:1.4em;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}

table.docutils th {
background-color:#ED008C;
color:#FFF;
}


#actions {
width:211px;
float:left;
margin-bottom:2em;
margin-top:1em;
}
#actions li {
float:left;
}
#actions li a {
float:left;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#actions li#actmap{
margin-right:5px;
}
#actions li#actmap a {
width:103px;
height:21px;
background:url(/skin/images/btn_map.png);
}
#actions li#actmap a:hover {
background:url(/skin/images/btn_map.png) 0px 21px;
}
#actions li#actrates a {
width:103px;
height:21px;
background:url(/skin/images/btn_rates.png);
}
#actions li#actrates a:hover {
background:url(/skin/images/btn_rates.png) 0px 21px;
}
#actions li#actenquire  {
margin-top:5px;
}
#actions li#actenquire a {
width:211px;
height:22px;
background:url(/skin/images/btn_enquire.png);
}
#actions li#actenquire a:hover {
background:url(/skin/images/btn_enquire.png) 0px 22px;
}

#subnav {
margin-bottom:2em;
}
#subnav li {
width:49%;
float:left;
}

#subnav li a {
float:left;
width:124px;
height:46px;
background-color:#ED008C;
text-decoration:none;
text-indent:-3000px;
overflow:hidden;
}
#subnav li#student a {
float:right;
margin-right:8px;
background:url(/skin/images/nav-0.png);
}
#subnav li#student a:hover {
background:url(/skin/images/nav-0.png) 0px 46px;
}
#subnav li#professional a {
float:left;
margin-left:8px;
background:url(/skin/images/nav-1.png);
}
#subnav li#professional a:hover {
background:url(/skin/images/nav-1.png) 0px 46px;
}


/*--- SIFR  ----------------------------------------------------------*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash h2 {
visibility: hidden;
letter-spacing: -6px;
}

/*--- CLEARFIX  ----------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a.featuredproperty img{
  border-width: 0px;
}

