body {
background:#2F2F2F;
background-attachment:fixed;
background-position: 75px 100px;
color:#666666;
margin:0px;
scroll: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:18px;
}

html {
overflow-x: hidden; }
>

#menu {
position:absolute;
text-align:center;
}
#menu li {
display:block;
float:left;
font-size:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:7px 0 5px 15px;
text-align:center;
}

.links {
position:absolute;
text-align: left;
}
.links li {
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0 2px 0px;
text-align:center;
}

.links a {
color: #666666;
}

.links a:hover {
text-decoration:none;
color: #ffffff;
}



a {
color:#666666;
cursor:pointer;
font-weight:bold;
text-decoration:none;
}
a:hover {
color: #ffffff;
}


img
{
border: none;
}






.test
{
background:transparent url(http://lodmfjord.is/img/bg-itemnew.png) no-repeat scroll 0 0;
float:left;
height:160px;
margin-right:20px;
overflow:hidden;
position:relative;
width:200px;
cursor:pointer;

}


.test2
{
background:transparent url(http://lodmfjord.is/img/bg-item-inactive.png) no-repeat scroll 0 0;
float:left;
height:160px;
margin-right:20px;
overflow:hidden;
position:relative;
width:200px;

}



.wrap
{
border:0 none;
height:130px;
left:10px;
overflow:hidden;
position:absolute;
text-align:left;
top:20px;
width:180px;
}

.caption
{
background:transparent url(http://lodmfjord.is/img/bg-item-desc.jpg) repeat-x scroll 0 0;
float:left;
height:35px;
left: 10px;
padding-top:5px;
position:absolute;
top:135px;
width:180px;
margin: 99px;
font-size:11px;
margin:0;
overflow:hidden;
padding:0;

}


/*Message box, positioned in dead center of browser*/ 
.msgbox{ position:absolute; width:640px; height:480px; z-index:200; border:5px solid #FFF; background: #FFF; top: 20px; left: 20px;  } 
.msgbox img {border:none; margin:5px;} /
.close{ top:0px; float:right; }
#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background-color: #2F2F2F; display:none; text-align:left;opacity:0.98;filter:alpha(opacity=98) }


#content{ padding: 20px 0; }


ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 0px; line-height: 40px;  left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #000; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #FFF; }
ul#portfolio-filter a.current{ color: #FFF; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }