body{
padding: 20px;
background-color: #fff;
color: #222;
text-align: center;
font: 75% Arial,sans-serif;
#margin: 80px 40px 40px;
#width: 50%;
}

h1,h2,p{margin: 0;padding: 0 0px;font-weight:normal}
a:link {
 font-weight: normal;
 color: #008000;			/* green */
 font-size: 12px;
 text-decoration: none;
}
a:visited {
 font-weight: normal;
 color: #008000;			/* green */
 font-size: 12px;
 text-decoration: none;
}
a:hover {
 font-weight: normal;
 color: #008000;
 font-size: 12px;
 text-decoration: underline;
}
p{padding: 0 0px 3px}
h1{font-size: 250%;color: #334433;letter-spacing: 1px}
h2{font-size: 140%;line-height:1;color:#334433 }
h3{font-size: 120%;color: #334433;letter-spacing: 1px}
div#container{width:750px !important; width /**/:760px;
    margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header{background: #FFF;padding: 0px;text-align:left}
div#content{float:left;width:445px;padding:10px 0;margin:5px 0;background: #FFF}
div#nav{float:right;width:300px;padding:10px 0;margin:5px 0;background: #FFF}
div#nav h2{font-size: 150%;color: #000;margin: 0;padding: 0 }
div#footer{clear:both;width:750px;background: #FFF;padding:5px 0;text-align:left}
#logo a {
	display: block;
	background: url('../img/mediacenterPC-main.gif') no-repeat center;
	width: 432px;
	height: 68px;
	}
div.code {
  border-width:3px;
  border-color:#ff9900;
  border-style: dotted ;
  }
  /* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 11px;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #cccccc;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(../tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 11px;
}
div#pimped.bubble div.rounded {
	color: #cccccc;
	border: 3px solid #cccccc;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(../tip-pimped.gif) no-repeat 15px 0;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}