/* Global configs */
html * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 0;
}

body {
    color: #00254a;
	font-size: 0.8em;
	background: url(bg.gif) repeat-x white top center;
	font-family: calibri, arial, helvetica, sans-serif;
	text-align: center;
	z-index: 1;
}

.clear {
	clear: both;
}

.swap_old {
    color: #c5fa3e;
}

.swap {
    color: #ff0000;
}

.graphic_only p, .graphic_only h1, .graphic_only h2 {
    display: none;
}



input.textbox, textarea.textbox {
    padding: 3px;
    background: #c2dceb;
    border: 1px solid white;
    font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.1em;
}

select {
    padding: 3px;
    background: #c2dceb;
    border: 1px solid white;
}

input.textbox:focus, textarea.textbox:focus, select:focus {
    background: white;
    border: 1px solid #c2dceb;
}


/*
General page layout
*/

	#wrapper_outer {
		position: relative;
		margin: 0px auto;
        width: 960px;
		text-align: left;
		z-index: 2;
	}

        #cloud {
            position: absolute;
            top: 30px;
            left: -140px;
            width: 130px;
            height: 99px;
            background: url(cloud.gif) no-repeat top left;
            z-index: 3;
        }
		
		#wrapper_header {
			position: relative;
			width: 960px;
            height: 300px;
            z-index: 3;
		}

            #login {
                position: absolute;
                left: 55px;
                top: 20px;
            }

#login p {
    margin: 0px 0px 10px 0px;
    color: white;
    font-weight: 500;
}

#login p a:link, #login p a:visited {
    color: #ffffff;
    font-weight: 800;
}



h1.strapline {
    font-size: 1.3em;
    color: #b80101;
}




        #navigation {
            position: absolute;
            top: 100px;
            left: 0px;
            width: 960px;
            height: 190px;
            z-index: 12;
        }





        #logo {
            position: absolute;
            top: 33px;
            left: 475px;
            width: 433px;
            height: 115px;
            background: url(web_logo.gif) no-repeat top left;
            z-index: 10;
        }

        #navigation_bg {
            position: absolute;
            top: 100px;
            left: 0px;
            width: 960px;
            height: 190px;
            background: url(navigation.gif) no-repeat top left;
            z-index: 4;
        }


#navigation ul {
    position: absolute;
    top: 115px;
    left: 50px;
    list-style: none;
    z-index: 10;
    width: 900px;
}

#navigation ul.h li {
    position: relative;
    float: left;
    display: block;
    z-index: 11;
    margin: 0px;
}

#navigation ul.h li a:link, #navigation ul.h li a:visited {
    display: block;
    float: left;
    height: 24px;
    text-decoration: none;
    z-index: 14;
    cursor: hand;
    cursor: pointer;
}

#navigation ul.h li a:link div.nav_left, #navigation ul.h li a:visited div.nav_left {
    width: 9px;
    height: 24px;
    float: left;
    color: #004fa1;
    z-index: 13;
}

#navigation ul.h li a:link div.nav_right, #navigation ul.h li a:visited div.nav_right {
    padding: 4px 9px 0px 0px;
    font-size: 14px;
    line-height: 16px;
    height: 20px;
    float: left;
    color: #004fa1;
    font-weight: 400;
    z-index: 13;
}

#navigation ul.v li a:link div.nav_right, #navigation ul.v li a:visited div.nav_right {
    background: url(nav_button_bg_02.png) right no-repeat;
}

#navigation ul.v li a:link div.nav_left, #navigation ul.v li a:visited div.nav_left {
    background: url(nav_button_bg_01.png) left no-repeat;
}

#navigation ul.h li a:hover div.nav_right {
    background: url(nav_button_02.png) right no-repeat;
    color: #00254a;
}

#navigation ul.h li a:hover div.nav_left {
    background: url(nav_button_01.png) left no-repeat;
    color: #00254a;
}

#navigation ul.h li:hover ul.v {
    visibility: visible;
}

#navigation ul.v {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 200px;
    visibility: hidden;
}










		#wrapper_body {
			position: relative;
            top: -55px;
            left: 0px;
			width: 960px;
            z-index: 3;
		}

                    #wrapper_body h1 {
                        color: #00254a;
                        font-size: 1.8em;
                        font-weight: 400;
                        padding: 0px 0px 15px 0px;
                    }

                    #wrapper_body h2 {
                        color: #00254a;
                        font-size: 1.4em;
                        font-weight: 400;
                        padding: 10px 0px 10px 0px;
                    }

                    #wrapper_body h3 {
                        color: #b80101;
                        font-size: 1.1em;
                        font-weight: 400;
                        padding: 0px 0px 10px 0px;
                    }

                    #wrapper_body h4 {
                        color: #00254a;
                        font-size: 1.2em;
                        font-weight: 400;
                        padding: 8px 0px 0px 0px;
                    }

                    #wrapper_body p {
                        color: #474747;
                        font-size: 1.0em;
                        font-weight: 200;
                        padding: 0px 0px 8px 0px;
                    }

                    #wrapper_body ul, #wrapper_body ol {
                        color: #474747;
                        font-size: 1.0em;
                        font-weight: 200;
                        padding: 0px 0px 10px 0px;
                    }

                    #wrapper_body ul li {
                        list-style: disc;
                        margin: 0px 0px 0px 15px;
                    }

                    #wrapper_body ol li {
                        color: #00254a;
                        font-weight: 200;
                        list-style: decimal;
                        margin: 0px 0px 0px 8px;
                    }

                    #wrapper_body a:link, #wrapper_body a:visited {
                        color: #003d7b;
                        text-decoration: none;
                        border-bottom: 1px dotted #003d7b;
                    }

                    #wrapper_body a:hover {
                        color: #4e97e3;
                        border-bottom: 1px solid #4e97e3;
                    }




            #homepage_top {
                width: 960px;
                height: 300px;
                margin: 0px 0px 0px 2px;
                padding: 0px;
                z-index: 5;
            }

            #homepage_boxes {
                width: 910px;
                height: 274px;
                margin: 0px 0px 40px 50px;
                z-index: 5;
            }

                #homepage_boxes h1, #homepage_boxes p, #homepage_boxes ol {
                    padding: 0px 0px 6px 0px;
                }

                div.box {
                    width: 198px;
                    height: 214px;
                    margin: 0px 43px 0px 0px;
                    padding: 30px;
                    background: url(home_box.gif) top left no-repeat;
                    float: left;
                }

                div#search_box.box  {
                    background: url(home_box_search.gif) top left no-repeat;
                }

                div.dss {
					position: absolute;
					bottom: 240px;
					left: 0px;
                    width: 499px;
                    height: 80px;
                    margin: 0px 43px 0px 50px;
                    padding: 30px;
                    background: url(dss_box.gif) top left no-repeat;
                    float: left;
                }


                    div.dss h1 {
                        color: #00254a;
                        font-size: 1.8em;
                        font-weight: 400;
                        padding: 0px 0px 15px 0px;
						text-align: left;
                    }

                    div.dss h2 {
					text-align: left;
                        color: #00254a;
                        font-size: 1.4em;
                        font-weight: 400;
                        padding: 10px 0px 10px 0px;
                    }

                    div.dss h3 {
					text-align: left;
                        color: #b80101;
                        font-size: 1.1em;
                        font-weight: 400;
                        padding: 0px 0px 10px 0px;
                    }
					
                    div.dss a:link, div.dss a:visited {
                        color: #003d7b;
                        text-decoration: none;
                        border-bottom: 1px dotted #003d7b;
                    }

                    div.dss a:hover {
                        color: #4e97e3;
                        border-bottom: 1px solid #4e97e3;
                    }
					

table.dss {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 499px;
}

table.dss th {
    padding: 3px;
}

table.dss td {
    margin: 0px;
    padding: 3px;
}

table.dss tr.top td {
    border-top: 1px solid #efefef;
	margin-top: 10px;
}






table.search {
    width: 198px;
    border: 0px;
    border-collapse: collapse;
}

table.search th {
    color: #00254a;
}

table.search th, table.search td {
    padding: 0px 0px 5px 0px;
}




                #articles_page {
                    width: 850px;
                    padding: 0px 55px;
                }

                    #articles_top {
                        width: 850px;
                        height: 38px;
                        background: url(body_01.png) bottom center no-repeat;
                    }

                    #articles_main {
                        width: 810px;
                        padding: 0px 20px;
                        background: white;
                    }

                        #main_left {
                            position: relative;
                            width: 532px;
                            float: left;
                        }

                        #main_right {
                            position: relative;
                            width: 258px;
                            float: right;
                        }

                    #articles_bottom {
                        width: 850px;
                        height: 80px;
                        background: url(body_02.png) top center no-repeat;
                    }
                    
                    .name {
                        display: block;
                        height: 27px;
                        width: 200px;
                        float: left;
                        clear: left;
                        text-align: right;
                        padding: 3px 10px 0px 0px;
                        font-weight: 800;
                    }

                    .control {
                        display: block;
                        height: 30px;
                    }

                    .block {
                        padding: 10px 0px 20px 0px;
                    }

                    .control input.checkbox {
                        margin: 4px 0px 0px 0px;
                    }

                    .form_option {
                        float: left;
                        margin: 0px 10px 5px 0px;
                        padding: 5px 5px 3px 5px;
                        border: 1px solid #eeeeee;
                    }

                    .form_option:hover {
                        background: #eeeeee;
                    }

                    .form_option div {
                        float: left;
                    }



div.listing {
    position: relative;
    width: 532px;
    height: 200px;
    background: url(listing.png) top left no-repeat;
    margin: 15px 0px 0px 0px;
}

div.listing:hover {
    background: url(listing_over.png) top left no-repeat;
}

div.listing div.header {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 512px;
    height: 50px;
    overflow: hidden;
}

div.listing div.content {
    position: absolute;
    top: 60px;
    left: 10px;
    width: 512px;
    height: 140px;
    overflow: hidden;
}

div.listing div.content img.main {
    float: left;
    margin: 0px 10px 0px 0px;
}

div.listing div.content p.distance {
    position: absolute;
    bottom: 2px;
    left: 0px;
}

div.listing a.more:link, div.listing a.more:visited {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 80px;
    height: 40px;
    display: block;
    text-decoration: none;
    border-bottom: 0px solid white;
    text-align: right;
}

div.listing a.more:hover {
    color: #aaaaaa;
}





div.main_images {
    width: 345px;
    float: left;
}

div.main_images .main_image {
    border: 1px solid #eeeeee;
    padding: 15px;
    margin: 0px 15px 13px 0px;
    float: left;
}

div.main_images img.sub_image {
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0px 13px 13px 0px;
    float: left;
}

div.facts {
    width: 180px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    float: right;
    background: url(details_02.png) bottom repeat-x #e4eef3;
}

div.facts h2 {
    width: 180px;
    text-align: center;
    background: url(details_01.png) top repeat-x #e4eef3;
}

div.facts div.name {
    width: 110px;
    height: 20px;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 10px;
    border-bottom: 1px solid white;
}

div.facts div.fact {
    width: 40px;
    float: left;
    height: 17px;
    text-align: left;
    padding: 3px 0px 0px 0px;
    margin: 3px 10px 0px 0px;
    border-bottom: 1px solid white;
}


div.description {
    width: 345px;
    float: left;
}







.property_summary {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 5px 0px;
    border-bottom: 1px solid #eeeeee;
}

.property_summary img.summary {
    float: left;
    margin: 0px 10px 5px 0px;
    border: 1px solid #aaaaaa;
    padding: 10px;
    width: 100px;
    height: 75px;
}

#image_list .image {
    float: left;
    margin: 10px 5px 0px 5px;
    border: 1px solid #eeeeee;
    padding: 10px;
}

#image_list img {
    border: 0px solid white;
}

#image_list a:link, #image_list a:visited {
    border: 0px solid white;
}





table.dss_edit {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 20px 0px;
    width: 810px;
    border-bottom: 1px solid #eeeeee;
}

table.dss_edit td {
    border-top: 1px solid #efefef;
    margin: 0px;
    padding: 3px;
}

table.dss_edit td img {
    border: 0px solid white;
}







    #wrapper_footer {
        position: relative;
        background: url(footer.gif) top left repeat-x;
        height: 40px;
        padding: 280px 0px 0px 0px;
        z-index: 4;
    }

        #footer {
            position: relative;
            margin: 0px auto;
            width: 960px;
            height: 20px;
            z-index: 5;
            font-size: 11px;
            font-weight: 800;
        }
		
			#links {
				position: absolute;
				bottom: 25px;
				left: 40px;
				width: 750px;
				height: 90px;
				text-align: left;
				color: #111111;
			}

            #signpost {
                position: absolute;
                bottom: 80px;
                bottom: 80px;
                right: 0px;
                width: 300px;
                height: 354px;
                background: url(signpost.gif);
            }

            #footer ul.ap {
                position: absolute;
                left: 0px;
                bottom: 0px;
                list-style: none;
            }

                #footer li {
                    list-style: none;
                    float: left;
                    color: white;
                }

                    #footer li a:link, #footer li a:visited {
                        color: white;
                        text-decoration: none;
                    }

                    #footer li a:hover {
                        color: #627d3a;
                    }

            #footer p.ap {
                position: absolute;
                right: 0px;
                bottom: 0px;
                list-style: none;
                color: #627d3a;
            }

                #footer p a:link, #footer p a:visited {
                    color: #627d3a;
                    text-decoration: none;
                }

                #footer p a:hover {
                    color: white;
                }