body { margin:0; font-family:verdana; font-size:11px; background:#fff; color:#333; }
a:focus {outline:none}
p { margin:0; padding:0; padding-top:10px;}
hr { margin:0; padding:0; margin-top:10px; margin-bottom:10px;}

#top-panel { width:960px; height:60px; margin:0 auto; padding-top:20px;}
#logo { background:url(../images/logo.gif) no-repeat; width:107px; height:42px; float:left; margin-left:20px; display:inline;}
#logo a { display:block; width:107px; height:42px; text-indent:-999em;}
#slogan { background:url(../images/slogan.gif) no-repeat;width:197px; height:18px; float:right; margin-top:20px; margin-right:20px;}

/*menu id*/
.mattblackmenu { width:960px; background:url(../images/menu-bg.jpg) no-repeat; height:24px; margin:0 auto;}
.mattblackmenu ul { margin:0; padding:0; width:689px; margin:0 auto;}
.mattblackmenu ul li { margin:0; padding:0; float:left; list-style:none;}
.mattblackmenu ul li a { text-decoration:none;}
/*menu class*/
.mattblackmenu ul li .home { background:url(../images/menu/home.jpg) no-repeat; width:67px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .brand { background:url(../images/menu/brand.jpg) no-repeat; width:73px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .collection { background:url(../images/menu/collection.jpg) no-repeat; width:115px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .pressevents { background:url(../images/menu/pressevents.jpg) no-repeat; width:144px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .network { background:url(../images/menu/network.jpg) no-repeat; width:96px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .services { background:url(../images/menu/services.jpg) no-repeat; width:93px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .contact { background:url(../images/menu/contact.jpg) no-repeat; width:90px; height:24px; display:block; text-indent:-999em;}
/*menu class:hover*/
.mattblackmenu ul li .home:hover { background:url(../images/menu/home-hover.jpg) no-repeat; width:67px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .brand:hover { background:url(../images/menu/brand-hover.jpg) no-repeat; width:73px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .collection:hover { background:url(../images/menu/collection-hover.jpg) no-repeat; width:115px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .pressevents:hover { background:url(../images/menu/pressevents-hover.jpg) no-repeat; width:144px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .network:hover { background:url(../images/menu/network-hover.jpg) no-repeat; width:96px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .services:hover { background:url(../images/menu/services-hover.jpg) no-repeat; width:93px; height:24px; display:block; text-indent:-999em;}
.mattblackmenu ul li .contact:hover { background:url(../images/menu/contact-hover.jpg) no-repeat; width:90px; height:24px; display:block; text-indent:-999em;}
/*end menu id*/

#body { width:960px; margin:0 auto;margin-top:20px; border:1px solid #ccc; padding-bottom:30px; height:580px;}
#body-home { width:960px; margin:0 auto;margin-top:20px; border:1px solid #ccc; }

#body-navi { height:50px; display:block; padding:10px;}
#body-navi-title { float:left; color:#FF7E00; font-family:Arial; font-size:18px; text-transform:uppercase; letter-spacing:2px;}
#body-navi-links { float:right; color:#999;}
#body-navi-links a { text-decoration:none; font-size:12px; font-family:verdana; color:#666; text-transform:uppercase;}
#body-navi-links a:hover { color:#000;}
#body-navi-links a img { border:0px;}

#footer { width:960px; margin:0 auto; height:24px; text-align: center; margin-top:20px; font-size:10px; color:#999;}

.clr { clear:both;}


#sign-in-block {
	width: 250px;
	padding: 4px;
	padding-right: 20px;
	font-size: 90%;
}
#sign-in-block .sign-in-title {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}
#sign-in-block .sign-in-input {
	margin-bottom: 2px;
}
#sign-in-block .sign-in-input input{
	border: 1px solid #000;
	color: black;
	width: 140px;
	padding: 2px;
	padding-left: 5px;
}
#sign-in-block .sign-in-button input{
	border: none;
	background-color: transparent;
	color: #77D179;
	font-size: 90%;
	text-transform: uppercase;
	padding: 2px;
	font-weight: bold;
	cursor: default;
	cursor: pointer;
}