html, body { height: 100%; margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; }

.floatleft { float:left; }

div#shim { visibility: hidden; width: 100%; height: 50%; margin-top: -333px; float: left; }


div#container { margin: 0px auto; width: 830px; height: 666px; clear: both; position: relative; top: -333px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}

/* Hide from IE5mac \*//*/
div#shim { display: none; }
html, body { height: auto; }
/* end hack */


div#container {
	background:url(../img/layout/shadow.jpg) no-repeat 0px 0px;
}


.grey { color: #666666; }

.darkblue, a { color: #5c85ad; }

.lightblue, a.mattdolan { color: #6a9fd2; }

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

a:hover, a.mattdolan, h2 a { text-decoration: none; }
a:hover, a.mattdolan:hover { color: #ff0000; }
a.mattdolan:hover .darkblue { color: #990000; }


.body, .recentproject { font-size: 12pt; }


h1, h2 { padding:0px 0px 0.25em; margin: 0px; font-size: 100%; color: #171717; font-size: 0.8em; }
h2 { font-weight: normal; color: #333333; }


h2 a { color: #333333; margin: 0px; }
h2 a:hover { color: #ff0000; text-decoration: underline; }


h2 a .text { display: none; }

h2 a .text , h2 a:hover .text div  {text-decoration: none; }

h2 a:hover .text { display: block; position: relative; left: -210px; top: -1em; width: 200px; text-decoration: none; }

h2 a:hover .text div { position: absolute;
    text-align: justify;
    border: 1px solid #666666; background-color: white; padding:0.25em;
    color: black;
    text-decoration: none;
}





.box {
    position: absolute;
    left: -470px; top: -28px; width: 450px;
    text-align: justify;
    display:none;
    background: url(../img/bubble/arrow.gif) no-repeat 450px 10px;
    padding-right: 20px;
}

.box .tl, .box .tr, .box .bl, .box .br { background: transparent url(../img/bubble/corners.gif) no-repeat; height: 9px; }

.box .tl { background-position: top left; }
.box .tr { background-position: top right; }
.box .t { height: 9px; margin: 0px 9px; }

.box .bl { background-position: bottom left; }
.box .br { background-position: bottom right; }
.box .b { height: 9px; margin: 0px 9px; }

.box .body { padding: 0px 9px; }



.box .body, .box .t, .box .b { background: #333333; }
.box { color: white; }



#whitebox { position:absolute; height: 666px; width: 830px; display: none; background: white; z-index: 1; KHTMLOpacity: 0; MozOpacity: 0; opacity: 0; }


#recentproject h1 { padding-top: 1em; }


.list { font-size: 0.8em; padding: 0px 0px 0.5em 2em; }
.list div { margin-bottom: 0.5em; }



#logo { padding: 78px 0px 10px 151px; }
#logo, #logo img { border: 0px; }


#nojs .posrel h2 { padding: 0px; margin: 0px; text-align: left; }

#nojs #wrapper p { font-size: 80%; padding:10px 20px 0px; margin: 0px; text-align: left;}

#nojs .nojstext { display: block; }

#nojs .link { font-size:80%; color: #666666; padding: 0px 0px 10px 20px; }


#js .nojstext, #js #jensencontent, #js #jensenlogo, #js #likenewcontent, #js #likenewlogo, #js #salzburgcontent, #js #salzburglogo, #js #movingmemoriescontent, #js #movingmemorieslogo { display: none; }


.posrel { position: relative; }

#js .posrel .tl2, #js .posrel .tr2, #js .posrel .bl2, #js .posrel .br2 { position: absolute; width: 237px; height: 165px; }

#js .posrel .tl2 { top: 5px; left: 5px; background: #cfcfcf url(../img/layout/corners.png) -10px -10px no-repeat; }
#js .posrel .tr2 { top: 5px; left: 252px; background: #cfcfcf url(../img/layout/corners.png) 228px -10px no-repeat; }
#js .posrel .bl2 { top: 180px; left: 5px; background: #cfcfcf url(../img/layout/corners.png) -10px 155px no-repeat; }
#js .posrel .br2 { top: 180px; left: 252px; background: #cfcfcf url(../img/layout/corners.png) 228px 155px no-repeat; }

#js #jensenlogo { background: url(../img/logos/jensen.jpg); }
#js #likenewlogo { background: url(../img/logos/likenew.png); }
#js #salzburglogo { background: url(../img/logos/salzburg.png); }
#js #movingmemorieslogo { background: url(../img/logos/movingmemories.png); }


#js #nobg { background: none; }

#js #jensencontent { background-color: #e3a2c3; }
#js #likenewcontent { background-color: #c3e3a2; }
#js #salzburgcontent { background-color: #c3e3a2; }
#js #movingmemoriescontent { background-color: #a2c4e4; }


#js #wrapper p { font-size: 80%; padding:20px; margin: 0px; text-align: left;}
#js #wrapper { width:237px; height:165px; }
#js #wrapper>#floating { display:table; position:static; }
#js #floating { width:237px; height:100%; position:relative; }
#js #floating div { position:absolute; top:50%; }
#js #floating>div { display:table-cell; vertical-align:middle; position:static; }
#js #floating div div { position:relative; top:-50%; }


.side { float:right; margin-top: 43px; z-index: 2; position: relative; }

.sb { height:180px; width:216px; background: #a2c4e4 url(../img/layout/cornerside.png) no-repeat 0px 0px; margin-bottom: 20px; }

.sbgreen { background-color: #c3e3a2; }


.sbred { background-color: #e3a2c3; }


.pad15 { padding: 15px; }
.padb2e { padding-bottom: 2em; }


#maincontent { float: left; }

#body, #recentproject { padding-left:64px; width: 494px; }

#recentproject h1 { font-size: 100%; }
#recentproject h2 { text-align: center; margin-top: 75px; }

.homelink, .description .link { font-size:80%; color: #666666; }




.description .link { font-size:80%; color: #666666; }
.hr { padding-top: 2em; margin-bottom: 2em; border-bottom: 1px solid #cccccc; }


.description .logo { padding: 50px 0px; text-align: center; }
.description .logo img { border: 0px; }

.width400 { width:400px; margin: 0px auto; }



.description { padding:0px 0px 0.25em; margin: 0px; font-size: 100%; font-weight: normal; color: black; font-size: 100%; }


.description h1 { font-size: 100%; }
.description h2 { font-size: 100%; padding-bottom: 0.5em;}


.footer { color: #666666; padding-top: 2em; font-size: 90%; line-height: 1.5em;}
.footer .dark { color: black; }