@import "style.reset.css";

/* global selectors */

body { font-family:Tahoma; font-size:10px; background:url(../img/background.png) top repeat-x; }
.clear { clear:both; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }
.aright { float:right; }
.aleft { float:left; }
fieldset dl dt { float:left; clear:both; }
fieldset dl dd { float:left; }
input[type="text"],
input[type="password"],
textarea,
select { border:1px solid #cecece; padding:3px 6px; margin:0; font-family:Tahoma; font-size:1.2em; color:#333; }
button { border:0; cursor:pointer; text-align:center; font-size:1.3em; background:url(../img/button.png) left top no-repeat; padding:0 0 0 10px; }
button span { position:relative; display:block; white-space:nowrap; padding:0 20px 0 10px; background:url(../img/button.png) right -40px no-repeat; height:40px; line-height:40px; }
sub { font-size:10px; vertical-align:bottom; }
a.button-small { background:url(../img/button-small.png) left 0 no-repeat; padding:3px 0 4px 23px; }
a.button-small span { float:right; background:url(../img/button-small.png) right 0 no-repeat; padding:3px 7px 5px 0; font-size:11px; color:#444; margin-top:-5px; }
a.button-small:hover,
a.button-small:hover span { background-image:url(../img/button-small-hover.png); }
div.padding { padding:12px; }
input[type='submit'] { cursor:pointer; }

/* main styling */
#wrap { width:1000px; margin:0 auto; }
#wrap #header { height:110px; position:relative; }
#wrap #header #logo { position:absolute; top:4px; left:4px; }
#wrap #header #menu { position:absolute; top:46px; right:4px; }
#wrap #header #menu ul li { float:left; display:block; height:35px; background:#fff; position:relative; }
#wrap #header #menu ul li a { font-size:1.1em; color:#555; text-decoration:none; line-height:3em; padding:10px 14px; }
#wrap #header #menu ul li a:hover { text-decoration:underline;}
#wrap #header #menu ul li.current a { display:block; float:left; margin-top:-5px; background:#535353 url(../img/menu-background.png) top repeat-x; height:42px; color:#fff; line-height:3.9em; padding:0 17px; }
#wrap #header #menu ul li.current div.arrow { display:block; width:13px; height:7px; background:url(../img/menu-arrow.png) top no-repeat; position:absolute; bottom:-9px; left:50%; margin-left:-6px; }
#wrap #banner { position:relative; width:998px; height:270px; background:url(../img/banner.png) no-repeat; }
#wrap #banner div.padding { overflow:hidden; height:238px;}
#wrap #banner div.banneritem { float:left; }
#wrap #banner #preview { float:left; }
#wrap #banner #thumbnails { position:relative; float:left; margin:0 8px; width:143px; }
#wrap #banner #thumbnails div.up { position:absolute; top:0; left:53px; z-index:999; width:34px; height:17px; background:url(../img/arrow_up.png) center no-repeat; text-indent:-9999px; }
#wrap #banner #thumbnails div.down { position:absolute; bottom:0; left:53px; z-index:998;  width:34px; height:17px; background:url(../img/arrow_down.png) center no-repeat; text-indent:-9999px; }
#wrap #banner #thumbnails ul { width:143px; height:249px; overflow:hidden; }
#wrap #banner #thumbnails ul li { margin-bottom:8px; }
#wrap #banner #details { position:relative; float:left; background:url(../img/banner-black.png) no-repeat; width:397px; height:249px; color:#fff; }
#wrap #banner #details div.padding { padding:20px; }
#wrap #banner #details h2 { font-size:3.0em; text-transform:uppercase; padding-bottom:5px; }
#wrap #banner #details h3 { font-size:2.0em; font-weight:normal; }
#wrap #banner #details h3 strong { font-weight:bold; }
#wrap #banner #details h4 { color:#a2a2a2; font-size:2.0em; font-weight:normal; }
#wrap #banner button { position:absolute; bottom:-15px; right:20px; z-index:999; }
#wrap #banner #details div.list { border-top:1px solid #000; border-bottom:1px solid #313131; margin:10px 0; }
#wrap #banner #details ul { border-top:1px solid #313131; border-bottom:1px solid #000; }
#wrap #banner #details ul li { float:left; margin:6px 0; padding:0 12px; color:#fff; font-size:1.5em; border-left:1px solid #3e3e3e; }
#wrap #banner #details ul li:first-child { border:none; padding-left:0; }
#wrap #banner #details div.text { max-height:79px; overflow:hidden; font-size:1.3em; color:#d3d3d3; line-height:1.2em; margin:0 0 8px 0; }
#wrap #banner #details div.text p { text-align:justify; }

#wrap #small-banner {position:relative; width:998px; height:143px; background:url(../img/banner_subpage.png) no-repeat; }
#wrap #small-banner div.padding { padding:12px; }
#wrap #small-banner #bannertext {	background:#000; color:#fff; opacity:0.8; height: 48px;	line-height: 48px;	padding: 0 13px;	position: absolute;	right: 30px;	bottom: 30px;	font-size: 21px;	font-family:Cambria,Georgia,Tahoma,sans-serif;}


#wrap #body h3 { font-size:1.8em; color:#333; padding:8px 0; margin:0 5px; background:url(../img/hr.png) bottom left repeat-x; }
#wrap #body h3 a.more { float:right; font-size:11px; line-height:20px; font-weight:normal; margin:10px 0px 0px 0px; }
#wrap #body #content h1,
#wrap #body #content h2,
#wrap #body #content h3 { font-size:1.8em; color:#333; padding:8px 0; margin:0 5px; background:url(../img/hr.png) bottom left repeat-x; }
#wrap #body #content p { font-size:1.3em; color:#333; padding:0 0 10px 0; margin:1.4em; line-height:1.4em;  }
#wrap #body #content ul,
#wrap #body #content ol { margin:-0.75em 0 4em 5em; color:#333; }
#wrap #body #content ul li,
#wrap #body #content ol li { font-size:1.3em; list-style-type:disc; line-height:1.8em; padding:0 0 0 1em; }
#wrap #body #content ol li { list-style-type:decimal; }

#viewnow span { padding-right:30px; }

/* employees */
#wrap #body #employees h3 span.contact { float:right; padding-right:150px;}
#wrap #body #employees div.items { float:left; width:550px; }
#wrap #body #employees div.items div.item { float:left; width:250px; margin:20px 0 20px 20px; }
#wrap #body #employees div.items div.item div.photo { float:left; width:75px; height:92px; }
#wrap #body #employees div.items div.item div.info { float:left; padding:0 0 0 10px; font-size:1.3em; color:#868686; line-height:18px; }
#wrap #body #employees #contact { float:left; width:350px; padding:15px 0 0 90px; background:url(../img/midle_shadow.png) top left no-repeat; min-height:300px; }
#wrap #body #employees #contact fieldset dl dt { font-size:1.3em; line-height:2em; width:70px; margin:0 0 6px 0; }
#wrap #body #employees #contact fieldset dl dd { margin:0 0 6px 0; }
#wrap #body #employees #contact fieldset dl dd input[type="text"] { width:180px; }
#wrap #body #employees #contact fieldset dl dd textarea { width:228px; height:75px; }
#wrap #body #employees #contact fieldset input[type="submit"] {background:url("../img/senda_btn.png") no-repeat scroll 0 0 transparent; text-indent:-9999px; border:0 none;float:right;height:17px;margin-right:36px;width:64px;}
#wrap #body .erroring { border:1px solid red !important; }
#wrap #body #contact-message { width:86%; margin-top:10px; padding:5px; text-align:center; font-size:13px; }
#wrap #body #contact-message.err { border:1px solid #da8988; background:#ffe9eb; }
#wrap #body #contact-message.sucs { border:1px solid #a7d191; background:#f1feea; }

/* realestates */
#wrap #body #realestates {}
#wrap #body #realestates div.padding { margin:12px; border:1px solid #e5e5e5; padding:8px 12px; }
#wrap #body #realestates h3 { font-size:1.8em; font-family:Arial; color:#333; }
#wrap #body #realestates #widesearch { background:url(../img/banner-small.png) no-repeat; width:998px; height:226px; float:left; margin:0 0 15px 0; }
#wrap #body #realestates #widesearch div#search { width:948px; height:184px; background:url(../img/realestates-search-gradient.png) left -85px repeat-x; margin:12px; }
#wrap #body #realestates #widesearch div#search {}
#wrap #body #realestates #widesearch div#search div.column { float:left; padding:10px 38px 0 0; }
#wrap #body #realestates #widesearch div#search div.column select { margin:3px 10px 8px 0; height:24px; }
#wrap #body #realestates #widesearch div#search button { bottom:-25px; right:100px; }
#wrap #body #realestates #widesearch div#search ul li { width:110px; padding:0; }
#wrap #body #realestates #widesearch div#search div.window { height:117px; }
#wrap #body #realestates #widesearch div#search div.window ul li { width:200px; }
#wrap #body #realestates #search { position:relative; float:left; width:295px; margin:0 1px 0 4px; background:url(../img/realestates-search-background.png) left top no-repeat; }
#wrap #body #realestates #search #bottom { width:295px; position:absolute; bottom:0; left:0; height:7px; background:url(../img/realestates-search-bottom.png) bottom left no-repeat; }
#wrap #body #realestates #search div.padding { background:#f0f0f0 url(../img/realestates-search-gradient.png) top repeat-x; }
#wrap #body #realestates #search dl { padding:8px 10px; }
#wrap #body #realestates #search dl dt label,
#wrap #body #realestates #search label { font-size:1.3em; font-weight:bold; font-family:Arial; color:#494949; }
#wrap #body #realestates #search dl dt.inline { line-height:1.5em; width:70px; margin:0 0 10px 0; }
#wrap #body #realestates #search dl dd { margin:0 0 10px 0; }
#wrap #body #realestates #search dl dd select { font-size:1.1em; padding:0; margin-left:6px; border-color:#cfcfcf; color:#494949; font-family:Arial; }
#wrap #body #realestates #search dl dd input { font-size:1.1em; padding:2px 3px; margin-left:6px; border-color:#cfcfcf; color:#494949; font-family:Arial; }
#wrap #body #realestates #search dl dd select:first-child { margin-left:0; }
#wrap #body #realestates #search div.checkboxes { margin:4px 0 0 0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:4px 0; }
#wrap #body #realestates #search ul li { float:left; width:100px; padding:3px 4px 2px 0; }
#wrap #body #realestates #search ul li label { padding-left:4px; font-size:1.1em; }
#wrap #body #realestates #search div.window { margin:4px 0 0 0; width:224px; height:110px; border:1px solid #b1b1b1; overflow:auto; }
#wrap #body #realestates #search div.window ul li { width:200px; padding:2px 0 0 0; }
#wrap #body #realestates #search button { position:absolute; bottom:-13px; right:50%; margin-right:-63px; z-index:999; }
#wrap #body #realestates #search button span { padding:0 30px 0 20px; }
#wrap #body #realestates #results { float:left; width:696px; margin:0 4px 0 0; background:url(../img/realestates-results-background.png) left top no-repeat; }
#wrap #body #realestates #results h3 span.sorting { float:right; font-size:11px; font-family:Tahoma; line-height:2.2em; font-weight:normal; }
#wrap #body #realestates #results h3 span.sorting a.current { font-weight:bold; }
#wrap #body #realestates #results div.padding { min-height:150px; }
#wrap #body #realestates #results div.items { margin:0 0 15px 0; }
#wrap #body #realestates #results div.items .button { float:right; padding-top:10px; }
#wrap #body #realestates #results div.items div.item { margin:0 0 20px 5px; background:url(../img/item-shadow.png) no-repeat top center; padding-top:20px; }
#wrap #body #realestates #results div.items div.item:first-child { background:none; }
#wrap #body #realestates #results div.items div.item div.bar { border:1px solid #e4e4e4; padding:5px 0; margin:10px 0; }
#wrap #body #realestates #results div.items div.item div.bar ul li { border-left:1px dashed #919191; float:left; padding:2px 10px 2px 10px; font-size:1.1em; color:#333333; }
#wrap #body #realestates #results div.items div.item div.bar ul li:first-child { border-left:none; }
#wrap #body #realestates #results div.items div.item div.photo { position:relative; float:left; width:220px; height:147px; background:#f9f9f9; margin-right:18px; }
#wrap #body #realestates #results div.items div.item div.photo a img { width:220px; height:147px; }
#wrap #body #realestates #results div.items div.item div.photo div.paging { width:28px; height:22px; background:url(../img/paging-image.png) right bottom no-repeat; position:absolute; bottom:0; right:0; padding-right:1px; text-align:right; font-size:1.1em; color:#223d54; line-height:3em; }
#wrap #body #realestates #results div.items div.item div.details { float:left; width:400px; }
#wrap #body #realestates #results div.items div.item div.details p { font-size:1.2em; line-height:1.5em; }
#wrap #body #realestates #results div.items div.item div.details div.title { font-size:1.5em; font-family:Arial; color:#333; font-weight:bold; }
#wrap #body #realestates #results div.items div.item div.details div.title span { font-weight:normal; font-size:0.8em; }



/* realestate details */
#wrap #body #details {}

#wrap #body #details #information { float:left; width:488px; }
#wrap #body #details #information #realestate { background:url(../img/realestate-details.png) no-repeat; height:241px; }
#wrap #body #details #information #realestate div.padding { border:1px solid #d0d0d0; float:left; margin:12px; }
#wrap #body #details #information #realestate h1 { border-bottom:1px solid #e5e5e5; background:none !important; font-weight:normal; font-size:2.3em; color:#18396a; padding-bottom:8px; margin-bottom:6px; }
#wrap #body #details #information #realestate h4 { font-weight:normal; font-size:1.8em; color:#18396a; padding:12px 0 0 0; margin:0 5px; border-top:1px solid #e5e5e5; margin-top:10px; }
#wrap #body #details #information #realestate ul { padding:10px 5px 0 5px; }
#wrap #body #details #information #realestate ul li { float:left; width:190px; height:17px; display:inline; font-size:1.1em; margin:0 18px 0 0; }
#wrap #body #details #information #realestate ul li div.label { float:left; width:100px; }
#wrap #body #details #information #description { padding:10px 2px; }
#wrap #body #details #information #description h4 { font-family:Arial; font-size:1.8em; color:#333; padding:0; }
#wrap #body #details #information #description { font-size: 13px; line-height:1.6em; padding-left: 10px; }
#wrap #body #details #information #description p { margin:10px 0; text-align:justify; }


#wrap #body #details #photos { float:left; }
#wrap #body #details #photos #buttons_box a#print_property { background-position: -135px -88px; }

#wrap #body #details #photos #buttons_box { position:relative; margin-left:5px; background:url(../img/icons_bg.png) no-repeat; width:506px; height:54px; }
#wrap #body #details #photos #buttons_box #buttonbar { width:488px; height:38px; background:#fff; position:absolute; top:12px; left:10px;  z-index:99; }
#wrap #body #details #photos #buttons_box #buttonbar ul li { float:left; margin-top:-6px; line-height:48px; font-size:1.2em; padding-left:21px; }
#wrap #body #details #photos #buttons_box #buttonbar ul li:first-child { padding-left:0px; border-left:none; }
#wrap #body #details #photos #buttons_box #buttonbar ul li img { float:left; margin-top:4px; }
#wrap #body #details #photos #buttons_box #buttonbar ul li span { font-size:1.2em; line-height:48px;  }

#wrap #body #details #photos #preview { position:relative; margin-top:5px; margin-left:5px; background:url(../img/realestate-photo.png) no-repeat; width:506px; height:339px; }
#wrap #body #details #photos #preview #photo { position:absolute; top:12px; left:12px; width:482px; height:316px; background:#eee; }

#wrap #body #details #photos #thumbnails { margin:0 0 0 6px; }
#wrap #body #details #photos #thumbnails ul li { float:left; display:block; width:127px; height:81px; background:url(../img/realestate-thumb.png) left top no-repeat; margin-left:-1px; }
#wrap #body #details #photos #thumbnails ul li img { padding:6px 0px 0px 6px;  }
#wrap #body #details #photos #thumbnails ul li:first-child { margin-left:0px;  }

#wrap #body #details #options {  clear:both; float:right; }
#wrap #body #details #options ul li  {float:right; margin:5px 5px 0px 20px; font-size:1.1em; line-height:18px;}
#wrap #body #details #options ul li img { float:left; margin-top:4px; padding-right:5px; }

#wrap #body #details #map { padding:0 10px; }
#wrap #body #details #map h3 { margin:6px 0; background:none; }



/* frontpage */
#wrap #body #latest ul { padding: 10px 0; }
#wrap #body #latest ul li { float:left; width:200px; height:105px;  background:url(../img/nyjustu_eign_bg.png) bottom left no-repeat; margin-bottom:20px;}
#wrap #body #latest ul li img {padding:3px 0px 0px 6px;}
#wrap #body #latest ul li a { display:block; font-size:1.5em; color:#161616; margin-left:5px; margin-bottom:8px; }
#wrap #body #latest ul li div.photo { position:relative; overflow:hidden; }
#wrap #body #latest ul li div.photo div.details { position:absolute; bottom:-73px; left:6px; width:178px; height:73px; background:#000; color:#fff; opacity:0.8; }
#wrap #body #latest ul li div.photo div.details div.padder { padding:10px; font-size:1.2em; line-height:1.5em; }
#wrap #body #latest ul li div.photo div.details div.padder p { border-top:1px solid #888; }
#wrap #body #latest ul li div.photo div.details div.padder p:first-child { border:none; }
#wrap #body #latest ul li div.photo div.details div.padder p:last-child { font-weight:bold; }

#wrap #body #frontpage #welcome { float:left; width: 650px; }
#wrap #body #frontpage #welcome h5 { font-size:1.8em; color:#333; padding:0 0 10px 0; margin:0 5px; }
#wrap #body #frontpage #welcome p { font-size:1.3em; color:#333; padding:0 0 10px 0; margin:0 5px; line-height:1.4em;  }
#wrap #body #frontpage #welcome img {  padding:15px 12px 12px 12px; background:url(../img/welcome_border.png) no-repeat; }
#wrap #body #frontpage #form-contact { float:left; width: 340px;}
#wrap #body #frontpage #form-contact h5 { font-size:1.8em; color:#333; padding:0 0 10px 0; margin:0 5px; }
#wrap #body #frontpage #form-contact fieldset {width:320px; }
#wrap #body #frontpage #form-contact fieldset dl { float:left; padding:10px 0px 10px 20px; }
#wrap #body #frontpage #form-contact fieldset dl dt { float:left; clear:both; width:130px; padding:6px 0px 12px 0px; font-size:1.3em; }
#wrap #body #frontpage #form-contact fieldset dl dd { float:left; }
#wrap #body #frontpage #form-contact fieldset dl dd input[type="text"] { width:150px; }
#wrap #body #frontpage #form-contact fieldset input[type="submit"] { float:right; width:64px; height:17px; margin-right:5px; margin-top:-10px; background:url(../img/senda_btn.png) no-repeat; border:0px; }
#wrap #body #inner-footer { width:100%; height:58px; background:url(../img/footer_logo_lines.png)  repeat-x; font-size:1.2em; } 
#wrap #body #inner-footer p { float:left; width: 560px; padding:24px 4px 0px 12px; }
#wrap #body #inner-footer #fasteignir { float:left; padding-top:5px;  }
#wrap #body #inner-footer #felag_fasteignasala { float:left; padding:5px 0px 0px 15px; }
#wrap #body div.pages { font-size:11px; font-family:Tahoma; text-align:center; }
#wrap #body div.pages em { border: 1px solid #dbdbdb; color: #003258; font-weight: bold; font-style:normal; padding:3px 5px; }
#wrap #body div.pages a { padding:3px 5px; }


/* links */
h2.orange{background:none !important; }
	 
#wrap #body .linksgroup,.linksgroupend {	float: left;	padding-right: 20px;	min-height: 180px;}
#wrap #body .linksgroup ul,.linksgroupend ul {	width: 210px;	border-right: 1px solid #e5e5e5;}
#wrap #body .linksgroupend ul {	list-style-type:none;	border-right: none;}
#wrap #body .linksgroup ul li,.linksgroupend ul li {margin-top: 10px; list-style-type:none !important; }


/* footer */
#footer { width:100%; height:64px; background:#e5e5e5; border-top:10px solid #f2f2f2; margin-top:25px; padding:5px 0; }
#footer div.wrap { width:950px; margin:0 auto; padding:8px 0; }
#footer div.wrap a { float:right; color:#a7a7a7; font-size:1.1em; }


div.modal-box  div.padding {padding:13px; }
div.modal-box {width:500px; height:380px;  float:left; background-color:white; margin:0;}
div.modal-box h4 {font-size:1.3em; font-weight:normal; padding:10px 0px 5px 0px;}
div.modal-box h3 {background:url("img/hr.png") repeat-x scroll left bottom transparent; color:#333333; font-size:1.8em; margin-bottom:10px; padding:8px 0; }
div.modal-box div.left {width:235px;float:left;}
div.modal-box div.right {margin-left:25px; float:left;}
div.modal-box div.bottom {float:left;}
div.modal-box  input.field {width:200px; height:20px; border:1px solid #CECECE;}
div.modal-box  textarea.field {width:460px; border:1px solid #CECECE;}
div.modal-box  div.attention_text {width:300px; height:20px; float:left; line-height:20px; font-size:1.3em; margin-top:7px;}
div.modal-box  div.submit_btn {width:100px; height:20px; float:right;}
div.modal-box  input[type="submit"] {border:1px solid #CECECE; none;float:right;height:22px;margin-right:12px;margin-top:5px;width:128px;}

.expandable { margin-left:14px; }

/* extras */
/* css3 */
@-moz-document url-prefix(){ button span { margin-top:-1px; margin-left:-3px; } }
@media screen and (-webkit-min-device-pixel-ratio:0){ button span { margin-top:-1px; margin-left:-3px; } }
#wrap #header #menu ul li.first { width:10px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
#wrap #header #menu ul li.last { width:10px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; }
#wrap #header #menu ul li.current a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#wrap #body #details #photos #preview #buttonbar { -moz-box-shadow:rgba(0,0,0, 0.25) 0 1px 2px; }


.facebook {
    float: left;
    width: 55px;
    background: url("../img/facebook .gif") no-repeat scroll 0 3px transparent;
    font-size: 11px;
    line-height: 16px;
    color: #333;
    display: inline;
    text-decoration: none;
    margin: 17px 0 0 16px;
    padding: 0px 0 10px 29px;
}