/*
CLOCH VIEW page CSS
Version: 1
Built By: http://19eightyseven.com
Designed By: http://idea-3.co.uk
*/


/* PAGE */

#insidecontainer {
background:url(../images/mainbg.jpg) repeat-y scroll center 0 #2A87A0;
min-height: 100%;
margin:0 auto;
padding:0 5px;
overflow: auto;
width:980px;
}

/* HEADER */

#header {
float:left;
height:170px;
margin:0;
padding:0;
position: relative;
text-align:center;
width:100%;
}

/*NAVIGATION */


/* HOME */

#homebanner {
background: url(../images/homeimg.jpg) no-repeat left 0;
float: left;
margin: 0 0 20px 0;
height: 325px;
width: 979px;
text-indent: -99999px;
}

#block {
}

.homeblock {
display:inline;
float:left;
height:150px;
margin:0 16px 0 0;
width:225px;
}

.imgone {
background: url(../images/waverly.png) no-repeat center center;
margin-left: 16px;
}

.imgtwo {
background: url(../images/img2.jpg) no-repeat center center;
}

.imgthree {
background: url(../images/img3.jpg) no-repeat center center;
}

.imgfour {
background: url(../images/development.png) no-repeat center center;
}

.click-img {
    height: 300px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 328px;
}

.click-img img {
    position: absolute;
    right: 0;
    top: 0;
    width: 328px;
}

.click-link {
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    width: 328px;
}

/* GENERIC SPECIFICS */

#copybanner {
background:url("../images/bodybg.jpg") repeat scroll 0 0 #D1E5EF;
color:#2A87A0;
float:left;
margin:0 0 20px;
padding:22px 22px 8px;
width:936px;
}

/* CONTACT US */
.scf-form {
float:left;
margin:10px 0 30px;
}
.form-row {
margin:20px 0;
}
.form-label {
float:left;
font-size:12px;
font-weight:bold;
margin:4px 0 2px;
width:110px;
}
input#scf_field_name, input#scf_field_email, textarea#scf_field_message, input#scf_field_custom_1, input#scf_field_subject {
background:none repeat scroll 0 0 #7EB6C8;
border:1px solid #2A87A0;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:6px 2px;
width:380px;
}
input#scf_field_name:focus, input#scf_field_email:focus, textarea#scf_field_message:focus, input#scf_field_custom_1:focus, input#scf_field_subject:focus {
background: #ffffff;
color: #2A87A0;
}
.form-submit input {
background:none repeat scroll 0 0 #7EB6C8;
border:1px solid #2A87A0;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin:0 0 0 110px;
outline:medium none;
padding:5px;
}
.form-submit input:hover {
background: #ffffff;
color: #2A87A0;
}
.scf-form-error {
background:none repeat scroll 0 0 #2A87A0;
color:#EDEDED;
font-size:12px;
font-weight:bold;
margin:0 0 10px;
padding:5px;
text-align:center;
width:486px;
}
.scf-form-success {
background:none repeat scroll 0 0 #2A87A0;
color:#EDEDED;
font-size:12px;
font-weight:bold;
margin:0 0 10px;
padding:5px;
text-align:center;
width:486px;
}

.plancontain {
    display: inline;
    float: left;
    margin: 0 11px 20px;
    text-align: center;
}
.plancontain h3 {
    font-size: 13px;
    margin: 0 0 6px;
    padding: 0;
}
#locationmainblock {
    float: left;
    margin-right: 17px;
    width: 420px;
}
.locationsideblock {
    float: left;
    margin: 14px 0 0;
    width: auto;
}
#plans {
    width: 499px;
}

#mainblock {
    float: left;
    padding: 0 0 30px;
    width: 700px;
}


#leftblock {
    float: left;
    margin: 10px 0 0 20px;
    width: 216px;
}
#leftblock a.block {
    background: none repeat scroll 0 0 #2A87A0;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 22px;
    padding: 10px;
    text-align: center;
}
#leftblock a.block:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #2A87A0;
    color: #2A87A0;
    text-decoration: none;
}



#header-price , #header-price-house {
margin: 25px 0 10px;
}

#header-price-house {
margin-top:35px;
}

#header-price .apartmentname, #header-price-house .apartmentname {
font-size:16px;
font-weight:bold;
}

#header-price .apartmentdesc, #header-price-house .apartmentdesc {
font-size:16px;
font-weight:bold;
}

#header-price .apartmentprice, #header-price-house .apartmentprice {
font-size:16px;
font-weight:bold;
}



.price-contain {
    float: left;
    height: auto;
    margin: 15px 0 0;
    width: 100%;
}

.apartmentname {
float: left;
font-weight: bold;
width: 160px;
}

.apartmentdesc {
float:left;
width:390px;
}

.apartmentprice {
float:left;
font-weight:bold;
width:80px;
}

.borderbottombox {
	border-bottom: 1px solid;
float:left;
height:1px;
margin:10px 0 0;
width:100%;
}

#footnote {
float:left;
font-size:11px;
margin:20px 0;
}


.pricelistside h3 {
font-size:20px;
font-weight:bold;
margin:2px 0 10px;
color: #ffffff;
}

.pricelistside{
    background: none repeat scroll 0 0 #2A87A0;
border: 1px solid white;
color: white;
display: inline;
padding: 12px 15px 0;
text-align: center;
text-decoration: none;
float: left;
margin: 16px 0 0 40px;
width: 234px;
}


#leftblocktwo a.block {
    background: none repeat scroll 0 0 #2A87A0;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
float:left;
font-size:17px;
line-height:22px;
padding:10px;
text-align:center;
width:243px;
}

#leftblocktwo a.block:hover {
background: #FFFFFF;
color: #2A87A0;
text-decoration: none;
border: 1px solid #ffffff;
}


.pricelistside h4 {
font-size:14px;
}

#copybanner .pricelistside p {
float: none;
width:100%;
}


/* LOCATION */

#map1 {
float: left;
margin: 10px 0;
}
#map2 {
float:right;
margin: 10px 0;
}



/* FOOTER */

#footer {
color: #d1e5ef;
float:left;
height:60px;
margin:15px auto;
padding:0 22px;
position:relative;
text-align:right;
width:936px;
}