/* HTML & Body
------------------------------------------------ */
* { margin: 0; padding: 0 }
html {
margin-bottom: 1px;
font-size: 100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:98%; /* real browsers */
}
body {
font: 79%/1.6em Verdana, Arial, Helvetica, sans-serif;
color: #666;
cursor: default;
margin: 0;
top: 0;
}
/* Colours
------------------------------------------------ */
.warmgrey{
background: #BBC4C7;
}
.lichen{
background: #edebda;
}
.moss{
background: #bcc79e;
}
.corn{
background: #D8DEE2;
}
.lake{
background: #DEDDED;
}
.stone{
background: #D1C8BD;
}
.wine {
background: #DBBCB8;
}
.white{
background: #ffffff;
}
.fern{
background: #a5d5ad;
}
.pine{
background: #275409;
}
.putty{
background: #e7e7d3;
}
/* Layout
------------------------------------------------ */
#wrap {
margin: 0 auto;
width: 1225px;
padding-left: 20px;
}
#leftside {
float: left;
width: 275px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position: absolute;
}
#right {
position: absolute;
width: 930px;
margin-left: 300px;
float: right;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#header {
float: left;
position: relative;
width: 930px;
padding: 0;
margin: 0;
top: 0px;
}
#main {
float: left;
position: relative;
width: 530px;
height: 100%;
}
#brochure {
float: left;
position: relative;
width: 530px;
height: 100%;
}
#sitemain {
float: left;
position: relative;
width: 600px;
height: 100%;
background: url(images/sitebars.jpg) repeat-x;
}
#sitemain td {
/* [disabled]padding: 5px; */
/* [disabled]line-height: 25px; */
height: 25px;
}
#key {
float: left;
position: relative;
width: 80px;
}
#plots {
float: left;
position: relative;
width: 80px;
}
#housestyles {
float: left;
position: relative;
width: 200px;
}
#prices {
float: left;
position: relative;
width: 130px;
}
#content {
float: left;
position: relative;
width: 850px;
padding: 40px 40px 40px 40px;
margin: 0;
}
#home #content {
float: left;
position: relative;
width: 740px;
padding: 0px 0px 0px 0px;
margin: 0;
}
#contact #content {
padding-top: 103px;
}
#gallery #content {
float: left;
width: 285px;
height: 285px;
vertical-align: middle;
margin: 0px 0px 5px 5px;
}
#devgallery #content {
float: left;
width: 285px;
height: 655px;
}
#prevdevgallery #content {
float: left;
width: 285px;
height: 285px;
}
#bottomcontent {
float: left;
width: 740px;
padding: 20px 40px 20px 40px;
margin: 0;
}
#navtext {
float: left;
position: relative;
width:260px;
height: 100%;
padding: 15px 10px 25px 0px;
}
#subnav {
float: left;
position: relative;
width: 180px;
padding-right: 70px;
}
#devgallery #content #subnav {
top: 455px;
padding: 0;
margin: 0;
position: absolute;
width: 290px;
}
#leadcontent {
float: left;
position: relative;
width: 740px;
padding: 0;
margin: 0;
border-bottom: 1px solid;
margin: 0 0 10px 0;
}
#leftcontent {
float: left;
position: relative;
width: 360px;
padding-top:20px;
margin: 0;
}
#rightcontent {
float: left;
position: relative;
width: 360px;
padding-top:20px;
margin-left: 20px;
}
#salesoffice {
float: left;
position: relative;
width: 600px;
margin-top: 10px;
}
#prevdevgallery #leftcontent {
float: left;
position: relative;
width: 230px;
padding-top:20px;
margin: 0;
}
#prevdevgallery #middlecontent {
float: left;
position: relative;
width: 230px;
padding-top:20px;
padding-left:20px;
margin: 0;
}
#prevdevgallery #rightcontent {
float: right;
position: relative;
width: 230px;
padding-top:20px;
margin: 0;
}
#home {
position: absolute;
width: 925px;
float: right;
margin-left: 305px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background: url(http://www.redcliffehomes.co.uk/assets/templates/default/images/home.jpg) no-repeat;
}
#contact {
position: absolute;
width: 925px;
float: right;
margin-left: 300px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background: url(http://www.redcliffehomes.co.uk/assets/images/contact-us.jpg) no-repeat;
}
#gallery {
position: absolute;
width: 925px;
float: right;
margin-left: 300px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#devgallery, #prevdevgallery {
position: absolute;
width: 925px;
float: right;
margin-left: 305px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#flash {
z-index: 1;
}
/* Headers and Paragraphs:
------------------------------------------------ */
#wrap h1, h2, h3, h5, #plotwrap h1, h2, h3, h5{
font-family: Georgia, Times, Trebuchet MS, serif;
line-height: 1em;
margin-bottom: 0;
padding-bottom: 0;
}
#wrap h4, h6, #plotwrap h4, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
margin-bottom: 0;
padding-bottom: 0;
}
#wrap h1, #plotwrap h1 { font-size: 105%; letter-spacing: 0.05em;}
#subnav h1, #lspsubnav h1 { letter-spacing: 0.1em; padding: 0 0 10px 0;}
#contact h1 { font-size: 150%; font-weight: normal; line-height: 1.4em; }
h2 { font-size: 80%; letter-spacing: 0.2em; }
#main h1, #brochure h1, #devgallery h1, #prevdevgallery h1, #gallery h1 { font-size: 125%; font-weight: normal; line-height: 1.4em; padding: 0 0 10px 0; text-decoration: none;}
#main h2 {border-bottom: 1px solid; border-top: 1px solid; margin: 5px 0px; padding: 5px 0px; text-decoration: none; line-height: 1.5em;}
#lspsubnav li, #subnav li, #lspsubnav ul, #subnav ul, #lspsubnav h2 a:link, #subnav h2 a:link, #lspsubnav h2 a:visited, #subnav h2 a:visited, #lspsubnav h2 a:hover, #subnav h2 a:hover, #devgallery h2 a:link, #devgallery h2 a:visited, #devgallery h2 a:hover {
text-decoration: none; border: none; line-height: 1.7em; background: none; font-weight: normal;
}
#lspsubnav li, #subnav li, #lspsubnav ul, #subnav ul, #lspsubnav a:link, #subnav a:link, #lspsubnav a:visited, #subnav a:visited, #lspsubnav a:hover, #subnav a:hover {
font-size: 92%;
font-family: Georgia, Times, Trebuchet MS, serif;
text-decoration: none;
list-style: none;
border: 0;
padding: 0;
line-height: 1.8em;
margin: 0;
left: 0px;
display: block;
}
h3 { font-size: 90%; font-weight: normal; padding: 4px 0px 8px 0px; border-bottom: 1px solid; margin-bottom: 10px;}
h4 { font-weight: bolder; font-size: 85%; line-height: 1.4em; letter-spacing: 0.05em;}
h5 { font-weight: normal; font-size: 95%; line-height: 1.4em; letter-spacing: 0.05em;}
h6 { font-size: 80%; font-weight: normal; }
p {
font-size: 90%;
margin: 0 0 0 0;
/* [disabled]line-height: 1.5em; */
}
/* Content styling
------------------------------------------------ */
#main h1 a:link, #main h1 a:visited, #main h2 a:link, #main h2 a:visited {
text-decoration: none;
border: none;
}
a:link, a:visited {
color: #666;
border-bottom: 1px solid #666;
text-decoration: none;
}
a:hover {
color: #B0A86A;
text-decoration: none;
}
#lightbox a:link, a:visited {
border: none;
text-decoration: none;
}
#lightbox a:hover {
text-decoration: none;
background-color: none;
border: 0;
padding: 0;
margin: 0;
}
/* leftside
------------------------------------------------ */
#ajaxmenu{
font-size: 0.80em;
}
#lmenu {display: block !important;}
#leftside, #lmenu li {
list-style: none;
}
#leftside #lmenu li a:link, #leftside #lmenu li a:visited {
font: 1.25em Georgia, Times, Trebuchet MS, serif;
line-height: 1.2em;
letter-spacing: 0.2em;
display: block;
border-bottom: 1px solid #bbb;
padding: 7px 0px 7px 0px;
}
/* Tables
------------------------------------------------ */
table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
td, th {
font-size: 90%;
border: 1px solid #999;
/* [disabled]padding: 0.1em 1em; */
/* [disabled]vertical-align: middle; */
}
.alternative {
background-color: #ddf;
}
/* Lists
------------------------------------------------ */
ol {
padding-left: 20px;
}
/* Images
------------------------------------------------ */
img {
text-decoration: none;
background: white;
border: 0px ;
}
#leftside img, #gallery img, #devgallery img, #prevdevgallery img {
float: left;
border: 0px ;
padding: 0;
margin: 0px;
text-decoration: none;
background: white;
}
#gallery img, #devgallery img, #prevdevgallery img {
padding: 0 0 5px 5px;
}
#header img, #key img {
float: left;
border: 0px ;
padding: 0px;
margin: 0px;
text-decoration: none;
}
#header p {
border: 0px ;
padding: 0px;
margin: 0px;
top: 0px;
}
/* Plot Modals
------------------------------------------------ */
#plotwrap {
margin: 0 auto;
}
#plotwrap #leadimage, #plotwrap #content, #plotwrap #rightcontent {
width: 400px;
margin: 0px;
padding: 20px 0 0 0;
}
#plotwrap #leadimage, #plotwrap #leftcontent {
float: left;
}
#plotwrap #content, #plotwrap #rightcontent {
float: right;
padding-left: 20px;
padding-right: 20px;
}
#plotwrap #content {
min-height: 300px;
}
#plotwrap #leftcontent {
width: 390px;
margin: 0px;
padding: 20px 0 0 10px;
}
#plotwrap h1 {
font-size: 130%;
font-weight: bold;
}
#plotwrap h2 {
font-size: 95%;
font-weight: normal;
background: #ccc;
text-align: center;
line-height: 1.3em;
padding-top: 2px;
margin: 3px 0 6px 0;
}
td {
border: white;
}
td p {
font: #666;
line-height: 1em;
font-size: 90%;
font-weight: normal;
}
#mainlogo {
float: left;
padding: 0px;
margin-bottom: 8px;
}
#lspsubnav {
float: left;
position: absolute;
width: 180px;
padding-right: 70px;
top: 400px;
margin: 55px 0 0 40px;
}
#largesiteplan {
float: right;
width: 700px;
height: 750px;
padding: 0;
top: 0px;
}
.caps {
letter-spacing: 0.2em;
}#signupForm21 {
color: #FFF;
width: 600px;
padding: 20px;
background-image: url(/assets/images/50.png);
background-repeat: repeat;
}