

html
{
height:100%;
width:100%;
overflow:hidden;
}



body
{
margin:0;
padding:0;
font-family:Verdana, Helvetica, sans-serif;
font-size:0.8em;
height:100%;
width:100%;
background:#1e1e1e url('/img/loading.png') no-repeat center 480px;
overflow:hidden;
}



#imageWrap
{
width:100%;
height:100%;
z-index:0;
position:absolute;
background-repeat:no-repeat !important;
background-position:center center;
}




.clear
{
clear:both;
}


#hidden /* used for reporting failures to me */
{
display:none;
width:0px;
height:0px;
overflow:hidden;
position:absolute;
bottom:-100px;
left:-200px;
bottom:0;
left:0;
}





/* ** navigation ** */
#navigationWrap
{
position:absolute;
left:0;
top:42px;
}
#navigation
{
margin:0;
padding:0;
list-style-type:none;
}
#navigation li
{
list-style-type:block;
position:relative;
}
#navigation li a:link,
#navigation li a:visited
{
display:block;
background:transparent;
width:55px;
height:58px;
margin:0 0 1px 0;
}

#navigation li a#nav_marine
{
background:url('../img/navigation/nav_marine.gif') no-repeat right center;
}
#navigation li a#nav_interiors
{
background:url('../img/navigation/nav_interiors.gif') no-repeat right center;
}
#navigation li a#nav_flooring
{
background:url('../img/navigation/nav_flooring.gif') no-repeat right center;
}
#navigation li a#nav_heavytextiles
{
background:url('../img/navigation/nav_heavytextiles.gif') no-repeat right center;
}
#navigation li a#nav_craftsmen
{
background:url('../img/navigation/nav_craftsmen.gif') no-repeat right center;
}

#navigation li img
{
display:none;
position:absolute;
left:75px;
top:5px;
}





h1
{
margin:0;
padding:0;
font-weight:normal;
font-size:1em;
text-transform:uppercase;
position:absolute;
top:383px;
left:12px;
left:70px;
z-index:20;
}





#footerWrap
{
position:fixed;
bottom:0;
left:0;
background:#1e1e1e url('/img/navigation/footerNav/line.png') repeat-x left top;
width:100%;
color:#fff;
}
#footer
{
margin:15px 0 10px 55px;
padding:0;
list-style-type:none;

}
#footer li
{
display:inline;
margin:0 2em 0 0;
}
#footerWrap a:link,
#footerWrap a:visited,
#footer a:link,
#footer a:visited
{
color:#fff !important;
text-decoration:none;
font-weight:bold;
font-size:0.8em;
}
#footer a:hover
{
text-decoration:underline;
}
#footerWrap p
{
margin:0 0 15px 55px;
padding:0;
font-size:0.7em;
color:#fff !important;
}
#footerWrap p a:link,
#footerWrap p a:visited
{
font-size:1em !important;
}

#footer img
{
border:0;
}






#controlWrap
{
background:url('../img/navigation/navStrip.png') no-repeat center center;
position:absolute;
z-index:10;
top:375px;
left:0;
width:100%;
line-height:45px;
/*
height:45px;
*/
}

#control
{
}

#control h2
{
position:absolute;
left:255px;
margin:15px 0 0 0;
padding:0;
text-transform:uppercase;
font-weight:normal;
width:400px;
}



#controlWrap #subNavigation
{
margin:0 12px 0 0;
padding:0;
list-style-type:none;
float:right;
}
#controlWrap #subNavigation li
{
display:inline;
margin:0 0 0 12px;
}
#controlWrap #subNavigation li a:link,
#controlWrap #subNavigation li a:visited
{
text-decoration:none;
font-size:0.8em;
}

#controlWrap #subNavigation img
{
border:0;
}


body#heavytextiles #controlWrap #subNavigation li a:link,
body#heavytextiles #controlWrap #subNavigation li a:visited
{
color:#c3be77;
}
body#heavytextiles #controlWrap #subNavigation li a:hover
{
color:#f5f1b8;
}

body#marine #controlWrap #subNavigation li a:link,
body#marine #controlWrap #subNavigation li a:visited
{
color:#B3D2D3;
}
body#marine #controlWrap #subNavigation li a:hover
{
color:#B3D2D3;
}

body#flooring #controlWrap #subNavigation li a:link,
body#flooring #controlWrap #subNavigation li a:visited
{
color:#dea594;
}
body#flooring #controlWrap #subNavigation li a:hover
{
color:#dea594;
}

body#interiors #controlWrap #subNavigation li a:link,
body#interiors #controlWrap #subNavigation li a:visited
{
color:#D1BBD7;
}
body#interiors #controlWrap #subNavigation li a:hover
{
color:#D1BBD7;
}



body#craftsmen #controlWrap #subNavigation li a:link,
body#craftsmen #controlWrap #subNavigation li a:visited
{
color:#4880E9;
}
body#craftsmen #controlWrap #subNavigation li a:hover
{
color:#4880E9;
}





body#blog #controlWrap #subNavigation,
body#blog #windowContent,
body#blog #annotationWrap,
body#blog #thumbControl
{
display:none;
}
body#blog
{
background-image:none;
}



body#blog #controlWrap
{
background:transparent !important;
}


body#blog #controlWrap h2
{
position:relative;
top:-7px !important;
}











#thumbControl
{
position:absolute;
top:342px;
left:50%;
width:110px;
margin-left:-55px;
z-index:200;
}

#thumbControl img
{
border:0;
float:left;
cursor:pointer;
}














/* page / infop pop ups */
#windowWrap
{
width:800px;
height:510px;
position:absolute;
left:50%;
top:15%;
margin-left:-350px;
z-index:960;
display:none;
background:url('/img/contentShadow.png') no-repeat left top;
}
#window
{
color:#fff;
border:5px solid #fff;
height:400px;
overflow:hidden;
width:700px;
margin:50px 45px;
}


#window
{
background:#1e1e1e url('/img/window/scroller_line.png') no-repeat 674px 36px !important;
color:#fff !important;
}

#windowWrap #scrollUp
{
position:absolute;
right:65px;
top:70px;
cursor:pointer;
}
#windowWrap #scrollDown
{
position:absolute;
right:65px;
top:420px;
cursor:pointer;
}

#windowContent
{
width:650px;
margin:25px 7px 25px 25px;
padding:0 18px 0 0;
line-height:1.8em;

}

#window h3
{
margin-top:0;
padding-top:0;
width:400px;
}
#window h3 img
{
display:block;
margin:0 0 10px 0;
}


#close
{
position:absolute;
top:45px;
right:40px;
}





#window.marine #windowContent a:link,
#window.marine #windowContent a:visited
{
color:#B3D2D3;
text-decoration:underline;
}

#window.interiors #windowContent a:link,
#window.interiors #windowContent a:visited
{
color:#D1BBD7;
text-decoration:underline;
}

#window.flooring #windowContent a:link,
#window.flooring #windowContent a:visited
{
color:#dea594;
text-decoration:underline;
}

#window.heavytextiles #windowContent a:link,
#window.heavytextiles #windowContent a:visited
{
color:#C3BE77;
text-decoration:underline;
}

#window.craftsmen #windowContent a:link,
#window.craftsmen #windowContent a:visited
{
color:#eee;
text-decoration:underline;
}

#window.index #windowContent a:link,
#window.index #windowContent a:visited
{
color:#eee;
text-decoration:underline;
}










/* index navigation */
#indexNavigationWrap
{
z-index:600;
position:absolute;
top:42px;
left:0;
}
#indexNavigation
{
margin:0;
padding:0;
list-style-type:none;
}
#indexNavigation li
{
display:block;
margin:0 0 1px 0;

}
#indexNavigation li a img
{
border:0;
display:block;
}











.vacancy, 
.vacancy ul li a:link,
.vacancy ul li a:visted
{
color:#fff !important;
}


.vacancy h4
{
color:#ddd !important;
font-size:1.4em;
padding:0 0 5px 0;
padding:0 0 5px 0;
margin:0;
font-weight:normal;
}

.vacancy .posted
{
margin:0;
padding:0;
}



.vacancy .deadline
{
color:#bb3624;
margin:5px 0 2em 0;
padding:0;
}
.vacancy .vacancyContact
{
border:1px solid #fff;
padding:1em;
margin:0 0 2em 0;
}







/* annotation block */
#annotationWrap
{
position:absolute;
top:42px;
right:0;
z-index:1000;
width:360px;
height:auto;
background:url('/img/annotation/annotationBg.png') repeat-y 0 0;
color:#fff !Important;
font-size:0.8em;
}

#annotationWrap #annotationFlap
{
width:45px;
height:45px;
position:absolute;
left:0;
top:0;
cursor:pointer;
background:url('/img/annotation/annotationIn.png') no-repeat 50% 50%;
}



#annotationWrap #annotation
{
padding:10px 10px 10px 60px;
}
#annotationWrap #annotation.marine
{
background:#B3D2D3;
color:#1e1e1e;
}




