@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/bodyback.jpg);
	background-repeat: repeat-x;
	background-color: #E5EAEC;
}
.bullets {
	font-family: Arial;
	font-size: 0.9em;
	color: #333333;
	line-height: 30px;
	padding-left: 60px;
	list-style-type: circle;
}
.bullets2 {
	font-family: Arial;
	font-size: 0.9em;
	color: #333333;
	list-style-type: circle;
	padding-left: 40px;
}
.B9BEC0 {
	color: #B9BEC0;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
.wrapper {
	position: relative;
	width: 902px;
	font-size: 0.9em;
	margin: 0 auto -142px;
	text-align: left;
}
.header {
	height: 131px;
	background: url(images/header.png) no-repeat;
	margin-bottom: 5px;
}
.headertitle {
	font-family: Arial;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 25px;
	padding-top: 50px;
}
strong {
	font-weight: normal;
}
.download {
	position: absolute;
	right: 0;
	top: 160px;
}
.footer {
	width: 100%;
	margin: 0 auto;
	background: #3A3A3A url(images/footerback.png) repeat-x left;
	position: relative;
	clear: both;
}
.footer a {
	color: #666666;
	border: 0;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 700px;
	padding: 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}
.footerproof {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(images/prooffooter.png) no-repeat center;
	height: 142px;
}
#navwrapper {
	height: 100%;
	width: 160px;
	float: left;
}
ul.nav {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 1.2em;
	color: #FFFFFF;
}
ul.nav a {
	display: block;
	width: 154px;
	height: 24px;
	background-image: url(images/btn.png);
	padding-bottom: 4px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 6px;
	padding-top: 4px;
}
ul.nav a:hover {
	background-image: url(images/rl.png);
}
ul.hnav {
	list-style-type: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 0.9em;
	color: #999999;
	padding-left: 0px;
	padding-top: 10px;
	vertical-align: middle;
}
ul.hnav a {
	width: 154px;
	height: 26px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #666666;
	padding-left: 6px;
	padding-top: 2px;
}
ul.hnav a:hover {
	color: #FFFFFF;
}
ul.hnav li {
	display: inline;
}
.footerwrapper {
	width: 902px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	height: 130px;
	clear: both;
}
.footercoll {
	float: left;
	width: 750px;
	margin-bottom: 15px;
}
.footercolr {
	float: right;
	width: 89px;
	clear: both;
}
.footericons {
	float: left;
	width: 750px;
	height: 50px;
}
.copyright {
	font-family: Arial;
	font-size: 0.9em;
	color: #666666;
	width: 750px;
}
#colr {
	width: 737px;
	float: right;
}
#colrr {
	width: 275px;
	float: right;
	margin-left: 5px;
}
#colrl {
	width: 457px;
	float: right;
}
#hspacer {
	width: 737px;
	height: 5px;
	float: right;
}
.grey {
	width:100%;
	margin:0px auto;
	max-width:100%; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#000000;
}
.grey .hd  .c,
.grey .ft  .c {
	font-size:1px; /* ensure minimum height */
	height:5px;
}

.grey .ft .c {
	height:5px;
}

.grey .hd {
	background:transparent url(images/corners/grey/tl.png) no-repeat 0px 0px;
	margin-right:5px; /* space for right corner */
}

.grey .hd .c {
	background:transparent url(images/corners/grey/tr.png) no-repeat right 0px;
	margin-right:-5px; /* pull right corner back over "empty" space (from above margin) */
}

.grey .bd {
	background:transparent url(images/corners/grey/ml.png) repeat-y 0px 0px;
	margin-right:5px;
}

.grey .bd .c {
	background:transparent url(images/corners/grey/mr.png) repeat-y right 0px;
	margin-right:-5px;
}

.grey .bd .c .s {
	margin:0px 5px;
	background:#F2F3F4 0px 0px;
	padding:1em;
}

.grey .ft {
	background:transparent url(images/corners/grey/bl.png) no-repeat 0px 0px;
	margin-right:5px;
}

.grey .ft .c {
	background:transparent url(images/corners/grey/br.png) no-repeat right 0px;
	margin-right:-5px;
}

/* content-specific */

.grey h1 {
	/* header */
 font-size:1.7em;
	margin:-5px 0px 0px;
	padding:0px;
	font-weight: normal;
	font-family: Arial;
}
.grey h2 {
	font-size:1.2em;
	margin:-5px 0px 0px;
	padding:0px 0px 9px;
	font-weight: normal;
	font-family: Arial;
}
.grey h3 {
	font-size:1em;
	margin:-5px 0px -5px;
	padding:0px 0px 9px;
	font-weight: bold;
	font-family: Arial;
}
.grey p {
	margin:0.5em 0px 0px;
	padding:0px;
	font:0.95em/1.5em Arial;
}

p {
	font-family:Arial;
}
.white {
	width:100%;
	margin:0px auto;
	max-width:100%; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#666666;
}
.white .hd  .c,
.white .ft  .c {
	font-size:1px; /* ensure minimum height */
	height:5px;
}

.white .ft .c {
	height:5px;
}

.white .hd {
	background:transparent url(images/corners/white/tl.png) no-repeat 0px 0px;
	margin-right:5px; /* space for right corner */
}

.white .hd .c {
	background:transparent url(images/corners/white/tr.png) no-repeat right 0px;
	margin-right:-5px; /* pull right corner back over "empty" space (from above margin) */
}

.white .bd {
	background:transparent url(images/corners/white/ml.png) repeat-y 0px 0px;
	margin-right:5px;
}

.white .bd .c {
	background:transparent url(images/corners/white/mr.png) repeat-y right 0px;
	margin-right:-5px;
}

.white .bd .c .s {
	margin:0px 5px;
	background:#FFFFFF 0px 0px;
	padding:1em;
}

.white .ft {
	background:transparent url(images/corners/white/bl.png) no-repeat 0px 0px;
	margin-right:5px;
}

.white .ft .c {
	background:transparent url(images/corners/white/br.png) no-repeat right 0px;
	margin-right:-5px;
}

/* content-specific */

.white h1 {
	/* header */
 font-size:1.7em;
	margin:-5px 0px 0px;
	padding:0px;
	font-weight: normal;
	font-family: Arial;
}
.white h2 {	/* header */
	font-size:1.2em;
	margin:-5px 0px 0px;
	padding:0px 0px 9px;
	font-weight: normal;
	font-family: Arial;
}
.white p {
	margin:0.5em 0px 0px;
	padding:0px;
	font:0.95em/1.5em Arial;
}
ul.austin {
	list-style-type: none;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 10px;
}
ul.austin a {
	display: block;
	width: 89px;
	height: 30px;
	background-image: url(images/austin.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.sauce2o {
	list-style-type: none;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 65px;
}
ul.sauce2o a {
	display: block;
	width: 89px;
	height: 19px;
	background-image: url(images/sauce2o.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.prime {
	list-style-type: none;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
}
ul.prime a {
	display: block;
	width: 39px;
	height: 38px;
	background-image: url(images/ftr_btn.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.prime a:hover {
	background-image: url(images/ftr_rls.png);
}
ul.reach {
	list-style-type: none;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 0px;
	float: left;
}
ul.reach a {
	display: block;
	width: 32px;
	height: 38px;
	background-image: url(images/ftr_btn-02.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.reach a:hover {
	background-image: url(images/ftr_rls-02.png);
}
ul.text {
	list-style-type: none;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 0px;
	float: left;
}
ul.text a {
	display: block;
	width: 32px;
	height: 38px;
	background-image: url(images/ftr_btn-03.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.text a:hover {
	background-image: url(images/ftr_rls-03.png);
}
ul.keywords {
	list-style-type: none;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 0px;
	float: left;
}
ul.keywords a {
	display: block;
	width: 32px;
	height: 38px;
	background-image: url(images/ftr_btn-04.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.keywords a:hover {
	background-image: url(images/ftr_rls-04.png);
}
ul.discover {
	list-style-type: none;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 0px;
	float: left;
}
ul.discover a {
	display: block;
	width: 32px;
	height: 38px;
	background-image: url(images/ftr_btn-05.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.discover a:hover {
	background-image: url(images/ftr_rls-05.png);
}
ul.optimize {
	list-style-type: none;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 0px;
	float: left;
}
ul.optimize a {
	display: block;
	width: 32px;
	height: 38px;
	background-image: url(images/ftr_btn-06.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.optimize a:hover {
	background-image: url(images/ftr_rls-06.png);
}
.blue {
	width:100%;
	margin:0px auto;
	max-width:100%; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#FFFFFF;
}
.blue .hd  .c,
.blue .ft  .c {
	font-size:1px; /* ensure minimum height */
	height:5px;
}

.blue .ft .c {
	height:5px;
}

.blue .hd {
	background:transparent url(images/corners/blue/tl.png) no-repeat 0px 0px;
	margin-right:5px; /* space for right corner */
}

.blue .hd .c {
	background:transparent url(images/corners/blue/tr.png) no-repeat right 0px;
	margin-right:-5px; /* pull right corner back over "empty" space (from above margin) */
}

.blue .bd {
	background:transparent url(images/corners/blue/ml.png) repeat-y 0px 0px;
	margin-right:5px;
}

.blue .bd .c {
	background:transparent url(images/corners/blue/mr.png) repeat-y right 0px;
	margin-right:-5px;
}

.blue .bd .c .s {
	margin:0px;
	background:#0075B9 0px 0px;
	text-align: center;
}

.blue .ft {
	background:transparent url(images/corners/blue/bl.png) no-repeat 0px 0px;
	margin-right:5px;
}

.blue .ft .c {
	background:transparent url(images/corners/blue/br.png) no-repeat right 0px;
	margin-right:-5px;
}#productswrap {
	width: 118px;
	float: right;
	margin-left: 5px;
}
ul.optimize2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	width: 62px;
	margin-right: auto;
}
ul.optimize2  a {
	display: block;
	width: 62px;
	height: 74px;
	background-image: url(images/pr_btn-06.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.discover2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	width: 62px;
	margin-right: auto;
}
ul.discover2  a {
	display: block;
	width: 62px;
	height: 74px;
	background-image: url(images/pr_btn-05.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.keywords2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	width: 62px;
	margin-right: auto;
}
ul.keywords2  a {
	display: block;
	width: 62px;
	height: 74px;
	background-image: url(images/pr_btn-04.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.text2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	width: 62px;
	margin-right: auto;
}
ul.text2  a {
	display: block;
	width: 62px;
	height: 74px;
	background-image: url(images/pr_btn-03.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.reach2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	width: 62px;
	margin-right: auto;
}
ul.reach2  a {
	display: block;
	width: 62px;
	height: 74px;
	background-image: url(images/pr_btn-02.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
ul.prime2 {
	list-style-type: none;
	text-decoration: none;
	margin-left: auto;
	padding-left: 0px;
	margin-right: auto;
	width: 76px;
}
ul.prime2  a {
	display: block;
	width: 76px;
	height: 74px;
	background-image: url(images/pr_btn.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#aboutcolr {
	width: 355px;
	float: right;
	margin-left: 5px;
}
#aboutcoll {
	width: 375px;
	float: right;
}
#aboutwrap {
	float: right;
	width: 172px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#aspacer {
	width: 330px;
	height: 5px;
	float: right;
}
#aboutwrapl {
	float: left;
	width: 172px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#contactwrap {
	float: left;
	width: 243px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#contactwrap2 {
	float: left;
	width: 240px;
}
#productsdia {
	background-image: url(images/products_dia.png);
	height: 312px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#how1 {
	background-image: url(images/how1.png);
	height: 314px;
	width: 682px;
	margin-right: auto;
	margin-left: auto;
}
#how2 {
	background-image: url(images/how2.png);
	height: 356px;
	width: 682px;
	margin-right: auto;
	margin-left: auto;
}