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



/* css reset */

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	clear:both;
}
a {
	text-decoration: none;
	color: #888888;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/* layout */



body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #777;
	background: #fff url(images/bg_body.png) repeat-x;
}
/*repeating body backgrounds*/



body.one {
	background: #fff url(images/bg_1_body.png) repeat-x;
}
body.two {
	background: #fff url(images/bg_2_body.png) repeat-x;
}
body.three {
	background: #fff url(images/bg_3_body.png) repeat-x;
}
body.four {
	background: #fff url(images/bg_4_body.png) repeat-x;
}
body.five {
	background: #fff url(images/bg_5_body.png) repeat-x;
}
#container-outer {
	min-width: 1031px;
	width: auto;
}
#container {
	min-width: 1031px;
}
#container-inner {
	margin: 0 auto;
	position: relative;
	width: 1031px;
}
#wrapper {
	width: 1031px;
	margin: 0 auto;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 40px;
}
/*home backgrounds*/

body#home {
	background: #fff url(images/bg_homebody.gif) repeat-x;
}
body#home #container {
	min-width: 1031px;
	width: auto;
	background: transparent url(images/bg_home.jpg) no-repeat 50% 0;
}
/*products backgrounds*/



body.products {
	background: transparent url(images/bg_body_products.gif) repeat-x 0 0;
}
body.products #container-outer {
	background: transparent url(images/bg_products.jpg) no-repeat 50% 0;
}
#container {
	background: transparent url(images/bg_bar.png) repeat-x 0 134px;
}
body.one #container {
	background-position: 0 134px;
}
body.two #container {
	background-position: 0 168px;
}
body.three #container {
	background-position: 0 203px;
}
body.four #container {
	background-position: 0 237px;
}
body.five #container {
	background-position: 0 276px;
}
/*services backgrounds*/



body.services {
	background-image: url(images/bg_body_services.gif);
}
#leftbg {
	position: absolute;
	width: 50%;
	height: 1000px;
	background: url(images/bg_services_body-left.gif) repeat-x;
	z-index: -1;
}
#rightbg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1000px;
	width: 100%;
	background: url(images/bg_services_body-right.gif) repeat-x;
	z-index: -2;
}
#container-outer.services {
	background: transparent url(images/bg_services.png) no-repeat 50% 0;
}
body.one #leftbg, body.one #rightbg, body.one #container-outer.services {
	background-position: 50% 134px;
}
body.two #leftbg, body.two #rightbg, body.two #container-outer.services {
	background-position: 50% 168px;
}
body.three #leftbg, body.three #rightbg, body.three #container-outer.services {
	background-position: 50% 203px;
}
body.four #leftbg, body.four #rightbg, body.four #container-outer.services {
	background-position: 50% 237px;
}
/*About Us background*/

body.aboutus #container-outer {
	background: transparent url(images/bg_body_aboutus.gif) repeat-x;
}
body.aboutus #container {
	background: transparent url(images/bg_aboutus.jpg) no-repeat 50% 29px;
}
body.one #container-outer.aboutus, body.one #container.aboutus {
	background-position: 50% 29px;
}
body.two div#container-outer.aboutus, body.two #container.aboutus {
	background-position: 50% 63px;
}
body.three div#container-outer.aboutus, body.three #container.aboutus {
	background-position: 50% 98px;
}
body.four div#container-outer.aboutus, body.four #container.aboutus {
	background-position: 50% 132px;
}
/*Header*/



#header {
	height: 117px;
	padding-right: 8px;
	overflow: auto;
}
body#home #header {
	height: 123px;
}
#logolink {
	float: left;
	padding-left: 12px;
}
.loginlink {
	float: right;
	display: block;
	font-size: 88%;
}
#login {
	background-color: #11b7df;
	padding: 5px 20px 7px;
	color: #fff;
}
.account {
	color: #888;
	padding: 6px 20px 0px 0px;
	text-decoration: none;
}
.account:hover {
	color: #11b7df;
}
#nav {
	clear: both;
	float: right;
	padding: 10px 0 8px;
	position: absolute;
	right: 10px;
	top: 74px;
}
#nav li {
	float: left;
	padding-left: 43px;
}
#nav li a {
	color: #888;
	text-decoration:none;
	font-size: 18px;
}
#nav li a:hover, #nav li a.c {
	color: #11b7df;
}
/*content*/



#content {
	margin-bottom:35px;
	overflow: hidden;
}
/* Banner */



body#home #banner {
	height: 300px;
}
#banner {
	overflow: hidden;
	margin-bottom: 35px;
}
#banner div#cubelinks {
	width: 352px;
	height: 309px;
	position: absolute;
	left: 465px;
	top: 0px;
	background: transparent url(images/homebox.png) no-repeat 0 0;
}
#cubelinks a {
	display: block;
	padding-left: 54px;
	height: 94px;
}
#bannernav, #bannercontent, #bannerright {
	float: left;
}
#bannernav {
	width: 200px;
	padding-top: 5px;
}
.services #bannernav, .aboutus #bannernav {
	padding-top: 5px;
	width: 453px;
}
body#contactus #bannernav {
	width: 706px;
}
#bannernav ul {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 12px;
}
#bannernav li {
	background: transparent url(images/arrow_gray.png) no-repeat right -1px;
	height: 35px;
	width: 142px
}
body.services #bannernav li, body.aboutus #bannernav li {
	width: 180px;
}
#bannernav li.c {
	background: transparent url(images/arrow_white.png) no-repeat right -1px;
	height: 36px;
	width: 176px;
}
body.services #bannernav li.c, body.aboutus #bannernav li.c {
	width: 231px;
}
#bannernav li a {
	color: #777;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 12px;
}
#bannernav li.c a {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 9px;
}
#bannercontent {
	width: 578px;
	height: 472px;
}
body#contactus #bannercontent {
	width: 320px;
}
#bannercontent #main {
	padding: 1px 0 0 24px;
	color: #fff;
	font-size: 16px;
	line-height: 1.2em;
}
#bannercopy {
	background: transparent url(images/bg_bannercopy.png) repeat-y 0 0;
	padding: 0 0 0 24px;
	margin-top: 1px;
}
#bannercopy {
	color: #888888;
}
#bcinner {
	background: transparent url(images/bg_aboutus_copy.gif) no-repeat scroll 0 9px;
	padding:25px 34px 30px 40px;
}
#grid #bcinner {
	background-image: none;
}
#seethru {
	background: transparent url(images/bg_services_copy.gif) no-repeat 0 9px;
	padding: 25px 34px 30px 40px;
}
body.two #seethru, body.two #bcinner {
	background-position: 0 43px
}
body.three #seethru, body.three #bcinner {
	background-position: 0 78px
}
body.four #seethru, body.four #bcinner {
	background-position: 0 112px
}
#bannercopy h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom:9px;
	color: #c1175f;
	line-height: 1.2em;
}
#bannercopy div div {
	padding: 0 0px 21px 0px;
}
#inthenews #bannercopy div div, #pressreleases #bannercopy div div {
	padding: 0 0px 10px 0px;
	margin-top: 10px;
	border-bottom: 1px solid #bbb;
}
#bannercopy h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 9px;
	line-height: 1.2em;
}
#inthenews #bannercopy h3, #pressreleases #bannercopy h3 {
	font-size: 16px;
}
#bannercopy p {
	font-size: 14px;
	margin-bottom: 6px;
	line-height: 1.2em;
}
#inthenews #bannercopy p, #pressreleases #bannercopy p {
	font-size: 12px;
}
#bannercopy ul {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 14px;
	padding-left: 1em;
}
#bannercopy ul li {
	margin: 10px 0;
	line-height: 1.2em;
}
#contactcopy {
	color: white;
	padding: 32px 40px 30px 64px;
	font-size: 14px;
	line-height: 1.2em;
}
#grid #bannercontent, .services #bannercontent, .aboutus #bannercontent {
	height: auto;
}
#bannerthumbs {
	padding: 4px 8px 4px 28px;
	margin: 0 auto;
	text-align: center;
}
#bannerthumbs a {
	cursor: pointer;
}
body.one #bannercontent {
	background: transparent url(images/box_1.png) no-repeat 0 0;
}
body#ecosystem #bannercontent {
	background: transparent url(images/box_ecosystem.png);
}
body.two #bannercontent {
	background: transparent url(images/box_grid.png) no-repeat 0 0;
}
body#contactus #bannercontent {
	background: transparent url(images/box_contact.png) no-repeat 0 -1px;
}
body.three #bannercontent {
	background: transparent url(images/box_3.png) no-repeat 0 0;
}
body.four #bannercontent {
	background: transparent url(images/box_4.png) no-repeat 0 0;
}
body.five #bannercontent {
	background: transparent url(images/box_5.png) no-repeat 0 0;
}
#bannerright {
	width: 252px;
	height: 190px;
}
#bannerright p {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 25px 0 35px;
	line-height: 1.2em;
}
body.one #bannerright {
	background: transparent url(images/boxright_1.png) no-repeat 0 0;
}
body.two #bannerright {
	background: transparent url(images/boxright_2.png) no-repeat 0 0;
}
body.three #bannerright {
	background: transparent url(images/boxright_3.png) no-repeat 0 0;
}
body.four #bannerright {
	background: transparent url(images/boxright_4.png) no-repeat 0 0;
}
body.five #bannerright {
	background: transparent url(images/boxright_5.png) no-repeat 0 0;
}
/*lower copy area - table layout*/



#tablecopytitle {
	background: #0b9edd url(images/bg_copy.gif) repeat-x;
	overflow: auto;
	width: 206px;
	vertical-align: top;
}
#tablecopytitle h2 {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 13px 0 13px;
	line-height: 1.2em;
}
#tablecopybody {
	width: 825px;
	line-height: 1.2em;
	vertical-align: top;
}
#tablecopybody div {
	margin: 0 258px 21px 22px;
	color: #888888;
}
#tablecopybody h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 9px;
}
#tablecopybody p {
	font-size: 14px;
	margin-bottom: 6px;
	line-height: 1.2em;
}
#tablecopybody ul {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 14px;
	padding-left: 1em;
}
#tablecopybody ul li {
	margin: 10px 0;
}
/*lower copy area - css layout*/



#copy {
	background: #0b9edd url(images/bg_copy.gif) repeat-x;
	overflow: auto;
}
#copytitle {
	float: left;
	width: 206px;
}
#copytitle h2 {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 13px 0 13px;
	line-height: 1.2em;
}
#copybody {
	float: left;
	width: 825px;
	background-color: #ffffff;
	line-height: 1.2em;
}
#copybody div {
	margin: 0 258px 21px 22px;
	color: #888888;
}
#copybody h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 9px;
}
#copybody p {
	font-size: 14px;
	margin-bottom: 6px;
	line-height: 1.2em;
}
#copybody ul {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 14px;
	padding-left: 1em;
}
#copybody ul li {
	margin: 10px 0;
}
/*Home*/



#useandnews {
	margin: 305px 0 43px;
}
#homeuse {
	background: url(images/bg_checker.gif) repeat 0 0;
}
#homeuse h2 {
	color: #c61862;
	font-size: 24px;
	margin-bottom: 12px;
}
#homeuse h3 {
	font-weight: normal;
	font-size: 18px;
	margin: 10px 0;
}
#homeuse li {
	font-size: 18px;
	color: #68c8df;
	line-height: 30px;
	background: url(images/arrow_home_blue.png) no-repeat 0 8px;
	padding-left: 25px;
}
#homenews {
	float: left;
	margin-left: 62px;
}
#homenews h2 {
	font-size: 24px;
	margin-bottom: 12px;
}
.newsitem {
	width: 242px;
	font-size: 12px;
	line-height: 14px;
	margin: 14px 0;
}
.newsitem a.headline {
	color: #68c8df;
	font-weight: bold;
}
.newsitem p.publisher {
	font-weight: bold;
}
#readall {
	text-align:right;
	width: 240px;
}
#readall a {
	display: block;
	color: #68c8df;
	background: url(images/arrow_home_blue.png) no-repeat right 1px;
	padding: 0 22px 0 0;
	margin-top: 30px;
}
.usenewsinner {
	padding: 30px;
}
.useitem a.bulletpoint {
	color: #68c8df;
}
#customers {
	background: url(images/bg_home_whos.gif) repeat-x 0 0;
	margin: 43px 0 10px 0;
	overflow: auto;
}
#whos {
	float: left;
	background: #ac1555 url(images/bg_whos.gif) repeat-x 0 0;
	width: 177px;
	height: 105px;
}
#whos h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding: 44px 0 0 10px;
}
#customers a {
	display: block;
	width: 122px;
	height: 105px;
	float: left;
}
div.items {
	float: left;
}
div.items img {
	display: block;
	float:left;
	padding-left: 17px;
}
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}
/*Ecosystem*/



#ecosystemimg {
	clear: both;
	position: absolute;
	top: 300px;
}
#ecosystem #bannercontent #main {
	padding: 30px 40px 0 48px;
}
/* Footer */



#sitemap {
	background: url(images/bg_sitemap.png) repeat-x;
	font-size: 12px;
	padding-bottom: 15px;
	overflow: auto;
}
.column {
	width: 152px;
	float: left;
}
#lastcolumn {
	width: 125px;
}
.column ul {
	padding: 4px 0 0 10px;
}
#sitemap a {
	color: #888;
	text-decoration: none;
	line-height: 1.5em;
}
#sitemap a:hover {
	text-decoration: underline;
}
#sitemap h3 {
	font-weight: bold;
	padding: 8px 0 4px 10px;
}
#footerfooter {
	padding: 8px 0 9px;
	font-size: 12px;
	overflow: auto;
}
#leftfoot {
	float: left;
}
#leftfoot a {
	color: #11b7df;
	text-decoration:none;
}
#leftfoot a:hover {
	text-decoration:underline;
}
#copyright {
	float: right;
	color: #11b7df;
}
/*About Us*/



body.aboutus #bannercopy a {
	color: #11b7df;
	text-decoration: underline;
}
/* Support pages*/



.support #bannercopy ul {
	padding-left: 0px;
}
.support #bannercopy ul ul {
	padding-left: 1em;
}
.support #bannercopy li {
	list-style-type: none;
	padding: 5px 0;
}
.support #bannercopy li li {
	list-style-type: disc;
	padding: 0;
}
.support #bannercopy a {
	color: #11b7df;
}
.support #questions {
	margin-bottom: 20px;
}
.support #bannercopy #answers h2 {
	font-size:18px;
}
.support #bannercopy #answers h3 {
	font-size:16px;
}
.support #bannercopy #answers div {
	text-align:right;
	font-size: 14px;
}
.support #bannercopy #answers img {
	margin: 10px 0;
}
.support a.backToTop {
	background:transparent url(images/backtotop.gif) no-repeat scroll right 3px;
	padding-right:13px;
}
/*xxx.rayv.com*/



body.xxx {
	background: url("images/bg_xxx.gif") repeat-x 0 0;
}
body#xxx #container {
	background-image: none;
}
#xxx #channel {
	padding-top: 15px;
	padding-left: 12px;
}
#xxx #channel h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	height: 38px;
}
#xxx #channel h2 {
	font-size: 18px;
	color: #777777;
	font-weight: bold;
	height: 40px;
}
#chsize {
	float: left;
	width: 162px;
}
#chsize div {
	height: 40px;
	width: 162px;
	background: url("images/arrow_xxx_gray.png") no-repeat scroll 0 0;
}
#chsize input {
	display: block;
	width: 162px;
	height: 34px;
	font-size:18px;
	font-weight:bold;
	padding: 0 12px;
	border: 0px;
	color: #777777;
	text-align: left;
	background: transparent;
}
#chsize div.c {
	background: transparent url("images/arrow_xxx_white.png") no-repeat scroll 0 0;
}
#chsize input.c {
	color: #ffffff;
}
#chcontent {
	float: left;
	width: 866px;
	margin-bottom: 40px;
}
#chinfo {
	width: 600px;
	font-size: 14px;
	line-height: 1.2em;
}
#chinfo p {
	margin: 1.2em 0;
}