* {
box-sizing:border-box;
-moz-box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;

}

p {
margin-top:0;
}

a img {
border:0;
}
a {
color:#c00;
}

#mainmenu
,#contentsbg
,#media
,#textbit
,#thumbs
,#submenu
,#header 
,#clientmenu
,#projecttext 
,#projectwrapper
{
position:absolute;
margin-left:50%;
z-index:1;
font-size:10px;
}
#contentsbg
{
z-index:0;
}
body {
background:#fff url(red-line5.gif) repeat-y 50% 0;
}

#header {
top:0px;
left:-358px;
width:92px;
height:43px;
text-align:right;
background:url(shlomp-logo.gif);
}

#header a {
width:100%;
height:100%;
display:block;
}

#header a strong {
display:none;
}

#mainmenu {
top:50px;
left:-460px;
text-align:right;
width:120px;
}

#textbit {
top:50px;
left:-260px;
}
#projecttext {
top:400px;
left:-260px;
width:500px;
}

#projectwrapper {
top:80px;
left:-260px;
width:520px;
height:300px;

}

#clientmenu {
left:280px;
top:80px;
width:160px;
}

#textbit h1 {
font-size:12px;
padding:0;
width:500px;
margin:0;
color:#000;
}

#projecttext,#projecttext p {
font-size:10px;
}
#projectmedia {
margin-bottom:20px;
padding:9px;
border:1px solid #ccc;
text-align:center;
}

#mainmenu {
width:160px;
}
#mainmenu ul 
,ul.submenu
,#projectwrapper ul
{
margin:0;
padding:0;
}

#mainmenu ul li
,ul.submenu li 
,#projectwrapper ul li 
{
list-style:none;
}

#mainmenu ul li a
,ul.submenu li a
,#projectwrapper ul li a
{
color:#333;
text-decoration:none;
padding-bottom:2px;
display:block;
}

#mainmenu ul li a
,h2
,#header 
{
font-size:12px;
font-weight:bold;
}
h2 {
padding:0 0 5px 0;
margin:0;
}

#mainmenu ul ul {
display:none;
}
#mainmenu ul li.on ul {
display:block;
}

#mainmenu li li {
float:none;
clear:both;
}

#mainmenu li li a
,ul.submenu li a
,#projectwrapper ul li a
{
font-size:10px;
font-weight:normal;
color:#666;
}

#mainmenu li a:hover
,.submenu li a:hover
,#mainmenu li a em
,.submenu li a em
 {
font-style:normal;
color:#c00;
}