/* CSS Document */

BODY			{margin: 0px; padding: 0px; background:url(images/bg_main.jpg) 0 0 repeat-x; background-color:#999899}
#mainPan		{width:800px; height:600px; position: relative; margin: 75px auto}
#topPan			{width:800px; height:100px; background:url(/images/bg_top.png) 0 0 no-repeat; position:relative; margin:0 auto;}
#topPan img		{display: block; width:81px; height:81px; position:absolute; margin: 8px 0 0 68px; padding: 0 auto;}
#middlePan 		{width:800px; height:294px;	background:url(/images/bg_middle.png) 0 0 repeat-y; position: inherit; margin: 0px;}
#middlePan h1	{display: block; width:320px; height:294px; position: relative; margin: 0 0 0 225px; padding: 0 auto;}
#main			{font-family:Arial, Helvetica, sans-serif; font-size:10.5px; display: block; width:520px; height: 294px; position: relative; margin-left: 0px; padding-left: 175px;}
#main p			{font-size:12px; }
h5				{font-size:12px; color:#FF6600;}
h2				{font-size:16px; }
#design			{display: block; float: right; position: relative; width: 200px; padding: 0 0px 0 40px; }
#design a		{display: block; width: 175px; height: 65px; margin-top: 15px; font-size:16px; color:#FF6600; text-decoration:none; }
.1a				{display: block; background:url(/images/btn_logo.png) no-repeat; width: 175px; height: 65px; margin-top: 15px; }
.2a				{display: block; background:url(/images/btn_promo.png) no-repeat; width: 175px; height: 65px; margin-top: 15px; }
.3a				{display: block; background:url(/images/btn_sites.png) no-repeat; width: 175px; height: 65px; margin-top: 15px; }
#flash			{display: block; position: absolute; left: 0px; top: -50px; width: 700px; padding: 0 0px 0 73px; }
#main0			{font-family:Arial, Helvetica, sans-serif; font-size:10.5px; display: block; width:551px; height: 294px; position: relative; padding-left: 175px; background:url(images/wit_legos.jpg) no-repeat; background-position:right; }
#bottomPan 		{width:800px; height:86px; background:url(/images/bg_bottom.png) 0 0 no-repeat; position: relative;	margin: 0;}

#overlay		{position:absolute; right: 85px; top: 0px;}

p, h2, ul, li {	/* list use for the menu  */
list-style-type: none;	/* suppression of list markers */
margin:0;
padding:0;
}
#sidebar {
	float: right;	/* positionning for IE5 and IE5.5 */
	height: 700px;
	text-align: center;

}
ul {
	position: absolute;	/* positionning for IE5 and IE5.5 */
	top: 15px;
	left: 165px;
	background: transparent url(/images/btn_whole.jpg) top left no-repeat;	/* general menu background */
	width: 500px;
	text-align: center;
	height: 33px;
}
li {float: left;}

li a {	/* buttons dimensions and definitions */
display: block;	/* <a> placed in block to give it dimensions */
height: 33px;
width: 125px;
color: #fff;
font-size: 14px;
line-height: 50px;	/* line height to avoid paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
li a:hover {
background: transparent url(/images/btn_whole.jpg) top left no-repeat;
}
a#menu1:hover {
background-position: -500px 0%;	/* background place offset for each button */
}
a#menu2:hover {
background-position: -625px 0%;
}
a#menu3:hover {
background-position: -750px 0%;
}
a#menu4:hover {
background-position: -875px 0%;
}

.portfolio { display: block; background:url(/images/btn_logo.png) no-repeat; width: 175px; height: 120px; margin: 0;
}