body, html
{ 
    background-color:#aaaaaa; 
    color:#666666; 
    font-family:verdana, sans-serif;
    font-size:12px;
    margin:0;
    text-align:center;
    line-height:20px;
}

a
{
    color:#336699;
    text-decoration:none;
}

a:hover
{
    color:#cf0000;
    text-decoration:underline;
}

a:focus
{
    outline:none;
    font-weight:bold;
}

#wrapper
{
    width:977px; 
    height:756px;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    text-align:left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-top: none;
}

#head
{
    width:977px;
    height:157px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    background:url('../logos/mc2_logo.png');
    background-repeat:no-repeat;
    background-position:left;
    overflow:hidden;
}

#head h1  
{
    display:block;
    float:right;
    width:651px;
    height:157px;
    padding:0;
    margin:0;
    text-indent:-2000px;
    border-left:1px solid #cccccc;
}

#head h1.blue
{
    background-color:#336699;
    background:url('images/interface/banner_blue.jpg');
}

#head h1.yellow
{
    background-color:#ffee00;
    background:url('images/interface/banner_yellow.jpg');
}

#head h1.red
{
    background-color:#cf0000;
    background:url('images/interface/banner_red.jpg');
}

#menu
{
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:977px;
    height:25px;
	border-bottom:1px solid #cccccc;
}

#menu a
{
    font-weight:bold;
}

#menu ul
{
    float:right;
    list-style:none;
    padding:0px 0px 0px 4px;
    margin:0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	color:#ffffff;
	background-color:#000000;
}

#menu li
{
    /*display:inline;*/
    height:24px;
    margin:0;
}

#menu li a
{
    display:block;
	width:104px;
    height:24px;
    padding:0px 0px 0px 2px;
    float:left;
    color:#ffffff;
    text-indent:0px;
}

#menu li a:hover
{
}

#menu li a.blue:hover
{
    color:#8aabff;
}

#menu li a.yellow:hover
{
    color:#ffe400;
}

#menu li a.red:hover
{
    color:#ff5c5c;
}

#menu li span
{
    display:block;
    font-size:14px;
    text-align:center;
    color:#999999;
    float:left;
    width:12px;
}

#menu li span.divider
{
    display:block;
    font-size:14px;
    text-align:center;
    color:#999999;
    float:left;
    width:1px;
	height:24px;
    text-indent:-2000px;
	border-left:1px solid #cccccc;
}

#navigation
{
    width:325px;
    height:548px;
    float:left;
    background-color: #ffffff;
    margin:0;
    padding:0;
    vertical-align:top;
    border-right:1px solid #cccccc;
}

/*
#navigation img
{
    margin:0;
    padding:0;
    border:none;
}
*/

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

#navigation li
{
    padding:0;
    margin:0;
}

#navigation li a
{
    display:block;
    width:325px;
    height:182px;
    text-indent:-5000px;
}

#navigation li a.client
{
    background-image:url('images/interface/client1_hover.jpg');
    border-bottom:1px solid #cccccc;
}

#navigation li a.client:hover
{
    background-image:url('images/interface/client1.jpg');
    border-bottom:1px solid #cccccc;
}

#navigation li a.company
{
    background-image:url('images/interface/company1_hover.jpg');
    border-bottom:1px solid #cccccc;
}

#navigation li a.company:hover
{
    background-image:url('images/interface/company1.jpg');
    border-bottom:1px solid #cccccc;
}

#navigation li a.other
{
    background-image:url('images/interface/other1_hover.jpg');
}

#navigation li a.other:hover
{
    background-image:url('images/interface/other1.jpg');
}

#body
{
    background-color:#ffffff;
    width:651px;
    height:548px;
    margin:0;
    padding:0;
    float:right;
    text-align:left;
}

#body h3
{
    padding:0 0 16px 4px;
    margin:0;
}

#body h4
{
    padding:0 0 0 4px;
    margin:0;
}

#body div
{
    padding:0;
    margin:0;
    float:left;
}

#body p
{
    clear:both;
    padding:4px 4px 8px 4px;
    margin:0;
}

#body div.full
{
    float:left;
    width:651px;
    height:548px;
    overflow:auto;
}

#body div.full ul
{
    font-size:11px;
}

#body div.main
{
    float:left;
    width:651px;
    height:365px;
}

#body div.main_alt
{
    float:left;
    width:651px;
    height:365px;
    border-bottom:1px solid #cccccc;
}

#body div.wide
{
    float:left;
    width:651px;
    height:182px;
}

#body div.wide_alt
{
    float:left;
    width:651px;
    height:182px;
    border-bottom:1px solid #cccccc;
}

#body div.large
{
    float:left;
    width:325px;
    height:365px;
}

#body div.large_alt
{
    float:left;
    width:325px;
    height:365px;
    border-left:1px solid #cccccc;
}

#body div.tall
{
    float:left;
    width:325px;
    height:548px;
}

#body div.tall_alt
{
    float:left;
    width:325px;
    height:548px;
    border-left:1px solid #cccccc;
}

#body div.small
{
    float:left;
    padding:0;
    margin:0;
    width:325px;
    height:182px;
}

#body div.small_valt
{
    float:left;
    padding:0;
    margin:0;
    width:325px;
    height:182px;
    border-top:1px solid #cccccc;
}

#body div.small_halt
{
    float:left;
    padding:0;
    margin:0;
    width:325px;
    height:182px;
    border-left:1px solid #cccccc;
}

#body div.small_alt
{
    float:left;
    padding:0;
    margin:0;
    width:325px;
    height:182px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
}

div.small div
{
    padding:24px 16px 24px 16px;
}

#body div div
{
    padding:24px;
}

div.quote
{
    font-style:italic;
    padding:32px 16px 32px 16px;
}

#body hr
{
    background-color:#cccccc;
    border:none;
    margin:0 2px 0 2px;
    height:1px;
}

#footer
{ 
    clear:both;
    width:977px;
    height:24px;
    padding:0;
    margin:0;
    font-size:9px;
    text-align:center;
    background-color:#eeeeee;
    border-top:1px solid #cccccc;
}

/* begin Menu */
/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.artmenu, .artmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.artmenu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.artmenu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.artmenu li li
{
	float: none;
}

.artmenu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: -4px;
	top: 0;
	background:none;
}

.artmenu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.artmenu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.artmenu:after, .artmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.artmenu, .artmenu ul
{
	min-height: 0;
}

.artmenu ul
{
	background-image: url(images/interface/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/* menu structure */
.artmenu
{
	padding: 0px 0px 0px 0px;
}