/* --------------------- GLOBAL SETTINGS --------------------- */

body {
	height: 100%;
	background: #45494d url(../images/back_main.jpg) repeat-x;
	letter-spacing: 0em;
	line-height: normal;
	font: 0.8em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	color: #ccc;
	margin: 0;
}
p {
	letter-spacing: 0em;
	line-height: normal;
}
h1 {
	color: #ff9900;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
h2 {
	color: #fff;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -1px;
}
h3 {
	color: #cc66ff;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
h4 {
	color: #666;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
hr {
	width: 100%;
	height: 1px;
	border-style: none;
	border-width: thin;
	border-top-style: solid;
	border-top-color: #4b4b4b;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ------------------------ WRAPPERS ------------------------- */

#wrapper {
	width: 100%;
	height: 100%;
	background: url(../images/back_nav.jpg) no-repeat;
	margin: 0;
}
#wrapper a {
	color: #99ccff;
	text-decoration: none;
}
#wrapper a:hover {
	color: #ff9900;
	text-decoration: underline;
}

/* --------------------- MAIN NAVIGATION --------------------- */

#wrapper #wrapper-nav {
	width: 965px;
	height: 130px;
	margin: auto;
}
#wrapper #wrapper-nav #logo {
	width: 252px;
	height: 120px;
	float: left;
	background: url(../images/ob_logo.png) no-repeat;
}
* html #wrapper #wrapper-nav #logo {
	background: url(../images/ob_logo.gif) no-repeat;
}
#wrapper #wrapper-nav #nav {
	width: 694px;
	height: auto;
	float: right;
	margin-top: 85px;
	text-align: right;
}

#wrapper #wrapper-nav #nav #nav-button {
	width: auto;
	height: auto;
	float: right;
	padding-left: 30px;
}

/* -------------------- HOME CONTENT PODS -------------------- */

#wrapper-home {
	width: 970px;
	height: auto;
	margin: auto;
}

#wrapper-home #home-focalpoint {
	width: 970px;
	height: 495px;
}
#wrapper-home #home-content {
	width: 970px;
	height: 248px;
	background: url(../images/back_content_pods1.jpg) no-repeat;
}

#wrapper-home #home-content #home-content-pod-left {
	width: 390px;
	height: auto;
	float: left;
	padding-left: 50px;
	padding-right: 40px;
}
#wrapper-home #home-content #home-content-pod-right {
	width: 390px;
	height: auto;
	float: right;
	margin-top: 42px;
	padding-left: 40px;
	padding-right: 50px;
}
#wrapper-home #home-content #home-content-pod-left #btn-products {
	position: relative;
	width: 182px;
	height: 43px;
	top: -26px;
	left: 338px;
}

#wrapper-home #home-content #home-content-pod-left #btn-buy-green {
	position: relative;
	width: 101px;
	height: 39px;
	top: -5px;
	left: 325px;
}

#wrapper-home #home-content #home-content-pod-right #btn-buy-blue {
	position: relative;
	width: 101px;
	height: 39px;
	top: -5px;
	left: 325px;
}
#wrapper-home #home-focalpoint-left {
	width: 481px;
	height: 341px;
	float: left;
}
#wrapper-home #home-focalpoint-right {
	width: 481px;
	height: 341px;
	float: right;
}

/* -------------------- SECONDARY CONTENT --------------------- */

#wrapper-secondary {
	width: 970px;
	height: auto;
	margin: auto;
}

#wrapper-secondary #secondary-focalpoint-left {
	width: 481px;
	height: 341px;
	float: left;
}
#wrapper-secondary #secondary-focalpoint-left1 {
	width: 481px;
	height: auto;
	float: left;
}
#wrapper-secondary #secondary-focalpoint-right {
	width: 473px;
	height: 335px;
	float: right;
	background: url(../images/back_focalpoint.jpg) no-repeat;
	padding: 3px;
}
#wrapper-secondary #secondary-focalpoint-right1 {
	width: 479px;
	height: auto;
	float: right;
}
#wrapper-secondary #secondary-content {
	width: 970px;
	height: auto;
	background: url(../images/back_content_secondary.gif) repeat-y;
	float: left;
}
#wrapper-secondary #secondary-content #btn-buy-green {
	position: relative;
	width: 101px;
	height: 39px;
	top: -18px;
	left: 355px;
}
#wrapper-secondary #secondary-content #btn-download {
	position: relative;
	width: 134px;
	height: 39px;
	top: -18px;
	left: 325px;
}

#wrapper-secondary #secondary-content-single {
	width: 875px;
	height: auto;
	float: left;
	padding: 10px 10px 20px 45px;
}

#wrapper-secondary #secondary-content-single .table {
	background-color: #4c4c4c;
}
#wrapper-secondary #secondary-content-single .tr {
	background-color: #151515;
	text-align: center;
}
#wrapper-secondary #secondary-content-single .td {
	background-color: #323537;
}
#wrapper-secondary #secondary-content-single .td2 {
	background-color: #43474a;
}
#wrapper-secondary #secondary-content #btn-buy-green1 {
	position: relative;
	width: 101px;
	height: 39px;
	top: -57px;
	left: 845px;
}
#wrapper-secondary #secondary-content-left {
	width: 575px;
	height: auto;
	float: left;
	padding: 10px 10px 20px 45px;
}

#wrapper-secondary #secondary-content-left .table {
	background-color: #4c4c4c;
}
#wrapper-secondary #secondary-content-left .tr {
	background-color: #151515;
	text-align: center;
}
#wrapper-secondary #secondary-content-left .td {
	background-color: #323537;
}
#wrapper-secondary #secondary-content-left .td2 {
	background-color: #43474a;
}
#wrapper-secondary #secondary-content-left1 {
	width: 420px;
	height: auto;
	float: left;
	padding: 10px 10px 20px 45px;
	margin-top: -60px;
}

#wrapper-secondary #secondary-content-left-products {
	width: 280px;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 30px 30px 20px 45px;
	text-align: center;
}

#wrapper-secondary #secondary-content-right {
	width: 300px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 30px;
}
#wrapper-secondary #secondary-content-right #subnav {
	width: 245px;
	height: auto;
	margin-left: 50px;
}
#wrapper-secondary #secondary-content-right #subnav #links {
	width: 245px;
	height: auto;
	margin-left: 50px;
	background-color: #181818;
	padding: 20px;
}
#wrapper-secondary #secondary-content-right #subnav #links a {
	text-transform: capitalize;
	font: 1em/1.7em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
}
#wrapper-secondary #secondary-content-right #subnav #links a:hover {
	text-transform: capitalize;
	text-decoration: none;
}
#wrapper-secondary #secondary-content-right1 {
	width: 420px;
	height: auto;
	float: right;
	padding: 10px 10px 20px 45px;
	margin-top: -60px;
}
#wrapper-secondary #secondary-content-right-products {
	width: 575px;
	height: auto;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}
#wrapper-secondary #secondary-content-products {
	width: auto;
	height: auto;
	float: left;
	padding-left: 45px;
}
#wrapper-secondary #secondary-content-products #product {
	width: 280px;
	height: auto;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#wrapper-secondary #secondary-content-products #product a {
	color: #99ccff;
	text-decoration: none;
	font-size: 1.3em;
	font-variant: normal;
}
#wrapper-secondary #secondary-content-products #product a:hover {
	color: #ff9900;
	text-decoration: underline;
	font-size: 1.3em;
	font-variant: normal;
}
#wrapper-secondary #secondary-content-products-misc {
	width: 90%;
	height: auto;
	float: left;
	padding-left: 45px;
	padding-bottom: 25px;
}
#wrapper-secondary #secondary-content-right #subnav {
	width: 245px;
	height: auto;
	margin-left: 50px;
}
#wrapper-secondary #secondary-content-right #newsletter-top {
	width: 242px;
	height: 12px;
	background: url(../images/back_newsletter_top.jpg) no-repeat;
}
#wrapper-secondary #secondary-content-right #newsletter-main {
	width: 228px;
	height: auto;
	background: url(../images/back_newsletter.jpg) repeat-y;
	padding: 5px 20px;
}
#wrapper-secondary #secondary-content-right #newsletter-bottom {
	width: 242px;
	height: 13px;
	background: url(../images/back_newsletter_bottom.jpg) no-repeat;
}
#wrapper-secondary #secondary-content-top {
	width: 970px;
	height: 15px;
	background: url(../images/back_content_secondary_top.gif) no-repeat;
	float: left;
}
#wrapper-secondary #secondary-content-footer {
	width: 970px;
	height: 25px;
	background: url(../images/back_content_secondary_footer.gif) no-repeat;
	float: left;
}
#table {
	width: 89%;
	border: 1px solid #4c4c4c;
	padding: 30px;
}
#wrapper-secondary #secondary-content-shop {
	width: 880px;
	height: auto;
	float: left;
	padding: 10px 10px 20px 45px;
}
#wrapper-secondary #secondary-content-shop .table {
	background-color: #4c4c4c;
}
#wrapper-secondary #secondary-content-shop .tr {
	background-color: #151515;
	text-align: center;
}
#wrapper-secondary #secondary-content-shop .td {
	background-color: #323537;
	height: 20px;
}
#wrapper-secondary #secondary-content-shop .td2 {
	background-color: #43474a;
	height: 20px;
}

/* ---------------------- FOOTER CONTENT ---------------------- */

#wrapper-footer {
	width: 970px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#wrapper-footer p {
	font: 0.85em/2em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	color: #999;
	text-align: center;
}
#wrapper-footer a {
	color: #999;
	text-align: center;
}
#wrapper-footer a:hover {
	color: #ff9900;
	text-align: center;
	text-decoration: underline;
}

/* ------------------------- CLASSES ------------------------- */

.h1 {
	color: #ff9900;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
.h2 {
	color: #fff;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -1px;
}
.h3 {
	color: #cc66ff;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
.h4 {
	color: #666;
	font: 1.3em/normal "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	margin-top: -3px;
}
.note {
	font: 0.9em/1.3em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	color: #999;
}
.quote {
	color: #8b9d2f;
	font-style: italic;
	text-align: center;
}
.img {
	float: left;
	padding-right: 15px;
	padding-top: 5;
}
.note a {
	color: #999;
	text-align: center;
}
.note a:hover {
	color: #ff9900;
	text-align: center;
	text-decoration: underline;
}

#wrapper-secondary #secondary-content-misc-top {
            width: 970px;
            height: 15px;
            background: url(../images/back_content_misc_top.gif) no-repeat;
            float: left;
}
#wrapper-secondary #secondary-content-misc {
            width: 890px;
            height: auto;
            background: url(../images/back_content_secondary.gif) repeat-y;
            float: left;
            padding: 25px 40px;
}
#wrapper-secondary #secondary-content-misc-footer {
            width: 970px;
            height: 17px;
            background: url(../images/back_content_secondary_footer.gif) no-repeat;
            float: left;
}

/* -------------------- END MISC CONTENT --------------------- */