
/* General styles */

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font: 75% Arial, Helvetica, sans-serif;
}

body, html {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}

h1 {
	width: 100%;
	height: 75px;
	display: block;
	float: left;
}

h1 a {
	margin: 0;
	padding: 0;
	display: block;
	width: 356px;
	height: 100px;
}

h1 a span, #slogan span {
	display: none;
}

h5 {
	color: #6c989d;
	text-transform: uppercase;
	letter-spacing: -1px;
	font: bold 15px/16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6c989d;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

p { margin: 0 0 1.5em; }

sup {
	height: 0;
	line-height: 1;
	font-size: 80%;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: .5ex;
}


/* Header styles */

#headerbox {
	width: 100%;
	height: 130px;
	display: block;
	position: relative;
	background-position: top left;
	background-image:url(/images/bg_header_pattern.jpg);
}

#headerboxMain {
	width: 100%;
	height: 200px;
	display: block;
	position: relative;
	background-position: top left;
	background-image:url(/images/bg_headerboxMain.jpg);
}

#headerboxSub {
	width: 100%;
	height: 100px;
	display: block;
	position: relative;
	background-position: top left;
	background-image:url(/images/bg_headerboxSub.jpg);
}

#header {
	position: relative;
	width: 900px;
	height: 130px;
	display: block;
	margin: 0 auto;
	padding: 0;
	background-image:url(/images/bg_header.jpg);
}

#headerMain {
	position: relative;
	width: 900px;
	height: 200px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#headerSub {
	position: relative;
	width: 900px;
	height: 100px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#slogan {
	position: absolute;
	bottom: 42px;
	right: 20px;
	width: 350px;
	height: 16px;
	display: block;
	background-image: url(/images/rdm_slogan.gif);
	background-position: center center;
	background-repeat: no-repeat;
	paddin: 0;
	margin: 0;
}

#topnav {
	position: absolute;
	bottom: 0px;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 30px;
	background: #02487c;
	border-top: 1px solid #7baedd;
}

#topnav ul {
	position: relative;
	width: 900px; 
	height: 30px;
	list-style-type: none;
	list-style: none;
	margin: 0 auto;
	font-size: 15px;
	border-left: 0px solid #465e8c;
}

#topnav ul li {
  border-right: 0px solid #465e8c;
  display: inline;
}

#topnav ul li a {
  float: left;
  padding: 9px 45px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  width: 60px;					/* (900 - (45*12)) / 6 = 60; Remove and far right topnav won't be justified */
  text-align: center;
}

#topnav ul li a:hover {
  background-color: #62b4e3;
  text-decoration: none;
}

#topnav ul li.active a, #topnav ul li.active a:hover{
  background: #62b4e3;
  color: #FFFFFF;
}

/* Content Styles */

#bodyHome {
	position: relative; 
	left: 10px; 
	top: 40px;
	width: 680px; 
}

#bodyHome img.right {
	float: right;
	margin: 0px 0px 0px 10px;
}

#bodyHome .blx {
	float: left;
	margin: 0px 4px 0px 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	width: 220px;
}

#bodyHome .blxData {
	float: left;
	margin: 0px 4px 0px 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	width: 220px;
	height: 300px;
}

#bodyHome .blxTxt {
	clear: both;
	padding: 10px;
	margin: 0px 4px 0px 0px;
}

#bodyHome .blxTitle {
	padding: 10px;
	margin: 0px;
	}
	
#bodyHome .blxTitleTxt {
	padding-bottom: 10px;
	margin: 0px;
	}

#bodyHome .blxPitchProducts {
	padding-left: 10px;
	width: 140px;
}

#bodyHome .blxAction {
	padding-left: 12px;
	background: url(/images/btn_ornbox.gif) left no-repeat;
}

#bodyHome .blxDetails {
	float: left;
	margin: 0px 4px 10px 0px;
	border: 1px solid #ccc;
	border-top: 0px;
	width: 220px;
}

#bodyHome .blxList {
	padding: 0px 0px 0px 0px;
	clear: right;
}

#bodyHome .blxPitchData {
	padding-left: 10px;
	width: 200px;
}

#bodyHome img.left {
	float: left;
	margin: 0px 10px 0px 0px;
}

#bodySub {
	left: 15px; 
	top: 50px;
	width: 465px; 
}

#bodySub .title {
	padding: 0px;
	margin: 30px 0px 0px 0px;
	font-size: 20px;
	color: #0593c5;
}

#bodySub .value {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	color: #0593c5;
}

#bodySub .blx {
	float: left;
	margin: 0px 4px 0px 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	width: 220px;
}

#bodySub .blxTitle {
	padding: 10px;
	margin: 0px;
}

#bodySub .blxPitch {
	padding-left: 10px;
}

#bodySub .blxAction {
	padding-left: 12px;
	background: url(/images/btn_ornbox.gif) left no-repeat;
}

#bodySub .blxDetails {
	float: left;
	margin: 0px 4px 10px 0px;
	border: 1px solid #ccc;
	border-top: 0px;
	width: 220px;
}

#bodySub .blxSpecs {
	margin: 0px 4px 10px 0px;
	border: 1px solid #ccc;
	width: 460px;
}

#bodySub .blxList {
	padding: 0px 0px 0px 0px;
}

#bodySub img.right {
	float: right;
	margin: 0px 5px 10px 15px;
	border: 1px solid #ccc;
}

#bodySub img.left {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #ccc;
}

#ptmain {
	position: absolute; 
	font: 11px Arial Black, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 5px 0px 5px 10px; 
}

.ptmain-bg {
	width: 690px;
	height: 20px;
	border-bottom: 1px solid #cdcfcf;
	background-image:url(/images/bg_pagetitle_main.gif);
}

#ptsub {
	position:absolute; 
	left: 0px; 
	top: 0px;
	font: 11px/16px Arial Black, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px; 
}

.ptsub-bg {
	width: 500px;
	height: 30px;
	border-left: 1px solid #cdcfcf;
	border-bottom: 1px solid #cdcfcf;
}

#ptsitemap {
	position: absolute; 
	font: 11px Arial Black, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 5px 0px 5px 10px; 
}

.ptsitemap-bg {
	width: 900px;
	height: 20px;
	border-bottom: 1px solid #cdcfcf;
	background-image:url(/images/bg_pagetitle_sitemap.gif);
}

/* Landing Map */

#landingPage {
	left: 15px;
	top: 50px;
	width: 900px; 
}

#landingPage .title {
	padding: 0px;
	margin: 30px 0px 0px 0px;
	font-size: 20px;
	color: #0593c5;
}

#landingPage .value {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	color: #0593c5;
}

/* Site Map */

#sitemap {
	position: relative; 
	left: 10px; 
	top: 0px;
	width: 900px; 
}

#sitemap .blx {
	float: left;
	margin: 0px 4px 0px 0px;
	border: 0px solid #ccc;
	border-bottom: 0px;
	width: 280px;
}

#sitemap-list {
  margin: 52px 0px 0px 0px;
}

#sitemap-list ul {
  width: 200px;
  font-size: 12px;
  line-height: 1;
  border-bottom: 1px solid #62b4e3;
}

#sitemap-list ul li {
  display: inline;
}

#sitemap-list ul li a {
  padding: 7px 10px;
  display: block;
  color: #000000;
  border-top: 1px solid #E5E5E5;
}

#sitemap-list ul li.tier ul {
  display: block;
}

#sitemap-list ul li.tier li.active ul {
  display: block;
}

#sitemap-list ul ul {
  margin: 0 0 0 0px;
  width: 200px;
  font-size: 10px;
  border-bottom: 0;
  display: none;
}

#sitemap-list ul ul li a {
  padding: 7px 20px;
  display: block;
  color: #0593c5;
  border-top: 1px solid #E5E5E5;
}

#sitemap-list ul li a:hover, #leftnav ul li.active li a:hover {
  background: #e4e4e3;
  text-decoration: none;
}

#sitemap-list ul li.active a, #leftnav ul li.active a:hover {
  background: #02487c;
  color: #FFFFFF; 
}

#sitemap-list ul ul li.tier a, #leftnav ul li.tier a:hover {
  background: #e4e4e3;
  color: #000000; 
}


/* Column Containers */

#mainbox {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    width: 900px;				/* width of whole page */
	margin: 0 auto;
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* Zone settings - Home */

.sitemain {
    background: #e5e5e5;   	/* Right column background colour */
	border-left: 1px solid #cdcfcf;
	border-right: 1px solid #cdcfcf;
}

.sitemain .zonemain {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#FFFFFF;    	/* Centre column background colour */
	border-right: 1px solid #cdcfcf;
}

.sitemain .zonewrap {
    float:left;
 	width:50%;
 	position:relative;
 	left:50%;
	padding-bottom: 40px;
}

.sitemain .bodycolumn {
	margin: 0px 0px 0px 200px;
}

.sitemain .rightcolumn {
    float:right;		
    width: 198px;       
    position:relative;
    left:199px;
}

/* Zone settings - Site Map */

.sitewide {
	border-left: 1px solid #cdcfcf;
	border-right: 1px solid #cdcfcf;
}

.sitewide .zonemain {
    float:left;
    width:200%;
    position:relative;
    right:100%;
    background:#FFFFFF;
}

.sitewide .zonewrap {
    float:left;
 	width:50%;
 	position:relative;
 	left:50%;
	padding-bottom: 40px;
}

.sitewide .sitemap {
	margin: 0px 0px 0px 0px;
}

/* Zone settings - Section */

.site {
    background: #e5e5e5;   	/* Right column background colour */
	border-left: 1px solid #cdcfcf;
	border-right: 1px solid #cdcfcf;
}

.site .zonemiddle {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#ffffff;    	/* Centre column background colour */
	border-right: 1px solid #cdcfcf;
	min-height: 500px;
}

.site .zoneleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
    background:#FFFFFF;    	/* Left column background colour */
}

.site .zonewrap {
    float:left;
 	width:50%;
 	position:relative;
 	right:200px;        	/* Width of left column */
 	padding-bottom:10px; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.site .bodycolumn {
    margin:0 200px;     	/* Centre column side padding:
                          	Left padding = left column width + centre column left padding width
                          	Right padding = right column width + centre column right padding width */
    padding:20px;
	position:relative;
   	left:200%;
   	overflow:hidden;
}

.site .leftcolumn {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:199px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0px;         	/* Width of the left-had side padding on the left column */
}

.site .rightcolumn {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:0px;  		/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}



/* LeftNav */

#leftnav {
  margin: 52px 0px 0px 0px;
}

#leftnav ul {
  width: 170px;
  font-size: 12px;
  line-height: 2;
  border-bottom: 1px solid #62b4e3;
}

#leftnav ul li {
  display: inline;
}

#leftnav ul li a {
  padding: 7px 10px;
  display: block;
  color: #000000;
  border-top: 1px solid #E5E5E5;
}

#leftnav ul li.tier ul {
  display: block;
}

#leftnav ul li.tier li.active ul {
  display: block;
}

#leftnav ul ul {
  margin: 0 0 0 0px;
  width: 170px;
  font-size: 10px;
  border-bottom: 0;
  display: none;
}

#leftnav ul ul li a {
  padding: 7px 20px;
  display: block;
  color: #0593c5;
  border-top: 1px solid #E5E5E5;
}

#leftnav ul li a:hover, #leftnav ul li.active li a:hover {
  background: #e4e4e3;
  text-decoration: none;
}

#leftnav ul li.active a, #leftnav ul li.active a:hover {
  background: #02487c;
  color: #FFFFFF; 
}

#leftnav ul ul li.tier a, #leftnav ul li.tier a:hover {
  background: #e4e4e3;
  color: #000000; 
}


/* Right Box */

#rightbox {
	width: 198px;
	height: 100%;
	position: absolute;
	margin-left: 700px;
	background-color: #e5e5e5;
	border-left: 1px solid #cdcfcf;
	border-right: 1px solid #bbbcbc;
}

.rightboxfeature {
	position: relative;
	float: left;
	width: 199px;
	height: 100px;
	background: #cecece;
	border-bottom: 1px solid #c6c7c7;
}

.rightboxfeature .img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.rightboxfeature ul {
	position: absolute;
	text-transform: uppercase;
	top: 70px;
	left: 84px;
	font-size: 0.8em;
}

.rightboxfeature li {
	display: inline;
}

.rightboxfeatureSub {
	position: relative;
	float: left;
	width: 199px;
	height: 100px;
	background: #e5e5e5;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #c6c7c7;
}

.rightboxfeatureLong {
	position: relative;
	float: left;
	width: 199px;
	background: #e5e5e5;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px solid #c6c7c7;
}

.blxPitch {
	padding: 8px 0px 0px 11px;
}

	
/* Footer styles */

.clearfooter {
	height: 250px;
	clear: both;
}

#footerbox {
	height: 250px;
	width: 100%;
	min-width: 900px;
	background: #013963;
	position: relative;
}

#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	position: relative;
}

.footerblock {
	width: 220px;
	padding-left: 10px;
	float: left;
	display: inline;
}

.footerblock p {
	margin-left: 7px;
	margin-right: 15px;
	margin-bottom: 30px;
	color: #fff;
	font-size: .9em;
}

.footerLeft {
	width: 210px;
	padding-left: 10px;
	display: inline;
}

.footerCenter {
	width: 210px;
	padding-left: 20px;
	display: inline;
}

.footerRight {
	width: 190px;
	padding-left: 30px;
	display: inline;
}

.footerblock h5.productlinks {
	padding-left: 0px;
}

.footerblock h5.sitelinks {
	padding-left: 0px;
}

.footerblock h5.presslinks {
	padding-left: 0px;
}

.footerblock h5.sitemap {
	padding-left: 0px;
}

.footerblock ul {
	list-style-type: none;
	float: left;
	line-height: 5px;
	margin-top: 5px;
}

.footerblock li a {
	color: #efdeaa;
	text-decoration: none;
	padding-left: 0px;
	padding-bottom: 15px;
	display: block;
	width: 170px;
}

.footerblock li a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.baseline {
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: 900px;
	position: relative;
}

.baseline span.reserved {
	float: left;
	display: inline;
	color: #a8d6ee;
	font: 12px;
	font-weight: normal;
	padding-left: 10px;
}


/* Links */

a:Link {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration: none;
	text-indent : 0;
}

a:Visited {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 

a:Active {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 
 
a:Hover  {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : underline;
	text-indent : 0;
}

a.body:Link {
	font-size : 12px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration: none;
	text-indent : 0;
}

a.body:Visited {
	font-size : 12px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 

a.body:Active {
	font-size : 12px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 
 
a.body:Hover  {
	font-size : 12px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : underline;
	text-indent : 0;
}

a.pbt-list:Link {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration: none;
	text-indent : 0;
}

a.pbt-list:Visited {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 

a.pbt-list:Active {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : none;
	text-indent : 0;
} 
 
a.pbt-list:Hover  {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	font-style : normal;
	color : #006BD7;
	text-decoration : underline;
	text-indent : 0;
}


/* Lists */

.specs-list ul { text-align: left; margin: 0px; padding: 0px 0px 5px 0px; }

.specs-list li { text-align: left; list-style: none; margin: 0px; padding: 0px 5px 5px 0px; }


.bullet-list ul { text-align: left; list-style: square; margin: 5px; padding: 5px 0px 5px 40px; }

.bullet-list li { text-align: left; list-style: square; padding: 0px 0px 5px 0px; }

.link-list { text-align: left; list-style: none; margin: 0px; padding: 0; }

.pbt-list { text-align: left; list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }

/* Odds and Ends */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

table       { margin-bottom: 22px; width:100%; font: 100% Arial, Helvetica, sans-serif; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td 		{ padding: 4px 5px 4px 0px; }
tr.even td  { padding: 4px 0px 0px 10px; background: #eee; text-indent: 0px }
tr.odd td  	{ padding: 4px 0px 0px 10px; background: #fff; text-indent: 0px }


img { border : 0; }

img.center {
	margin: 10px 0px 10px 0px;
	border: 0px solid #ccc;
}

.icon { text-indent: 0; background-position: left center; padding: 0px 0px 10px 20px; background-repeat: no-repeat; }

li.icon { background-position: left top; }

.pdf-file { background-image: url(/images/pdf.gif) }

.html-file { background-image: url(/images/html.gif) }

.contact-file { background-image: url(/images/contact.gif) }

.email-file { background-image: url(/images/email.gif) }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.blx_nms {
	background: url(/images/bg_blx_nms.jpg) 100% 100% no-repeat;
}

.blx_mpk2 {
	background: url(/images/bg_blx_nmpk2.jpg) 100% 100% no-repeat;
}

.blx_mpz {
	background: url(/images/bg_blx_nmpz.jpg) 100% 100% no-repeat;
}

.blx_press {
	background: url(/images/bg_blx_press.jpg) 100% 100% no-repeat;
}

.blx_blog {
	background: url(/images/bg_blx_blog.jpg) 100% 100% no-repeat;
}

.blx_twitter {
	background: url(/images/bg_blx_twitter.jpg) 100% 100% no-repeat;
}

div#blog_div { width:180px; }
ul#blog_update_list { text-align: left; list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
ul#blog_update_list { font-size:12px }
ul#blog_update_list li { padding-bottom:10px }
ul#blog_update_list a { color:#006BD7 }

div#twitter_div { width:180px; }
ul#twitter_update_list { text-align: left; list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
ul#twitter_update_list { font-size:12px }
ul#twitter_update_list li { padding-bottom:10px }
ul#twitter_update_list a { color:#006BD7 }

/* Google Blogspot RSS Feed */

#feed-control {
 color:#000000;font-size:11px;margin:0px;padding:0px;
 }

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
}

.gfg-title {
  font-size: 14px;
  font-weight : bold;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 0px;
  padding-right : 0px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  padding-left : 0px;
  padding-right : 0px;
}


.clearFloat {
  clear : both;
}

