body {
background-color:#FFF;
background-image:url(images/black.gif);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
}

.middlebox {
width:800px;
clear:both;
position:absolute;
left:50%;
margin-left:-400px;
}

#menu {
width:400px;
height:40px;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
text-transform:uppercase;
}

#m-top {
height:35px;
}

#m-slider {
height:5px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu ul li {
display:block;
float:left;
text-align:center;
margin:0;
padding:0;
}

#menu ul li a {
width:99px;
height:15px;
display:block;
text-decoration:none;
color:#CCC;
margin:5px 0 0;
padding:5px 0 0;
}

#menu ul li a:hover {
color:#FF0;
}

.middleboxlogo {
clear:left;
float:left;
}

.centerillustrationa {
height:240px;
width:100%;
background-image:url(images/center_work.jpg);
clear:left;
margin-top:55px;
background-color:#666;
float:left;
background-position:center;
background-repeat:no-repeat;
}

.centerillustrationb {
height:240px;
width:100%;
background-image:url(images/center_illustrations.jpg);
clear:left;
margin-top:55px;
background-color:#000;
float:left;
background-position:center;
background-repeat:no-repeat;
}

.centerillustrationd {
height:100px;
width:100%;
background-image:url(images/center.gif);
clear:left;
margin-top:80px;
background-color:#AD140A;
float:left;
background-position:center;
background-repeat:no-repeat;
}

.centercontentholder {
width:100%;
background-image:url(images/bottomback.gif);
clear:left;
background-color:#FFF;
float:left;
border-top-width:thin;
border-top-style:solid;
background-repeat:repeat-x;
background-position:300px;
height:250px;
border-color:#006;
}

.portfolioitem {
height:250px;
width:234px;
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:none;
float:left;
margin:1px 12px;
padding:4px;
}

.centercontentholder .middlebox .portfolioitem p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
border-top-style:dotted;
padding-top:20px;
margin-top:0;
border-color:#069;
border-width:thin;
}

#Layer1 {
position:relative;
width:200px;
height:115px;
z-index:1;
left:60%;
top:35px;
}

#Layer2 {
position:relative;
width:200px;
height:85px;
z-index:1;
left:68%;
top:0;
}

.small_portfolioitem {
height:200px;
width:120px;
border:thin solid #CCC;
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:none;
float:left;
margin:5px 4px 0 8px;
padding:12px;
}

.small_portfolioitem img {
height:80px;
width:120px;
}

.small_portfolioitem h1 {
font-size:12px;
width:120px;
font-weight:700;
color:#069;
}

.small_portfolioitem p {
font-size:10px;
width:120px;
color:#666;
}

.centercontentholder .middlebox h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:10px;
}

.middlebox_blog {
width:800px;
clear:both;
position:absolute;
left:50%;
margin-left:-400px;
height:50px;
margin-top:25px;
padding:0;
}

.centercontentholder .middlebox p {
font-size:10px;
color:#039;
padding-top:-40px;
padding-left:10px;
}

.centerillustration,.centerillustrationc {
height:240px;
width:100%;
background-image:url(images/center.gif);
clear:left;
margin-top:55px;
background-color:#AD140A;
float:left;
background-position:center;
background-repeat:no-repeat;
}