<!-- 
body  {
	font: 100% arial, helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
.mainmenulayout #container { 
	width: 737px;
	background: #000000;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	position: absolute;
	top:50%;
	height:500px;
	margin-top:-250px;
	left:50%;
	margin-left:-368px;
} 
.mainmenulayout #header { 
	background: #DDDDDD; 
	padding: 0 0px 0 0px;
} 
.mainmenulayout #header h1 {
	margin: 0;
	padding: 0px 0;
}
.mainmenulayout #sidebar1 {
	float: left;
	width: 149px;
	background: #000000;
	padding: 0px 0px 0px 0px;
}
.mainmenulayout #sidebar2 {
	float: right;
	width: 149px;
	background: #000000;
	padding: 0px 0px 0px 0px;
}
.mainmenulayout #mainContent { 
	margin: 0 0px;
	padding: 0 0px;
	background:#000000;
} 
.mainmenulayout #footer { 
	padding: 0 0px 0 0px;
	background:#000000;
	color:#666;
	text-align:center;
} 
.mainmenulayout #footer h1 {
font: 11px/10px arial, helvetica, sans-serif;
border-width: 0px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 0px 0px;
}
.mainmenulayout #footer h2 {
font: 9px/10px arial, helvetica, sans-serif;
border-width: 0px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 1px 0px;
}
.mainmenulayout #footer p {
	margin: 0;
	padding: 0px 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#menu {
width: 439px;
background: #000;
margin-left: auto;
margin-right: auto;
margin-top:11px;
padding-left:8px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
float: left;
width: 100px;
}

#menu a, #menu h2 {
font: bold 13px/18px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
cursor: pointer;
}

#menu a.nopad, #menu h2.nopad {
padding: 0px 0px;
}

#menu li.bigger {
width: 149px;
text-align: left;
}

#menu ul.photography {
width: 128px;
text-align: center;
}

#menu a.bigger {
padding: 2px 8px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul.portfolio li:hover ul,
div#menu ul.portfolio ul li:hover ul,
div#menu ul.portfolio ul ul li:hover ul
{display: block; top:-1200%;}

div#menu ul.services li:hover ul,
div#menu ul.services ul li:hover ul,
div#menu ul.services ul ul li:hover ul
{display: block; top:-400%;}

div#menu ul.about li:hover ul,
div#menu ul.about ul li:hover ul,
div#menu ul.about ul ul li:hover ul
{display: block; top:-600%;}

div#menu ul li h2 a {
padding: 2px 3px;
border:0;
}

div#menu ul li h2 a:hover {
padding: 2px 3px;
border:0;
display: block;
}

div#pagetop h1 {
text-transform: uppercase;
}

#menu li.portfolio {
width: 149px;
text-align: left;
}

#menu li.about {
width: 100px;
text-align: left;
}

#menu li.other {
width: 104px;
text-align: left;
}

#menu li.services {
width: 119px;
text-align: left;
}

#menu ul.portfolio {
width: 128px;
text-align: center;
}

--> 