@import "reset.css";

html{
    overflow: hidden;
}

body{
	background: #FFF;
	padding: 5px;
    height: 99%;
	width: 99%;
    overflow: hidden;
	position: absolute;
	font: 12px Arial;
	color: #4E4E4E;
}


div#page{
	width:100%;
	height:100%;
	text-align:left;
}
	
/****** HEADER ******/
div#header{
	width: 100%;
    height:  110px;
	background: url(header-bg.gif) repeat-x;
	border: 1px solid #4E4E4E;
}
		
div#header 
    div#logo
        a{
            display: block;
			width: 200px;
			height: 110px;
			background: url(logo.gif);
			text-indent: -9999px;
            text-decoration: none;
		}
div#header
    div#logo
        a:hover{
            display: block;
			width: 200px;
			height: 110px;
			background: url(logo.gif);
			text-indent: -9999px;
            text-decoration: none;
        }

div#header
    div#breadcrumb{
		position: absolute;
		top: 15px;
		left: 210px;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
	}
div#header 
    div#breadcrumb
    a{
		color: #FFF;
	}



div#header
    div#area-navi{
		position: absolute;
		top: 13px;
		right: 5px;
		width: 310px;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
	}
div#header 
    div#area-navi
        p{
			margin-top: 2px;
		}
div#header 
    div#area-navi
        form{
            text-align: right;
            position: absolute;
        	top: -2px;
            margin: 0;
            padding: 0;
			right: 5px;
            width: 200px;
		}
div#header
    div#phone{
		position: absolute;
		top: 50px;
		right: 15px;
	}
div#header 
    div#phone
        p{
            color: #257DB0;
			font-size: 13px;
            text-align: right;
		}

div#header
    div#phone
        p.number{
            color: #F68A18;
            font-size: 40px;
            text-align: right;
            font-weight: bold;
        }
/****** /HEADER ******/


/****** MAIN ******/
div#main{
	position: relative;
	margin-top: 5px;
    border-top: 1px solid #4E4E4E;
    border-right: 1px solid #4E4E4E;
    border-left: 1px solid #4E4E4E;
	width: 100%;
    height: 100%;
}
		
div#main
    div#content {
        position: absolute;
		width: 460px;
		overflow: auto;
        overflow-x: hidden;
		height: 96%;
        float:left;
        left: 0px;
		line-height: 1.35;
		text-align: justify;
		margin: 3px 3px 0 3px;
		font-size: 12px;
        padding: 5px;
	}
div#main
    div#content p{
        text-align: justify;
        margin-bottom: 11px;
    }
div#main 
    div#content
        strong {
            font-family: arial;
            font-size: 13px;
            color: #257DB0;
            font-weight: bold;
        }
div#main 
    div#content
        a{
			color: #257DB0;
		}
div#main
    div#content
        a:hover{
			text-decoration: underline;
		}
div#main 
    div#content
        ul{
            padding: 0px;
            margin-bottom: 15px;
        }
div#main
    div#content
        ul
            li{
                list-style-image: url(bp.gif);
                margin-left: 20px;
                padding: 0px;
            }
div#main
    div#content
        .area-description{
            margin-bottom: 10px;
        }
div#main
    div#content
        .right{
            text-align: right;
        }
div#main
    div#content
        .listing{
            position: relative;
            width: 200px;
            float: left;
            display: block;
            margin-right: 10px;
        }
div#main 
    div#content
        .title1{
            font-size: 18px;
			font-weight: bold;
			color: #257DB0;
            text-decoration: none;
            text-align: left;
		}
div#main 
    div#content
        .title2{
			font-family: arial;
            font-size: 16px;
            color: #F58012;
            font-weight : bold;
            text-decoration: none;
		}
div#main 
    div#content
        .title3{
            font-family: arial;
            font-size: 13px;
            color: #257DB0;
            font-weight : bold;
        }
div#main
    div#content
        .btn{
            font-size: 10px;
            height: 20px;
            
            font-family: arial;
        }
div#main
    div#content
        .btn:hover{
            cursor: pointer;
        }
div#main
    div#content
        .viewing{
            width: 105px;
        }
div#main
    div#content
        .quote{
            width: 90px;
        }
div#main
    div#content
        .shortlist{
            width: 95px;
        }
div#main
    div#content
        .textform{
            font-size: 12px;
            height: 17px;
            border: 1px solid #7F9DB9;
            background: #FFF;
            font-family: arial;
        }


div#main
    div#content
        div.list-office,
div#main
    div#content
        div.office{
            border: 1px solid #4E4E4E;
            margin: 0;
        }
div#main
    div#content
        div.office{
            margin: 5px 0;
        }

div#main
    div#content
        div.list-office
            div.head,
div#main
    div#content
        div.office
            div.head{
                clear: both;
                background: #B5B6B5;
                min-height: 30px;
            }

div#main
    div#content
        div.list-office
            p,
div#main
    div#content
        div.office
            div.head
                p,
div#main
    div#content
        div.office
            h1,
div#main
    div#content
        div.office
            h2{
                float: left;
            }

div#main
    div#content
        div.list-office
            div.head
                p,
div#main
    div#content
        div.office
            div.head
                h1,
div#main
    div#content
        div.office
            div.head
                h2{
                    margin: 5px 3px;
                    width: 200px;
                    color: #FFF;
                    font-weight: bold;
                    font-size: 14px;
                    background: #B5B6B5;
                }
div#main
    div#content
        div.office
            div.head
                h1{
                    text-decoration: none;
                }

div#main
    div#content
        div.list-office
            div.head
                a,
div#main
    div#content
        div.office
            div.head
                a{
                    color: #FFF
                }

div#main
    div#content
        div.list-office
            div.head
                .road,
div#main
    div#content
        div.office
            div.head
                .road{
                    text-align: left;
                }

div#main
    div#content
        div.list-office
            div.head
                .area,
div#main
    div#content
        div.office
            div.head
                .area{
                    text-align: right;
                }

div#main
    div#content
        div.list-office
            div.head
                .area
                    a,
div#main
    div#content
        div.office
            div.head
                .area
                    a{
                        text-decoration: none;
                    }

div#main
    div#content 
        div.list-office
            div.body,
div#main
    div#content
        div.office
            div.body{
                clear: both;
            }

div#main
    div#content
        div.list-office
            div.body
                p.image{
                    width: 120px;
                }

div#main
    div#content
        div.list-office
            div.body
                p.image
                    img{
                        margin: 4px;
                        width: 100px;
                    }

div#main
    div#content
        div.office
            div.body
                p.default-img
                    img{
                        margin: 5px;
                        max-width: 170px
                    }

div#main
    div#content
        div.office
            div.body
                p.default-img{
                    float: left;
                }
div#main
    div#content
        div.list-office
            div.body
                p.description{
                    width: 210px;
                }
div#main
    div#content
        div.office
            div.body
                p.descriptions{
                    float: right;
                    width: 245px;
                    margin: 5px;
                }
div#main
    div#content
        div.office
            div.body
                p.descriptions
                    strong{
                        color: #4E4E4E;
                    }
div#main
    div#content
        div.office
            div.body
                div.images{
                    clear: both;
                    border-top: 1px solid #979797;
                    border-bottom: 1px solid #979797;
                    margin: 8px;
                }
div#main
    div#content
        div.office
            div.body
                div.images
                    .listing{
                        margin: 0px;
                    }
div#main
    div#content
        div.office
            div.body
                div.images
                    img{
                        margin: 5px;
                        max-width: 185px;
                    }
div#main
    div#content
        div.list-office
            div.body
                p.more{
                    float: left;
                    width: 95px;
                    margin-left: 5px;
                    font-size: 10px;
                }
div#main
    div#content
        div.office
            div.body
                div.service{
                    float: left;
                    width: 200px;
                    margin: 5px;
                    height: auto;
                }
div#main
    div#content
        div.office
            div.body
                div.service
                    ul
                        li{
                            margin-left: 15px;
                            list-style: circle;
                        }
div#main
    div#content
        div.list-office
            div.foot,
div#main
    div#content
        div.office
            div.rate-buttons{
                clear: both;
                background: #EFEFEF;
                height: 20px;
                padding: 5px;
            }
div#main
    div#content
        div.list-office
            div.foot
                p.rating,
div#main
    div#content
        div.office
            div.rate-buttons
                p.rating{
                	font-weight: bold;
                	color: #257DB0;
                    text-align: left;
                    width: 110px;
                    float: left;
                }
div#main
    div#content
        div.list-office
            div.foot
                p.rating
                    img,
div#main
    div#content
        div.office
            div.rate-buttons
                p.rating
                    img{
                       margin-top: 3px;
                    }
div#main
    div#content
        div.list-office
            div.foot
                div.options,
div#main
    div#content
        div.office
            div.rate-buttons
                div.options{
                    float: right;
                    text-align: right;
                    width: 300px;
                }



div#main
    div#map{
        position: relative;
        float: left;
        right: 0;
        left: 470px;
        top: 0;
        height: 97%;
        width: 100%;
        background: #FFF;
        margin: 3px 0;
        margin-left: 3px;
        border: 1px solid #979797;
    }
/****** /MAIN ******/
		
div#footer{
    height: 20px;
	font-size: 11px;
	font-weight: bold;
    padding-top: 2px;
	border-right: 1px solid #4E4E4E;
    border-bottom: 1px solid #4E4E4E;
    border-left: 1px solid #4E4E4E;
    text-align: center;
    width: 100%;
}
div#footer
    a{
        color: #257DB0;
    }


/****** MAP STUFF ******/
p.map-p
    a,
p.map-front
    a{
        text-decoration: none;
    }

p.map-p{
    text-align: center;
    height: auto;
}
p.map-p
    .map-lnk{
        color: #257DB0;
    }
p.map-p
    .map-img{
        margin-top: 4px;
        border: 0px solid #979797;
        padding: 4px;
    }

p.map-front{
    text-align: left;
    margin-top: 20px;
    height: 100px;
    width: 300px;
}
p.map-front
    .map-lnk1{
        font-size: 14px;
        font-weight: bold;
        color: #F58012;
    }
p.map-front
    .map-lnk2{
        color: #257DB0;
    }
p.map-front
    .map-img{
        height: 100px;
        width: 115px;
        float: left;
        border: 0px solid #979797;
        padding-right: 6px;
        margin: 0px;
    }




#shadow-basket {
    width: 445px;
	position: relative;
	top: 3px;
    right: 3px;
    bottom: 3px;
	margin: 3px;
}

#shadow-basket .shadow2,
#shadow-basket .shadow3,
#shadow-basket .container {
	position: relative;
	left: -1px;
	top: -1px;
    right: -1px;
    bottom: -1px;
}

	#shadow-basket .shadow1 {
		background: #F1F0F1;
	}

	#shadow-basket .shadow2 {
		background: #DBDADB;
	}

	#shadow-basket .shadow3 {
		background: #B8B6B8;
	}

	#shadow-basket .basket {
		border: 1px solid #4E4E4E;
        background: #EFEFEF;
	}

div.basket
    div.baskethead{
        background: #257DAF;
        width: 100%;
}
div.basket
    div.baskethead
        p{
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            margin-left: 3px;
        }
div.basket
    div.basketmain{
        margin: 3px;
    }
div.basket
    div.basketmain
        form{
        }
div.basket
    div.basketmain
        .formfield{
            float: left;
            width: 144px;
            position: relative;
            display: block;
        }
 div.basket
    div.basketmain
        .formfield
            label{
                color: #4E4E4E;
                font-size: 12px;
                font-weight: bold;
            }
div.basket
    div.basketmain
        .formfield
            .btn{
                margin-top: 15px;
            }
div.basket
    div.basketmain
        p.info{
            color: #257DAF;
            font-size: 10px;
            margin-top: 10px;
            font-weight: bold;
        }
div.basket
    div.basketmain
        div.listing-offices{
            margin-top: -10px;
        }
div.basket
    div.basketmain
        div.listing-offices
            p{
                padding: 0;
				margin: 0px 3px;
                line-height: 1.75;
			}

/****** RANDOM ******/
.no-decoration{
    text-decoration: none;
}
.clear{
        clear:both;
        border: 0;
}