body
{
	padding: 0;
	text-align: center;
	background-color: White; /* cosmetic */
	margin: 0px; /* required */
	font-family: Arial, Helvetica, sans-serif;
	color: #0b1b28;
}


h1, h2, h3, h4 {
	font-family:  Verdana, Tahoma, Arial, Trebuchet, Sans-serif;
	color: #0b1b28;
	font-weight: bold;
}
h1 {
	font-size: 200%;	
	font-weight: normal;
	letter-spacing: 0px;
}
h2
{
	font-size: 160%;
}
h3 {
	font-size: 130%;	
	font-weight: normal;	
}

h4 {
	font-size: 100%;	
	font-weight: normal;	
}


h1, h2, h3, h4, p {
	padding: 10px;		
	margin: 0;
}

a
{
	color: #0066CC;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: none;
}


#container
{
	background-position: center top;
	position: relative;
	vertical-align: top;
	padding: 0;
	margin: 0 auto;
	border: 0;
	background: url(images/OPUS_HomePage_BDrev110809b.jpg) center top no-repeat;
	width: 1261px;
	height: 1200px;
}

#containerbasic
{
	position: relative;
	vertical-align: top;
	padding: 0;
	margin: 0 auto;
	border: 0;
	background-color: #CCCCCC;
	background: url('images/blankpagehdr.jpg') center top no-repeat;
	width: 1061px;
	height: 110px;
}


#maincontent
{
	text-align: left;
}

#basiccontent
{
	padding-top: 110px;
	width: 100%;
	min-height: 500px;
}

#bodycontent
{
	width: 100%;
	background-color: #fff;
	min-height: 500px;
}
#cart
{
	position: absolute;
	left: 884px;
	top: 5px;
	width: 38px;
	height: 36px;
	background: url('images/cart.jpg') no-repeat;
}

#tagline
{
	position: absolute;
	text-align: left;
	left: 495px;
	top: 89px;
	color: #acdc28;
	width: 800px;
	font-family: Serif, Tahoma;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 20px;
}

#freetrial
{
	position: absolute;
	text-align: left;
	left: 100px;
	top: 400px;
	color: #acdc28;
	width: 185px;
	height: 170px;
}


#videotabs
{
	text-align: left;
	position: absolute;
	top: 208px;
	left: 40px;
	width: 400px;
	height: 260px;
	font-family: Garamond, Trebuchet MS, Serif;
	font-weight: bold;
	font-size: larger;
}

#videotabs a
{
	color: Black;
	font-size: 0.8em;
	text-decoration: none;
}

#videotabs a:hover
{
	color: Green;
}


#videocontent
{
	position: absolute;
	text-align: left;
	left: 650px;
	top: 236px;
	width: 460px;
	height: 278px;
}

#tab1
{
	position: absolute;
	padding-top: 3px;
	width: 110px;
	height: 26px;
	margin-left: 11px;
	text-align: center;
	left: 600px;
}

#tab2
{
	position: absolute;
	padding-top: 3px;
	width: 110px;
	height: 26px;
	left: 720px;
	margin-left: 11px;
	text-align: center;
}

#tab3
{
	position: absolute;
	padding-top: 3px;
	width: 110px;
	height: 26px;
	left: 838px;
	margin-left: 11px;
	text-align: center;
}

#tab4
{
	position: absolute;
	padding-top: 3px;
	width: 110px;
	height: 26px;
	left: 947px;
	margin-left: 11px;
	text-align: center;
}

.panelrow
{
	text-align: left;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 572px;
	width: 900px;
	left: 100px;
}

.paneltitle
{
	margin: 0;
	padding-top: 5px;
	width: 200px;
	text-align: center;
	font-size: 0.95em;
	font-weight: bold;
	height: 20px;
	white-space: nowrap;
	font-family: Garamond, Verdana, Tahoma, Arial, Sans-Serif;
	font-weight: bold;
	color: #fff;
}

.panelcontent
{
	width: 180px;
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 0.7em;
}

#panel1
{
	position: absolute;
	text-align: left;
	width: 200px;
	height: 294px;
	left: 30px;
}

#panel1pic
{
	position: absolute;
	top: 159px;
	left: 2px;
	width: 200px;
	height: 152px;
}

.panel1picture
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 68px;
}


#panel1 ul
{
	border: none;
	text-align: center;
}

#panel1 li
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: text-top;
	border: 0px;
	line-height: 1.2em;
	margin-right: 20px;
}

#panel2
{
	position: absolute;
	width: 200px;
	height: 294px;
	left: 230px;
}

#panel2pic
{
	position: absolute;
	left: 0px;
	width: 200px;
	height: 152px;
	top: 159px;
}

.panel2picture
{
	position: absolute;
	left: 0;
	width: 160px;
	height: 68px;
	top: 0;
}


#panel3
{
	position: absolute;
	left: 430px;
	width: 200px;
	height: 294px;
}

#panel3pic
{
	position: absolute;
	top: 159px;
	left: 0px;
	width: 200px;
	height: 152px;
}

.panel3picture
{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 68px;
}

#panel4
{
	position: absolute;
	left: 630px;
	width: 200px;
	height: 294px;
}

#panel4pic
{
	position: absolute;
	top: 159px;
	left: 0px;
	width: 200px;
	height: 152px;
}

.panel4picture
{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 68px;
}



#panel5
{
	position: absolute;
	left: 830px;
	width: 200px;
	height: 294px;
}

#panel5pic
{
	position: absolute;
	top: 159px;
	left: 0px;
	width: 200px;
	height: 152px;
}

.panel5picture
{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 68px;
}

#footer
{
	margin: 0;
	padding-top: 10px;
	height: 26px;
	color: White;
	background: black;
	position: absolute;
	top: 1094px;
	left: 100px;
	text-align: center;
	width: 1061px;
}

#footerbasic
{
	margin: 0;
	padding-top: 10px;
	height: 50px;
	color: White;
	background: black;
	text-align: center;
	width: 1261px;
}

.centered
{
 text-align: center;
  margin-left: auto;
  margin-right: auto;

}

fieldset
{
	margin: 10px 10px 10px 10px;
	border: 1px solid #B8CEED;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;  
}
legend
{
	padding: 0.2em 1.5em 0.2em 1.5em;
	border: 1px solid #132b4d;
	color: #addd28;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
	background-color: #132b4d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}