/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }
body { background: url(../images/bkg-tile.gif); padding-bottom: 20px; }
* { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #333333; }
.clearer { clear: both; height: 0px; }


/* framework */

#frame { width: 760px; margin: 0px auto 20px auto; background: #FFFFFF; }
#frame-top { height: 95px; background: url(../images/rj-logo.gif) no-repeat; padding: 50px 30px 0px 0px; }
#frame-top h1 { text-indent: -9999px; margin: 0px; }
#frame-top p { font-size: 16px; float: right; }
#frame-top a { text-decoration: none; color: #999999; }
#frame-top a:hover { text-decoration: underline; color: #CC0000; }

#frame-main-image { height: 150px; background: url(../images/index-main.jpg) no-repeat; }
#frame-main-image h1 { text-indent: -9999px; }

#frame-nav { width: 140px; float: left; padding: 10px 30px 20px 30px; }
#frame-nav ul { padding: 20px 0px; }
#frame-nav li { list-style: none; padding-bottom: 10px; color: #CC0000; font-weight: bold; text-align: right; }
#frame-nav a { color: #999999; text-decoration: none; }
#frame-nav a:hover { color: #CC0000; text-decoration: underline; }
#frame-nav p { text-align: right; padding-bottom: 5px; }

#frame-main { width: 530px; float: left; padding: 0px 30px 20px 0px; }
#frame-main h1 { padding-top: 25px; }
#frame-main ul { padding-left: 16px; }
#frame-main li { font-size: 75%; padding-bottom: 10px; }

#case-links { padding-top: 10px; }
#case-links p { padding-bottom: 10px; }
#case-links a { color: #666666; text-decoration: underline;  }

.index-banner p {  color: #CC0000; width: 320px; float: left; font-size: 90%; }
.index-banner img {  float: right; }
.index-banner {  border: 1px solid #999999; padding: 15px; }

.index-banner2 p {  color: #CC0000; width: 300px; float: left; font-size: 90%; }
.index-banner2 img {  float: right; }
.index-banner2 {  border: 1px solid #999999; padding: 15px; width: 500px; float: right; margin-right: 30px; height: 50px; }

#frame-left { float: left; width: 280px; padding: 25px 0px 10px 0px; }
#frame-left p { padding: 0px 20px 10px 0px; }

#frame-right { float: left; width: 250px; padding: 30px 0px 40px 0px; }
#frame-galley { background: #ECECE4; padding: 10px 0px 0px 10px; }
#frame-galley h1 { color: #333333; font-size: 110%; padding-bottom: 8px; margin: 0px; }
#frame-galley img { margin: 0px 10px 10px 0px; border: 1px #999999 solid; }

#frame-base { height: 26px; background: #333333; padding: 5px 20px 0px 20px; }
#frame-base p { color: #CCCCCC; }
#frame-base a { color: #CCCCCC; text-decoration: none; }
#frame-base a:hover { color: #CCCCCC; text-decoration: underline; }

#frame-products { width: 500px; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; }
#frame-products h1 { font-size: 90%; float: right; width: 200px; color: #333333; margin: 0px; }
#frame-products p { float: right; width: 180px; padding: 0px 20px 10px 0px; }
#frame-products img { float: left; }

#product-main { border-top: 1px solid #CCCCCC; padding-top: 20px; }
#product-main p { font-size: 90%; padding: 10px 10px 0px 10px; }

.case li { list-style: none; }


/* text */
p { font-size: 75%; line-height: 140%; padding-bottom: 10px; }
li { font-size: 90%; padding-bottom: 10px; }
h1 { font-size: 180%; color: #CC0000; margin-bottom: 18px; }
h2 { font-size: 140%; color: #333333; font-weight: lighter; margin: 20px 0px 20px 0px; }
h3 { font-size: 110%; color: #333333; margin: 20px 0px 5px 0px; }

.quote { color: #CC0000; font-style: italic; font-size: 130%; line-height: 160%; }

a { color: #CC0000; text-decoration: underline; }
a:hover { color: #3F6965; text-decoration: underline; }
.redtext { color: #CC0000; }



/* images */
.index-main { background: url(../images/main-home.jpg) no-repeat; height: 290px; }