html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video                {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
body                                    {line-height:1;font-size:0.625em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol                                   {list-style-type:none;}
blockquote, q                           {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a,a:hover                               {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
a:visited                               {}
input, select                           {vertical-align:middle;}
a:focus                                 {}
a img                                   {border:0px;}
.wai                                    {display:block;width:0px;height:0px;text-indent:-5000px;overflow:hidden;padding:0px !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.fl                                     {float:left;}
.fr                                     {float:right;}


/*  site's CSS */
html                                    {background:#000;}

.skip2                                  {position:absolute;top:0px;left:10px;font-size:120%;}
.skip2 a                                {color:#323232;}
.skip2 a:hover,.skip2 a:active,.skip2 a:focus{color:#fff;}

body                                    {font-family:arial,trebuchet ms,verdana, sans-serif;background-image:-moz-linear-gradient(top, #333, #000);background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');}
#page                                   {margin: 0 auto 0 auto;width:970px;overflow:hidden;position:relative;}
/*  the header  */

#header                                 {height:140px;width:100%;}

#logo                                   {margin-top:25px;width:199px;height:88px;background: url("../img/Rborn-logo-glow.png") no-repeat top left;float:left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:199px;height:88px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;margin-top:25px;float:right;width:auto;}
ul#mainnav li                           {display:inline;margin-left:5px;float:left;background-repeat:no-repeat;background-position:center top;}
ul#mainnav li a                         {display:block;float:left; color:#ccc;padding:0 10px;font-size:135%;font-family:Futura Std Light, arial;width:60px;text-align:center;letter-spacing:0.5px;}
ul#mainnav li a span                    {overflow:hidden;display:block;height:26px;background-repeat:no-repeat;background-position:center top;opacity:0.01;filter: alpha(opacity = 0.3);-webkit-transition:opacity 1s ease;-mo-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease; color:#fff;width:60px;}
ul#mainnav li a:hover,ul#mainnav li a.clicked{color:#fff;}

ul#mainnav li a.clicked span,ul#mainnav li a:hover span{opacity:1;filter: alpha(opacity = 100);}
ul#mainnav li a:focus span              {outline:1;opacity:1;filter: alpha(opacity = 100);}

li.home,li.home a span                  {background-image:url("../img/home-link.png");_background-image:none;}
li.products,li.products a span          {background-image:url("../img/products-link.png");_background-image:none;}
li.services,li.services a span          {background-image:url("../img/services-link.png");_background-image:none;}
li.news,li.news a  span                 {background-image:url("../img/news-link.png");_background-image:none;}
li.contact,li.contact a span            {background-image:url("../img/contact-link.png");_background-image:none;}
li.portfolio,li.portfolio a span        {background-image:url("../img/portfolio-link.png");_background-image:none;}

li.home a:hover span,li.home a.clicked span {background-image:url("../img/home-hover.png");_background-image:none;}
li.products a:hover span,li.products a.clicked span {background-image:url("../img/products-hover.png");_background-image:none;}
li.services a:hover span,li.services a.clicked span {background-image:url("../img/services-hover.png");_background-image:none;}
li.news a:hover  span,li.news a.clicked span    {background-image:url("../img/news-hover.png");_background-image:none;}
li.contact a:hover span,li.contact a.clicked span   {background-image:url("../img/contact-hover.png");_background-image:none;}
li.portfolio a:hover span,li.portfolio a.clicked span   {background-image:url("../img/portfolio-hover.png");_background-image:none;}
li a span,li a:hover span,li a:focus span,li a.clicked span   {_background-image:none;}


/* main content area  */
#stage                                  {float:left;width:770px;height:430px;position:relative; overflow:hidden; }
.stage-info                             {bottom:0px;left:0px;width:750px;background:#000;opacity:0.90;filter: alpha(opacity = 90);padding:0 10px;height:auto;position:absolute;}
.stage-info p                           {float:left;width:580px;display:block;}
.stage-info span                        {float:right;width:170px;display:block;text-align:right;padding-top:20px;}
.stage-info span a                      {display:block;padding-bottom:20px;}

#content a:focus                        {background-color:#fffebb;color:#000;}

#breadcrumb                             {float:left;width:12px;padding:185px 0px 0 8px;}
#breadcrumb li                          {}
#breadcrumb li a                        {text-indent:-5000px;overflow:hidden;background: url("../img/bullet.png") no-repeat top left;width:12px;display:block;padding:5px 0;height:10px;opacity:0.4;filter: alpha(opacity = 40);}
#breadcrumb li a:hover,#breadcrumb li a:focus{opacity:0.8;filter: alpha(opacity = 80);background-color:transparent !important;color:#fff !important;}
#breadcrumb li.selected a               {opacity:1 !important;filter: alpha(opacity = 100) !important;}

#portfolio                              {float:right;width:170px;margin-top:20px;}
#portfolio li                           {margin:8px 0 12px 0; display:block;height:70px;width:170px;overflow:hidden;}
#portfolio li a img                     {opacity:0.4;filter: alpha(opacity = 40);width:170px;height:70px;}
#portfolio li.selected a img,#portfolio li a:hover img,#portfolio li a:focus img,#portfolio li a:focus{opacity:1 !important;filter: alpha(opacity = 100) !important;background-color:transparent !important;}

.half-col                               {width:50%;}
#content p#message                      {}


#content                                {overflow:hidden;height:auto;padding:10px 0px;color:#fff;font-size:130%;line-height:140%;min-height:300px;}
#content p                              {padding:10px 0;}

#content h1                             {font-size:160%;line-height:130%;font-weight:normal;padding:15px 0 0 0;}
#content h2                             {font-size:145%;padding:5px 0;}
#content h3                             {font-size:130%;padding:5px 0;}

#content a                              {color:#ddd;text-decoration:underline;}
#content a:hover                        {color:#aaa;text-decoration:none;}

#content ul.content-list                {margin:0 0 0 30px;list-style-type:circle;}
#content ul.content-list li             {padding:3px 0;}


article                                 {margin-top:30px;border-top:1px solid #333;padding:10px 0 5px 0;width:100%;float:left;}
article h2                              {}
.index-headings                         {width:200px;float:left;clear:left;display:block;text-transform:uppercase;}
article div                             {float:right;width:730px;}
article heading                         {float:left;width:200px;}
#content article h3                     {padding-top:20px;}
#content article.fr h1                  {text-align:right;}

aside                                   {width:50%;float:left;}
aside h3                                {padding-bottom:20px !important;}
#content.sorry                          {background:url("../img/smiley.png") no-repeat top right;padding:20px 300px 0px 0px}


/*footer style */
#footer                                 {width:990px;margin:0px auto 0 auto;padding:10px 0 20px 0;border-top:1px solid #333;}


/* CSS used for styling the CONTACT form */
form#contactform                        {width:400px;border-top:1px solid #333;padding:30px 0 5px 0;clear:both;}

form#contactform label                  {display:block;float:left;clear:left;width:100px;}
form#contactform input                  {background:#eee;margin-bottom:7px;border:1px solid #fff;width:280px;float:left;height:18px;padding:2px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));}
form#contactform textarea               {background:#eee;height:80px;border:1px solid #fff;width:280px;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px;background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));}
form#contactform input#send             {background:#cc0000;float:left; border:0; margin-top:10px;cursor:pointer;width:80px;height:22px;color:#fff;margin-left:100px;display:inline;background-image: -moz-linear-gradient(100% 100% 90deg, #ff0000, #990000);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0000), to(#990000));font-size:100%;}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
.error                                  {color:#ff0000 !important;font-weight:bold;}
form#contactform span                   {color:#ddd;font-size:85%;font-style:italic;display:block;clear:both;}
#message a                              {padding:0 0px 0 10px;}
span.error                              {padding-right:10px;}


ul#wide_show							{height:400px;overflow:hidden;}
ul#wide_show li							{height:430px;overflow:hidden;width:770px;}
ul#wide_show li	img						{height:400px;width:770px;}




