body{
	margin: 0 auto;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main {
	background-image:url(../images/otbip-main-bg.jpg);
	background-repeat:no-repeat;
	width: 976px;
	height: 650px;
    left: 50%;
    margin-left: -488px; /* - (width/2)  */
    position: relative;
}
#main-long {
	background-image:url(../images/otbip-main-bg-long.jpg);
	background-repeat:no-repeat;
	width: 976px;
	height: 857px;
    left: 50%;
    margin-left: -488px; /* - (width/2)  */
    position: relative;
}
#header {
	position:absolute;
	left:298px;
	top:-1px;
	width:654px;
	height:212px;
	z-index:1;
}
#navigation {
	position:absolute;
	left:67px;
	top:122px;
	width:159px;
	height:158px;
	z-index:3;
}
#navigation a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333300;
	font-size:12px;
	line-height: 33px;
}
#navigation a:hover {
	color:#FF6600;
}
#content {
	position:absolute;
	left:296px;
	top:239px;
	width:624px;
	height:306px;
	z-index:1;
	font-size:11px;
	color:#333300;
	line-height:17px;
}
#content-long {
	position:absolute;
	left:296px;
	top:239px;
	width:624px;
	height:505px;
	z-index:1;
	font-size:11px;
	color:#333300;
	line-height:17px;
}
#media {
	position:absolute;
	left:70px;
	top:316px;
	width:158px;
	height:203px;
	z-index:1;
	color:#333300;
	font-size:11px;
}
#media a {
	color:#333300;
	font-size:10px;
	text-decoration:none;
}
#media a:hover {
	color:#ff6600;
	text-decoration:underline;
}
label {
	font-size:10px;
}
#footer {
	position:absolute;
	left:269px;
	top:598px;
	width:669px;
	height:28px;
	z-index:1;
	font-size:10px;
	color:#333300;
}
#footer a {
	text-decoration:none;
	color:#333300;
}
#footer-long {
	position:absolute;
	left:273px;
	top:795px;
	width:669px;
	height:28px;
	z-index:1;
	font-size:10px;
	color:#333300;
}
#footer-long a {
	text-decoration:none;
	color:#333300;
}

.link a {
	color:#333300;
	font-size:10px;
	text-decoration:none;
}
.link a:hover {
	color:#ff6600;
	text-decoration:underline;
}
.link a:visited {
	color:#333300;
	font-size:10px;
	text-decoration:none;
}

/* BUTTONS */

#button {
	margin-top:4px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
#button a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}
#button a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 4px 15px;
} 
#button a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#button a.button:active span {
    background-position: bottom left;
    padding: 3px 0 3px 16px; /* push text down 1px */
}