@charset "UTF-8";
/* CSS Document */

/*@import "root to file goes here";*/

:focus {
	outline:none;
	}

body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
	color:#4f6788;
	background:#e5e8ed url(../img/layout/background.jpg) top left repeat-x;
	}






/* ---------------------- common --------------------------- */
.fg-blue {
    color: #4f6788;
}

.alert, .error
{
color:#f00;
}





.clear
{
clear:both;
}



.line
{
clear:both;
border-top:solid 1px #bbc4d1;
margin:20px 0 20px 0 !important;
}



#content h1, h2, h3, h4
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
}


#content h1
{
font-size:1.8em;
padding:10px 0 50px 0;
margin:0;
color:#fff;
}

#content h2
{
font-size:1.5em;
line-height:1.4em;
padding:0;
margin:0;
}

.regular
{
font-size:.6em;
}

#content h3
{
font-size:1.2em;
line-height:1.4em;
}

#content h4
{
font-size:1em;
}

#content p
{
font-size:.85em;
}





#content ul
{
margin:0 0 20px 0;
padding:0;
}


#content ul li
{
margin:0;
padding:5px 0;
margin-left:20px;
font-size:.85em;
list-style:disc;
}

.secondary
{
color:#91a9cb;
}

.smaller
{
font-size:.75em;
}


a:link,
a:visited
{
color:#4f6788;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}



.niceLinkRight a:link,
.niceLinkRight a:visited
{
color:#4f6788;
text-decoration:none;
padding:3px 27px 3px 0;
margin-top:5px;
background:url(../img/layout/arrow1.png) right center no-repeat;
float:right;
}

.niceLinkRight a:hover
{
background:url(../img/layout/arrow2.png) right center no-repeat;
}


.niceLink a:link,
.niceLink a:visited
{
color:#4f6788;
text-decoration:none;
padding:0 5px 0 27px;
margin-top:5px;
display: inline-block;
background:url(../img/layout/arrow1.png) left center no-repeat;
}

.niceLink a:hover
{
background:url(../img/layout/arrow2.png) left center no-repeat;
}

#detail_files .bluePanelRight,
#detail_files .bluePanel {
    padding: 0;
    height: 70px;
    width: 220px;
    position: relative;
}

#detail_files .niceLink {
    padding: 0;
    margin: 0;
}

#detail_files .niceLink a {
    text-indent: 0;
    height: 70px;
    background-position: 20px center;
    padding: 0 10px 0 50px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 100%;
}


#detail_files .bluePanelLarge {
    padding: 0;
    height: 70px;
    width: 460px !important;
    margin-right: 0;
}

#detail_files .bluePanelLarge .niceLink a {
    width: 400px;
}

.border
{
border:solid 10px #fff;
}


.quote
{
font-size:1.2em !important;
line-height:1.5em;
font-style:italic;
}



/* ---------------------- // common --------------------------- */







/* ---------------------- Wrapper --------------------------- */


#wrapperWrap
{
margin:0;
padding:0;
}


#wrapper
{
width:940px;
margin:0 auto;
padding:0;
}





/* ---------------------- // Wrapper --------------------------- */








/* ---------------------- Header --------------------------- */

#headerWrap
{
margin:0;
padding:0;
}

#header
{
width:940px;
height:240px;
margin:0 auto;
padding:0;
position:relative;
}


#header h2
{
font-size:1.8em;
padding:15px 0;
margin:0;
}


#logo
{
width:258px;
height:92px;
position:absolute;
left:0;
top:90px;
margin:0;
padding:0;
}

#exceptional
{
position:absolute;
left:0;
bottom:20px;
margin:0;
padding:0;
}



#header h2 a:link,
#header h2 a:visited
{
color:#fff;
text-decoration:none;
font-size:.5em;
line-height:.4em;
}

#header h2 a:hover
{
text-decoration:underline;
}




#header ul
{
margin:0;
padding:0;
text-align:right;
}

#header ul li
{
margin:0;
padding:0;
display:inline;
}

#header ul li a:link,
#header ul li a:visited
{
font-size:.8em;
margin:0 0 0 20px;
line-height:320%;
color:#fff;
text-decoration:none;
}

#header ul li a:hover
{
text-decoration:underline;
}


#header ul li.current a:link,
#header ul li.current a:visited
{
text-decoration:underline;
}






.categories
{
padding:0;
margin:52px 0 0 0;
width:160px;
height:100px;
text-align:center;
float:right;
color:#fff;
background:url(../img/layout/categoryBorder.gif) center right no-repeat;
}

.borderNone
{
background:none;
}




/* ---------------------- // Header --------------------------- */

#headerNumber{
    float: left;
    color: #fff;
    margin-top: -6px;
    font-weight: bold;
    font-size: 18px;
}
#headerNumber h2{
    padding:16px 0 0 0;
}
#number{
    padding: 0 0 0 5px;

}






/* ---------------------- Content --------------------------- */



#contentWrap
{
margin:0;
padding:0;
}


#content
{
width:940px;
margin:0 auto;
padding:0;
}









#homeCategories
{
width:920px;
height:394px;
padding:10px;
background:#fff;
}

.homeCategory,
.homeCategoryRight
{
width:455px;
height:192px;
padding:0;
margin:0 10px 10px 0;
float:left;
position:relative;
}

.homeCategoryRight
{
margin:0 0 10px 0;
}


.homeCategoriesLink h2 a:link,
.homeCategoriesLink h2 a:visited
{
color:#fff;
background:url(../img/layout/opaqueBlue.png) top left repeat;
width:415px;
position:absolute;
left:0;
bottom:0;
z-index:100;
padding:20px;
}


.homeCategoriesLink h2 a:hover
{
color:#fff;
background:url(../img/layout/opaqueRed.png) top left repeat;
text-decoration:none;
}










#newListingsSlider
{
width:920px;
height:190px;
background:#fff;
margin:0 0 20px 0;
padding:10px;
position:relative;
overflow:hidden;
}


.sliderProperty
{
height:190px;
width:280px;
margin-right:10px !important;
padding:0;
float:left;
position:relative;
}

.sliderProperty a:link,
.sliderProperty a:visited
{
color:#fff;
text-align:center;
background:url(../img/layout/opaqueBlue.png) top left repeat;
width:280px;
position:absolute;
left:0;
bottom:0;
z-index:100;
padding:10px 0;
}


.sliderProperty a:hover
{
color:#fff;
background:url(../img/layout/opaqueRed.png) top left repeat;
text-decoration:none;
}




#obmudsmanList ul
{
margin:0;
padding:0;
}


#obmudsmanList ul li
{
margin:0;
padding:10px 0 10px 30px;
border-top:solid 1px #bbc4d1;
font-size:.85em;
list-style:none;
background:url(../img/layout/bubble.png) left 13px no-repeat;
}







.listingWrapper
{
background:#fff;
padding:10px;
margin:0 0 10px 0;
}

.listingText
{
width:590px;
padding:0;
margin:30px 0 0 0;
float:left;
}

.imageLeft
{
float:left;
margin:20px 20px 0 0;
}

.imageRight
{
float:right;
margin:0 0 0 20px;
}










#viewBy
{
float:right;
}


#viewBy ul
{
margin:0;
padding:0;
}

#viewBy ul li
{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}

#viewBy ul li a:link,
#viewBy ul li a:visited
{
margin:0 0 0 20px;
padding:18px 20px;
text-align:center;
font-size:1.4em;
color:#fff;
background:#91a9cb;
float:right;
display:block;
text-decoration:none;
}

#viewBy ul li a:hover
{
background:#fff;
color:#4f6788;
text-decoration:none;
}

#viewBy ul li.current a:link,
#viewBy ul li.current a:visited
{
background:#fff;
color:#4f6788;
text-decoration:none;
}













#propertyImages
{
position:relative;
}

.magnify
{
position:absolute;
top:57px;
right:10px;
z-index:20;
width:40px;
height:40px;
background:url(../img/layout/magnify2.gif) no-repeat 0 0;
}

.magnify:hover
{
background:url(../img/layout/magnify1.gif) no-repeat 0 0;
}









#thumbs
{
background:#fff;
padding:10px 10px 0 10px;
margin:0;
overflow:hidden;
}

.thumb,
.thumbRight
{
float:left;
margin:0 10px 10px 0 !important;
}

.thumbRight
{
float:left;
margin:0 0 10px 0 !important;
}

#thumbs a img {
	border :0;
}









.areaGallery
{
background:#4F6788;
height:600px;
}

.contactGallery
{
background:#4F6788;
height:203px;
width:280px !important;
margin:0 0 20px 0;
padding:0;
}







.image_cycle
{
background:#fff !important;
}






.redPanel
{
background:#cc0000 url(../img/layout/watermark.png) top right no-repeat;
color:#fff !important;
padding:10px 20px;
margin:10px 0;
border:solid 1px #E5E8ED;
}



.redPanel a:link,
.redPanel a:visited
{
color:#fff !important;
text-decoration:none;
}

.redPanel a:hover
{
text-decoration:underline;
}







.bluePanel,
.bluePanelRight
{
background:#D6DBE2;
padding:10px 0 10px 20px;
margin:0 20px 20px 0;
float:left;
width:200px;
}

.bluePanelRight
{
margin:0 0 20px 0;
}


.bluePanel a:link,
.bluePanelRight a:link,
.bluePanel a:visited,
.bluePanelRight a:visited
{
text-decoration:none;
}

.bluePanel a:hover,
.bluePanelRight a:hover
{
text-decoration:underline;
}


.bluePanelLarge {
	margin-top: 10px;
	width: 440px !important;
}





/* ---------------------- // Content --------------------------- */









/* ---------------------- Columns --------------------------- */




.oneCol
{
width:140px;
margin:0 20px 0 0;
float:left;
}

.twoCol
{
width:300px;
margin:0 20px 0 0;
float:left;
}

.twoColRight
{
width:300px;
margin:0;
float:right;
}

.threeCol
{
width:460px;
margin:0 20px 0 0;
float:left;
}

.threeColRight
{
width:460px;
margin:0 0 0 0;
float:right;
}

.fourCol
{
width:620px;
margin:0 20px 0 0;
float:left;
}

.fourColRight
{
width:620px;
margin:0;
float:right;
}

.fiveCol
{
width:780px;
margin:0 20px 0 0;
float:left;
}

.sixCol
{
width:940px;
margin:0;
float:left;
}




/* --------------------- // Columns -------------------------- */










/* ---------------------- Forms --------------------------- */



/* contact form */


#contactForm,
#alertForm
{
padding:20px 100px;
background:#d6dbe2;
}

form.normal
{
margin:0;
padding:0;
}

form.normal label
{
display:block;
font-weight:bold;
margin:0;
padding:0;
font-size:.85em;
}


form.normal input,
form.normal select,
form.normal textarea
{
margin:5px 0 10px 0;
padding:5px 5px;
color:#4F6788;
font-size:1.2em;
line-height:1.4em;
display:block;
width:398px;
border:solid 1px #4F6788;
}




form.normal input#submit
{
padding:10px 7px;
margin:0;
background:#cc0000;
font-size:1em;
font-weight:bold;
color:#fff;
border:none;
}



.formBox,
.formBoxRight
{
float:left;
width:180px;
margin:0 20px 20px 0;
background:#e5e8ed;
padding:10px 0 0 10px;
}

.formBoxRight
{
margin:0 0 20px 0;
}





/* --------------------- // Forms -------------------------- */

















/* ---------------------- Footer --------------------------- */

#footerWrap
{
margin-top:30px;
border-top:solid 1px #e5e8ed;
background:#4f6788 url(../img/layout/footerTop.png) top left repeat-x;
}


#footer
{
width:940px;
margin:0 auto;
padding:30px 0 40px 0;
color:#fff;
position:relative;
}

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

#footer a:hover
{
text-decoration:underline;
}


.footerLogos
{
float:left;
margin:20px 20px 20px 0;
}


#award
{
position:absolute;
right:0;
top:50px;
margin:0;
padding:0;
}


.socials
{
margin:0 10px;
}


.credits
{
font-size:.75em;
line-height:1.5em;
color:#e5e8ed;
margin-left: 190px;
margin-top: 20px;
}

.credits img {
	margin-top: 10px;
}


/* ---------------------- // Footer --------------------------- */


.endCredits
{
width:940px;
margin:10px auto;
font-size:.7em;
line-height:1.5em;
text-align:center;
}
.slideshow { height: 440px; width: 300px; margin: auto }