/* CSS reset
 * --------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* GS 960
 * ----------------- */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Colours
 * ----------------
 *  sludgy green: #546a6a
 *   orange:        #e44a06
 *
 *
 *   ---------------- */

/* Typography
 * ----------------- */
body{font:13px/1.5 'lucida sans',verdana, arial,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

a { color: #000; }
h2 { font-size: 1.2em;}
#content ul { padding-left: 15px; }
#content ol { padding-left: 30px; }

/* Forms
 * ---------------- */
#content fieldset {
    width: 600px;
   border: 1px solid #ccc; 
    padding: 10px;
}

#content legend {
    font-weight: bold;
}

#content label {
    width: 250px;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
}

#content span.checkbox {
    margin-right: 10px;
}

/* Library
 * ---------------- */
.grid_4_box {
    width: 300px;
    height: auto !important;
    height: 240px;
    min-height: 245px;
    background: url(../img/box-grid_4-bottom.gif) bottom left no-repeat;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.grid_4_box .inner {
    padding: 10px;
}

.grid_4_box_header {
    color: #fff;
    height: auto !important;
    height: 28px;
    min-height: 28px;
}

.grid_4_box_header .header-extra {
    text-align: right;
    width: 270px;
    position: absolute;
}

.grid_4_box_header a {
    color: #fff;
}

.grid_4_box_header h2 {
    font-size: 14px;
    position: absolute; 
}

.grid_4_box_header {
    width: 270px;
    padding: 8px 15px 0 15px;
}

/* handy */
.right { float: right; }
.left { float: left; }

/* Box colours */
.orange .grid_4_box_header {
    background: #e44a06 url(../img/box-grid_4-header-orange.gif) top left no-repeat;
}

.green .grid_4_box_header {
    background: #546a6a url(../img/box-grid_4-header-green.gif) top left no-repeat;
}



.form-row {
    display: block;
    clear: left;
    margin-top: 10px;
}

/* Header
 * ---------------- */
body { text-align: center; }

#header {
    background: #546a6a url(../img/header-bg.gif) bottom left no-repeat;
    height: 90px;
    width: 940px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: left;
}

#header a {
    color: #fff;
    text-decoration: none;
}
    #header-left { 
        width: 273px; 
        height: 73px; 
        top: 0;
        float: left;
        position: absolute;
}
    #corner-buttons {
        position: absolute;
        width: 100px;
        margin-left: 260px;
        top: 7px;
    }

    #corner-buttons ul li {
        display: inline;
        margin: 0 5px 0 0;
    }

    #header_login {
        min-height: 33px;
        height: auto !important;
        height: 33px;
        padding-left: 10px;
        width: 594px;
        float: right;
        background: #000 url(../img/header-login.gif) bottom right no-repeat;
        font-style: italic;
    }

    #header_login form, #header_login_form_wrapper { display: inline;}

    #header_login form input {
        width: 124px;
        height: 19px;
        padding: 3px 0 0 3px;
        margin-left: 10px;
        background: #fff url(../img/header-login-input.gif) top left no-repeat;
        border: none;
        font-style: italic;
        font-size: 12px;
        color: #9b9b9b;
    }

    #header_login form input#header_email_address {
        background-image: url(../img/header-login-input-email.gif);
        width: 197px;
    }
        
    #header_login form input#header_login_submit {
        width: 40px;
        background: #000;
        background-image: none;
        color: #fff;
        height: 26px;
    }
    #header_login form input.header_password_submit {
        width: 60px !important;
    }

    #header_login_left {
        float: left;
        width: 450px;
    }

    #header_login_right {
        width: 100px;
        font-size: 10px;
        display: inline;
        float: right;
    }

    #header #menu {
        margin-top: 22px;
        width: 600px;
        float: right;
    }
    
    #header #menu ul {
        padding: 0;
        margin: 0;
    }

    #header #menu ul li {
        display: inline;
        margin: 0 14px 0 0;
    }
    

/* Container
 * ---------------- */
#container {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    color: #333;
}

#content {
    padding-bottom: 10px;
}


/* Left column 
 * ---------------- */
#column-01 {
    width: 300px;
    float: left;
}

    /* Left Nav
    * ------------------ */ 
    #left_nav_menu {
        width: 300px;
        background: url(../img/box-grid_4-bottom.gif) bottom left no-repeat;
        padding: 0 0 17px 0;
    }

    #left_nav_menu a {
        text-decoration: none;
    }

    #left_nav_menu ul {
        padding:0;
        margin:0;
    }
    #left_nav_menu li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #left_nav_menu li a {
        padding: 3px 5px 3px 15px;
        display: block;
        border-bottom: 1px solid #ccc;
    }
    #left_nav_menu li a:hover {
        background: #ccc;
    }

    #left_nav_menu li.heading {
        width: 270px;
        padding: 8px 15px 8px 15px;
        background: #546a6a url(../img/box-grid_4-header-green.gif) top left no-repeat;
    }
    #left_nav_menu li.heading a { padding: 0; color: #fff; font-weight: bold; border: 0; }
    #left_nav_menu li.heading a:hover { background: transparent; }

    /* Search
     ------------------- */
    #search form {
        padding-bottom: 10px;
    }

    #search form label {
        display: block;
        float: left;
        width: 85px;
        font-size: 0.85em;
        padding: 3px 0px 3px 5px;
        margin: 0 0 5px 0;
    }

    #search .form-row {
       padding-left: 10px; 
    }

    .form-right {
        text-align: right;
        padding-right: 10px;
    }

    #search input, #search form select {
        color: #333;
        width: 189px;
        height: 24px;
        border: 0;
        border: none;
        padding-left: 5px;
        vertical-align: bottom;
        font-size: 1em;
        background: url(../img/search-input.gif) top left no-repeat;
    }
    #search form input {
        height: 19px;
        padding: 3px 2px 2px 5px;
    }

    #search form select {
        padding: 2px 2px 2px 5px;
        background: url(../img/search-select.gif) top left no-repeat;
    }

    #search input.button {
        background: #000 url(../img/search-submit.gif) top left no-repeat;
        width: 86px;
        height: 22px;
        font-size: 11px;
        color: #fff;
        padding: 0 0 0 0;
    }

    #search #search-refine {
        background: #ccc;
        color: #000;
        padding: 5px 15px 5px 15px;
        margin-top: 10px;
    }

    #search #search-refine h3 {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

/* regions 
 * ----------------- */
#regions .news_wrapper {
    padding: 10px;
}

#regions h3 {
    padding: 0;
    margin: 0;
    color: #e44a06;
    font-size: 0.8em;
}

#regions h2 a {
    text-decoration: none;
}

#regions h3 a {
    color: #e44a06;
    text-decoration: none;
}

/* Newsticker
 * ----------------- */
.newsticker .news_wrapper {
    height: 200px;
    overflow: hidden;
}

.news_story {
}
.newsticker ul, li {
    margin: 0;
    padding: 0;
}
.newsticker li {
    padding: 10px;
}

.newsticker button {
    height: 20px;
    width: 40px;
    border: none;
    background: transparent;
    color: #fff;
}   

.news_story h3 {
    font-size: 0.8em;
    margin: 0;
}
.news_story h3 a {
    color: #e44a06;
    text-decoration: none;
}

/* News list 
 * ---------------- */
.news-list-item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
.news-list-item h3 {
    margin: 0;
    font-size: 1em;
}
.news-list-item h3 a {
    color: #e44a06;
    text-decoration: none;
}
.news-list-date {
    font-weight: bold;
    color: #999;
}

/* Content column
 * ----------------- */
#column-02 {
    width: 620px;
    float: right;
}

/* Search Result List
 * ----------------- */
.list-property {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
}

.list-property h2 {
    margin:0;
    padding: 0;
    font-size: 16px;
}

.list-property h2, .list-property .postcode { 
    display: inline;
}

.list-property .postcode {
    color: #9f9f9f;
    font-size: 16px;
    margin-left: 10px;
}

.list-property .subheader {
    font-family: "lucida sans", verdana;
    font-weight: bold;
    font-size: 12px;
}

.property-image {
    float: left;
    margin: 0 10px 0 0;
}

.builder-logo {
    float: right;
}


#map_canvas {
    border: 1px solid #333;
}

#map_disclaimer {
    font-size: 80%;
    font-weight: bold;
    text-align: center;
}

.map_info_container h3 {
    padding: 0;
    margin: 0;
}

.map_info_container {
    height: 150px;
    overflow: auto;
}

.search_list_more_details a, .search_list_email_friend a, .search_list_contact_me a, .search_list_delete a {
    text-decoration: none;
    margin-right: 10px;
}
.search_list_more_details {
    float: left;
    font-weight: bold;
}

.search_list_email_friend {
    float: right;
}

.search_list_contact_me {
    float: right;
}

.search_list_delete {
    float: right;
    font-weight: bold;
}

.search_list_save_development {
    display: inline;
    float: right;
}

.search_list_save_development input {
    background: transparent;
    border: none;
    padding:0;
    cursor: pointer;
    cursor: hand;
    width: auto;
}

/* Footer
 * ---------------- */
#footer {
    padding-top: 10px;
    border-top: 1px solid #a9b4b4;
    text-align: left;
    display: block;
    clear: both;
}
#footer, #footer a {
    color: #546a6a;
    text-decoration: none;
}

#copyright {
    float: left;
    width: 300px;
}

#footer-menu {
    float: right;
    width: 640px;
    text-align: right;
}

#footer-menu ul li {
    display: inline;
    margin: 0;
}

/* Newspaper styles
 * ----------------- */
span.dropcap {
    float: left;
    font-weight:bold;
    font-size: 500%;
    color: #ed1b24;
    line-height: 0.85em;
    margin-right: 0.05em;
    /*margin-bottom:-0.25em;*/
}

span.small-strong {
    font-size: 90%;
    font-weight: bold;
    color: #333;
}

span.pullquote-right {
    width: 50%;
    color: #2a3392;
    font-size: 200%;
    margin: 15px 0px 15px 15px;
    float: right;
}

span.pullquote-left {
    width: 50%;
    color: #2a3392;
    font-size: 200%;
    margin: 15px 15px 15px 0px;
    float: left;
}
span.pullquote-left span.small-strong {color: #999;}

#colNormal ol.big-numbers {margin-left:30px;padding-left:0;}

ul.big-numbers {margin-top: 10px;}
ul.big-numbers li {
    width: 45%;
    float: left;
    list-style: none;
    padding: 0;
    margin-left: 0;
}
ul.big-numbers li h2 {
    color: #ed1b24;
    font-size: 400%;
    float: left;
    width: 62px;
    height: 75px;
    text-align: center;
    margin: 0 10px 0px 0;
}
ul.big-numbers li.odd {clear:both;}
ul.big-numbers li.even {float:right;}
ul.big-numbers li p {
    margin-top: 0;
    color: #666;
    font-size: 12px;
}

div.case-study {
    background: #fffcd4;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}