@import url(navigation-2.css);

html, body, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, table, tr, td, span { margin: 0; padding: 0; }

body {
font-size: 0.8em; font-family: verdana,arial,helvetica,sans-serif;
background-color: #ccf; color: #006; line-height: 1.5em;
}

p, dl {
padding: 5px 5px 15px;
}

dt {
font-weight: bold;
}

.logo {
padding: 20px 10px 15px 10px;
font-family: arial,helvetica,sans-serif;
}

.logo h1 {
font-size: 22px; letter-spacing: 2px; padding: 0;
}

.header-address {
display: inline;
float: right;
text-align: right;
font-size: 10px; 
padding: 0 5px;
color: #666;
}

h2 {
font-size: 1.1em; font-weight: bold; padding: 10px 5px;
}

.contentcontainer {
margin: 0;
}

.content {
clear: both;
padding: 5px;
background-color: #fff; color: #006;
border-bottom: 1px solid #999;
}

#home{
border-top: 1px solid #999;
margin: 33px 0 0 0;
}

/* index page layout */

.index-box {
margin: 10px 10px 10px 160px;
border: 1px solid #999;
font-size: 1.2em;
}

.index-box-contact { 
padding: 20px 5px 5px 5px;
font-size: 1em;
}

.index-img {
float: right; display: block; 
margin: 10px;
border: 1px solid #999; 
}

/* PROPERTY START */
/* property index layout */
.property-index-box {
margin: 0 0 10px 0;
}
.property-index-box p {
margin: 5px; padding: 5px;
}
.property-index-box h2 {
margin: 5px; padding: 0 5px;
border: 1px solid #999;
}
.property-index-box-info {
margin: 5px; padding: 0 5px;
background-color: #fff;
color: #666;
font-size: .85em;
clear: both; 
}
.property-index-img {
float: left; display: block; border: 1px solid #999; margin: 5px;
}
/* property details layout */
.property-details-img {
float: right; display: block; border: 1px solid #999; margin: 10px;
}
.property-details-box h2 {
margin: 5px; padding: 0 5px;
border: 1px solid #fff;
}
.property-details-box p {
margin: 5px; padding: 5px;
}
.property-details-box-info {
border: 1px solid #999;
margin: 5px; padding: 5px;
background-color: #fff;
color: #666;
font-size: .85em;
clear: both; 
}
/* property siteplan layout */
.property-siteplan-img {
border: 1px solid #999; margin: 10px;
}
.property-siteplan-box-info {
margin: 5px; padding: 5px;
background-color: #fff;
color: #666;
font-size: .85em;
clear: both; 
}
/* PROPERTY END */


/* PORTFOLIO START */
/* portfolio index layout */
.portfolio-box-float {
float: left; width: 45%; height: auto;
margin: 10px 5px; padding: 5px; border: 1px solid #999;
background-color: #fff; color: #006;
}
.portfolio-box-float h2, .portfolio-box-float p {
padding: 0;
}
.portfolio-index-img {
float: left; display: block; border: 1px solid #999; margin: 0 5px 5px 0;
}
.portfolio-box-info {
margin: 0; padding: 0 5px;
color: #666;
font-size: .85em; text-align: right;
clear: left; 
}
.portfolio-box-info a {
text-decoration: none;
}
.portfolio-box-info a:hover {
text-decoration: none;
}
/* portfolio details layout */
.portfolio-details-img {
float: left; display: block; border: 1px solid #999; margin: 5px;
}
/* PORTFOLIO END */


/* FORTHCOMING DEVELOPMENTS START */
/* forthcoming developments index layout */
.development-index-box {
margin: 0 0 10px 0;
}
.development-index-box p {
margin: 5px; padding: 5px;
}
.development-index-box h2 {
margin: 5px; padding: 0 5px;
border: 1px solid #999;
}
.development-index-box-info {
margin: 5px; padding: 0 5px;
background-color: #fff;
color: #666;
font-size: .85em;
clear: both; 
}
.development-index-img {
float: left; display: block; border: 1px solid #999; margin: 5px;
}
/* forthcoming developments details layout */
.development-details-img {
float: right; display: block; border: 1px solid #999; margin: 10px;
}
.development-details-box h2 {
margin: 5px; padding: 0 5px;
border: 1px solid #fff;
}
.development-details-box p {
margin: 5px; padding: 5px;
}
.development-details-box-info {
border: 1px solid #999;
margin: 5px; padding: 5px;
background-color: #fff;
color: #666;
font-size: .85em;
clear: both; 
}
/* FORTHCOMING DEVELOPMENTS END */

/* EXTENSIONS START */
/* extensions index layout */
h2.sub-header {
font-family: arial,helvetica,sans-serif;
background-color: #fff; 
color: #666; 
font-size: 22px; 
letter-spacing: 2px;
padding: 20px 5px;
}

.new-space-contact {
width: 300px;
display: inline;
float: right;
background-color: transparent;
padding: 10px;
text-align: right;
}

.extensions-index h2 {
margin: 5px; padding: 0 5px;
border: 1px solid #999;
}
/* EXTENSIONS END */

/* REFERENCE START */
/* reference index layout */
.reference-index dd {
padding: 0 0 30px 30px;
}
/* REFERENCE END */

/* PREVIOUS / NEXT START */
.pn {
display: inline;
float: right;
padding: 10px; text-align: right;
}
.pn a {
text-decoration: none; color: #006; background-color: transparent;
}
.pn a:hover {
text-decoration: none;  color: #006; background-color: #eee;
}
/* PREVIOUS / NEXT END */


/* CONTACT START */
/* contact details layout */
.contact-box-float {
float: right; width: 400px; height: 400px;
text-align: left;
margin: 10px; overflow: auto; border: 1px solid #999;
background-color: #ffc; color: #006;
}
/* CONTACT END */

a:hover img {
border: 1px solid #ccc;
}

a         { color: #006; background-color: transparent; text-decoration: underline; }
a:link    { color: #006; background-color: transparent; }
a:visited { color: #006; background-color: transparent; }
a:hover   { color: #ccc; background-color: #fff; text-decoration: underline; }
a:active  { color: #006; background-color: transparent; }

.copyright {
padding: 0 10px;
text-align: right; font-size: 10px;
background-color: transparent; color: #999;
}

.clear     { clear: both; }
.clear-b   { clear: both; margin: 0 0 10px 0; border-top: 1px solid #999; }

label {
font-weight: bold;
}

input,
textarea {
padding: 0 5px;
font-size: 1em; font-family: verdana,arial,helvetica,sans-serif;
border: 1px solid #999; background-color: #ffc; 
}

input:focus,
textarea:focus {
border-color: #999; background-color: #eee; color: #006;
}

input:hover,
textarea:hover {
border-color: #ccc;
}