/* BEGIN Generic Styles */

body {
	line-height: 24px;
	font-size: 13px;
	color: #666666;
	font-family: Arial, sans-serif, Helvetica, Verdana;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/opus_bkgrnd_body.jpg);
	background-color: #898da7;
}

a img {
	border-width: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #1f3ebb;
}

a:hover, a:active {
	text-decoration: underline;
	color: #1f3ebb;
}

p {
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

ul {
	padding: 0px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 0px;
	list-style-type: disc;
	list-style-position: inside;
}

li {
	margin-left: 15px;
	list-style-position: outside;
}

h1 {
	line-height: 30px;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
	font-size: 24px;
}

h1 span {
	font-style: normal;
	font-weight: normal;
}

h2 {
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: black;
	font-size: 14px;
}

h2 span {
	font-style: normal;
	font-weight: normal;
}

/* END Generic Styles */
/* BEGIN Top Navigation Styles */

#topNav {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	height: 50px;
	width: 900px;
}

#topNav .tagline{
	padding-left: 80px;
	width: auto;
	line-height: 50px;
	font-size: 14px;
	color: #ffffff;
	float: left;
}

#topNav ul{
	padding-right: 80px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-top: 15px;
	float: right;
	height: 20px;
	list-style-type: none;
}

#topNav li{
	margin: 0px;
	display: inline;
	line-height: 20px;
	float: left;
}

#topNav li a {
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	border-color: #666666;
	border-style: solid;
	display: block;
}

#topNav li.first a {
	border-left-width: 0px;
}

/* END Top Navigation Styles */
/* BEGIN Content Box Styles */

#contentBox {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url(../images/opus_bkgrnd_contentBoxMid.jpg);
}

#contentBox .contentBoxTop {
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_contentBoxTop.jpg);
}

#contentBox .contentBoxTop ul {
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 90px;
	padding-top: 0px;
	float: right;
	list-style-type: none;
	height: 160px;
}

#contentBox .contentBoxTop li {
	float: left;
	display: inline;
	margin: 0px;
}

#contentBox .contentBoxTop a:link, #contentBox .contentBoxTop a:visited, #contentBox .contentBoxTop a:active {
	color: #2b2c34;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_contentBoxTop_normal.jpg);
	height: 128px;
	text-align: center;	             
	padding-top: 32px;
	text-decoration: none;
	width: 180px;
	display: block;
}

#contentBox .contentBoxTop a:hover {
	background-image: url(../images/opus_bkgrnd_contentBoxTop_over.jpg);
}

	/* BEGIN Selected Nav - Page Body Class defines which tab should be "selected" */
	
	.mainNav01 #contentBox .contentBoxTop  a.mainNav01 {
		color: #2b2c34;
		background-image: url(../images/opus_bkgrnd_contentBoxTop_select.jpg);
	}
	
	.mainNav02 #contentBox .contentBoxTop  a.mainNav02 {
		color: #2b2c34;
		background-image: url(../images/opus_bkgrnd_contentBoxTop_select.jpg);
	}
	
	.mainNav03 #contentBox .contentBoxTop  a.mainNav03 {
		color: #2b2c34;
		background-image: url(../images/opus_bkgrnd_contentBoxTop_select.jpg);
	}
	
	/* END Selected Nav */

#contentBox .contentBoxMid {
	height: auto;
	padding-right: 90px;
	padding-left: 90px;
	text-align: left;
	width: 720px;
}

#contentBox .contentBoxBtm {
	height: 110px;
	width: 100%;
	background-image: url(../images/opus_bkgrnd_contentBoxBtm.jpg);
}

/* END Content Box Styles */
/* BEGIN Footer Box Styles */

#footer {
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	color: #000000;
	font-size: 10px;
	width: 900px;
}

/* END Footer Box Styles */
/* BEGIN Gray Box */

.grayBox {
	margin-bottom: 15px;
	height: auto;
	width: 100%;
	background-repeat: repeat-y;
	background-image: url(../images/opus_bkgrnd_grayBoxMid.jpg);
}

.grayBox .top {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayBoxTop.jpg);
	height: 15px;
	width: 100%;
}

.grayBox .mid {
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 25px;
	height: auto;
	width: 670px;
}

.grayBox .btm {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayBoxBtm.jpg);
	height: 15px;
	width: 100%;
}

.grayBox h2 {
	width: 100%;
	margin-bottom: 15px;
	border-bottom-color: #d1d1d1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}

.grayBox .leftColumn {
	width: 325px;
	float: left;
}

.grayBox .rightColumn {
	width: 325px;
	float: right;
}

.grayBox h3 {
	padding: 5px;
	font-style: normal;
	text-align: center;
	margin: 0px;
	height: auto;
	color: #000000;
	background-color: #dedede;
	width: 315px;
	font-size: 11px;
	font-weight: normal;
}

.grayBox .downloadBtns {
	padding-left: 24px;
	padding-bottom: 15px;
	padding-right: 24px;
	padding-top: 15px;
	width: 275px;
	text-align: center;
	margin-bottom: 20px;
	border-color: #dedede;
	border-style: solid;
	border-width: 1px;
}

/* END Gray Box */
/* BEGIN White Box */

.whiteBox {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	margin-bottom: 15px;
	height: auto;
	width: 325px;
	background-repeat: repeat-y;
	background-image: url(../images/opus_bkgrnd_whiteBoxMid.jpg);
}

.whiteBox .top {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_whiteBoxTop.jpg);
	height: 15px;
	width: 100%;
}

.whiteBox .mid {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 1px;
	height: auto;
	width: 265px;
}

.whiteBox .btm {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_whiteBoxBtm.jpg);
	height: 50px;
	width: 100%;
}

.whiteBox p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
	font-size: 10px;
}

.whiteBox h1 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 18px;
	font-weight: bold;
	padding: 0px;
	color: black;
	font-size: 12px;
}

.whiteBox h2 {
	border-width: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 16px;
	font-weight: normal;
	color: black;
	font-size: 11px;
}

/* END White Box */
/* BEGIN Gray Line Box */

.grayLineBox {
	height: auto;
	width: 690px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d1d1d1;
	border-top-color: #d1d1d1;
	border-top-style: solid;
	border-top-width: 1px;
}

.grayLineBox ul {
	height: 35px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	list-style-type: none;
}

.grayLineBox ul.oneBtn {
	width: 185px;
	margin-left: 253px;
	margin-right: 252px;
}

.grayLineBox ul.twoBtn {
	width: 370px;
	margin-left: 160px;
	margin-right: 160px;
}

.grayLineBox ul.threeBtn {
	width: 555px;
	margin-left: 68px;
	margin-right: 67px;
}

.grayLineBox li {
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
}

/* END Gray Line Box */
/* BEGIN Buttons */

a.whiteBtn:link, a.whiteBtn:hover, a.whiteBtn:visited, a.whiteBtn:active {
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_whiteBtn.jpg);
	height: 35px;
	width: 165px;
	font-weight: bold;
	color: #343643;
	font-size: 12px;
	line-height: 35px;
	display: block;
	text-decoration: none;
}

a.whiteBtnSmall:link, a.whiteBtnSmall:hover, a.whiteBtnSmall:visited, a.whiteBtnSmall:active {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_whiteBtnSmall.jpg);
	height: 35px;
	width: 130px;
	font-weight: bold;
	color: #343643;
	font-size: 11px;
	line-height: 35px;
	display: block;
	text-decoration: none;
}

a.grayBtn:link, a.grayBtn:hover, a.grayBtn:visited, a.grayBtn:active {
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayBtn.jpg);
	height: 35px;
	width: 165px;
	font-weight: bold;
	color: #343643;
	font-size: 12px;
	line-height: 35px;
	display: block;
	text-decoration: none;
}

a.grayBtnSmall:link, a.grayBtnSmall:hover, a.grayBtnSmall:visited, a.grayBtnSmall:active {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayBtnSmall.jpg);
	height: 35px;
	width: 130px;
	font-weight: bold;
	color: #343643;
	font-size: 11px;
	line-height: 35px;
	display: block;
	text-decoration: none;
}

/* END Buttons */
/* BEGIN Video Styles */

.thumbInfo {
	height: auto;
	width: 530px;
	float: right;
}

.videoBox {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_videoBox.jpg);
	padding-top: 20px;
	margin-bottom: 0px;
	height: 495px;
	width: 720px;
}

.videoStandard {
	padding-left: 120px;
}

.videoWidescreen {
	padding-left: 40px;
}

/* END Video Styles */
/* BEGIN Opus Training Center Tour Styles */

.opustcPicBox {
	margin-bottom: 5px;
	height: 55px;
	width: 100%;
}

.opustcPicBox img {
	float: left;
}

.opustcPicBox .oneLine {
	line-height: 55px;
	height: auto;
	width: 595px;
	float: right;
}

.opustcPicBox .twoLine {
	margin-top: 11px;
	line-height: 18px;
	height: auto;
	width: 595px;
	float: right;
}

.tourPic {
	float: left;
	height: auto;
	width: 100%;
}

/* END Opus Training Center Tour Styles */
/* BEGIN Blog Styles */

#blogBody {
	float: left;
	height: auto;
	width: 450px;
}

#blogSideBar {
	float: right;
	height: auto;
	width: 250px;
}

.graySidebarBox {
	margin-bottom: 10px;
	height: auto;
	width: 100%;
	background-image: url(../images/opus_bkgrnd_graySidebarBoxMid.jpg);
	background-repeat: repeat-y;
}

.graySidebarBox .top {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_graySidebarBoxTop.jpg);
	height: 15px;
	width: 100%;
}

.graySidebarBox .mid {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	height: auto;
	width: 210px;
}

.graySidebarBox .btm {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_graySidebarBoxBtm.jpg);
	height: 15px;
	width: 100%;
}

.graySidebarBox h2 {
	line-height: 16px;
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom-color: #d1d1d1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}

.graySidebarBox ul {
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 0px;
	line-height: 14px;
	font-size: 11px;
	padding: 0px;
	width: 185px;
}

.graySidebarBox li {
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

.blogBtns {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-right: 22px;
	padding-left: 23px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-color: #d1d1d1;
	border-bottom-color: #d1d1d1;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	height: auto;
	width: 165px;
}

.blogBtns img {
	margin-bottom: 5px;
}

.grayPostBox {
	margin-bottom: 30px;
	height: auto;
	width: 100%;
	background-image: url(../images/opus_bkgrnd_grayPostBoxMid.jpg);
	background-repeat: repeat-y;
}

.grayPostBox .top {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayPostBoxTop.jpg);
	height: 15px;
	width: 100%;
}

.grayPostBox .mid {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
	height: auto;
	width: 410px;
}

.grayPostBox .btm {
	background-repeat: no-repeat;
	background-image: url(../images/opus_bkgrnd_grayPostBoxBtm.jpg);
	height: 15px;
	width: 100%;
}

.grayPostBox h2 {
	line-height: 16px;
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom-color: #d1d1d1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}

.footerAuthor {
	text-transform: uppercase;
	line-height: 18px;
	font-size: 10px;
}

.footerSharing {
	padding-top: 5px;
	margin-top: 5px;
	border-top-color: #d1d1d1;
	border-top-style: solid;
	border-top-width: 1px;
	text-transform: uppercase;
	line-height: 18px;
	font-size: 10px;
}

h1.blogPostTitle a {
	font-size: 18px;
	color: black;	
}

h2.blogPostComments {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	display: block;
	height: auto;
	width: 450px;
	margin-bottom: 30px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d1d1d1;
	border-top-color: #d1d1d1;
	border-top-style: solid;
	border-top-width: 1px;
}

h2.blogDate {
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 0px;
	width: 100%;
	border-bottom-color: #d1d1d1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 14px;
	color: black;
	font-size: 10px;
}

/* END Blog Styles */
/* BEGIN Miscellaneous Styles */

.clear {
	clear: both;
}

.left_img {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

.right_img {
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
}

.screenshots {
	margin-left: 15px;
	margin-right: 15px;
	height: auto;
	width: 285px;
}

.screenshots img {
	margin-bottom: 15px;
}

#player1 {
	width: 480px;
	padding: 5px;
	border-color: #d1d1d1;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	margin-bottom: 20px;
}

#player2 {
	width: 480px;
	padding: 5px;
	border-color: #d1d1d1;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	margin-bottom: 20px;
}

#player3 {
	width: 640px;
	padding: 5px;
	border-color: #d1d1d1;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	margin-bottom: 20px;
}

/* END Miscellaneous Styles */