/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;}
a:hover                                 {text-decoration: underline;}
a:focus                                 {outline: 0;}
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 */
body                                    {font-family:arial,trebuchet ms,verdana, sans-serif;font-size:0.625em;text-align:left;background:url("../img/body-bg.jpg") repeat-x top left #000;}
#page                                   {margin: 0 auto 0 auto;width:990px;overflow:hidden;}
/*  the header  */

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

#logo                                   {margin-top:5px;width:234px;height:96px;background: url("../img/rborn-logo-gradient.png") no-repeat top left;float:left;}
#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:234px;height:96px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;margin-top:25px;float:right;width:auto;}
ul#mainnav li                           {display:inline;margin-left:35px;float:left;}
ul#mainnav li a                         {overflow:hidden;display:block;background-repeat:no-repeat;height:41px;float:left;text-indent:-5000px;}
ul#mainnav li a.clicked                 {background-position:bottom left !important;}


li.home									{background:url("../img/home.png") top left;}
li.home a                               {width:29px;background:url("../img/home.png") bottom left;}
* html li.home a                        {background:url("../img/home.png") top left;}
* html li.home a:hover                  {background:url("../img/home.png") bottom left;}

li.products                             {width:46px;background:url("../img/products.png") top left;}
li.products a                           {width:46px;background:url("../img/products.png") bottom left;}
* html li.products a                    {background:url("../img/products.png") top left;}
* html li.products a:hover              {background:url("../img/products.png") bottom left;}

li.services                             {width:43px;background:url("../img/services.png") top left;}
li.services a                           {width:43px;background:url("../img/services.png") bottom left;}
* html li.services a                    {background:url("../img/services.png") top left;}
* html li.services a:hover              {background:url("../img/services.png") bottom left;}

li.news                                 {width:27px;background:url("../img/news.png") top left;}
li.news a                               {width:27px;background:url("../img/news.png") bottom left;}
* html li.news a                        {background:url("../img/news.png") top left;}
* html li.news a:hover                  {background:url("../img/news.png") bottom left;}

li.contact                              {width:49px;background:url("../img/contact.png") top left;}
li.contact a                            {width:49px;background:url("../img/contact.png") bottom left;}
* html li.contact a                     {background:url("../img/contact.png") top left;}
* html li.contact a:hover               {background:url("../img/contact.png") bottom left;}

li.portfolio                              {width:45px;background:url("../img/portfolio.png") top left;}
li.portfolio a                            {width:45px;background:url("../img/portfolio.png") bottom left;}
* html li.portfolio a                     {background:url("../img/portfolio.png") top left;}
* html li.portfolio a:hover               {background:url("../img/portfolio.png") bottom left;}

/* main content area  */
#stage                                  {float:left;width:770px;height:430px;position:relative; overflow:hidden; }
/*.stage-info                             {position:absolute;bottom:0px;left:0px;width:730px;background:#000;opacity:0.85;filter: alpha(opacity = 85);padding:0 20px;}*/
.stage-info                             {bottom:0px;left:0px;width:750px;background:#000;opacity:0.80;filter: alpha(opacity = 80);padding:0 10px;height:70px;margin-top:-70px;display:block;position:relative;}
.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;}


#breadcrumb                             {float:left;width:12px;padding:185px 10px 0 20px;}
#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                  {opacity:0.7;filter: alpha(opacity = 70);}
#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                           {margin:8px 0 0 0;}*/

#portfolio li a img                     {opacity:0.4;filter: alpha(opacity = 40);width:170px;height:70px;}
/*#portfolio li a:hover img               {opacity:1;filter: alpha(opacity = 100);}*/
#portfolio li.selected a img            {opacity:1 !important;filter: alpha(opacity = 100) !important;}

.half-col                               {width:50%;}
.half-col.fr h3                         {text-align:right;border-bottom:3px solid #333;}
.half-col.fl                            {width:46%;color:#ccc;}

#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 h2                             {font-size:160%;line-height:130%;font-weight:normal;padding:15px 0;}
#content h3                             {font-size:135%;padding:5px 0;}
#content h4                             {font-size:100%;}

h3.bottom-padded                        {padding-bottom:20px !important;}

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

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

a.more-info                             {text-align:right;font-style:italic;float:right;}

.main                                   {margin-top:30px;float:left;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;width:100%;}

.main h2                                {text-transform:uppercase;width:200px;float:left;clear:left;}
.main div                               {float:right;width:770px;}
.main br                                {clear:both;margin:30px;display:block;}
.main div p                             {padding:5px 0 !important;}

.padded                                 {padding-top:30px !important;}
.main hr                                {border:0px;border-top:1px solid #333;margin:20px 0;float:left;clear:both;width:100%;}


/* products page */
.products-list                          {margin-top:20px;}
.products-list dt                       {float:left;width:270px;clear:left;}
.products-list dd                       {float:left;width:720px;padding:10px 0;border-bottom:1px solid #666;}



/*footer style */
#footer                                 {width:945px;margin:0px auto 0 auto;color:#eee;font-size:100%;padding:10px 0 20px 0;overflow:hidden;}
#footer ul                              {float:right;}
#footer ul li                           {display:inline;margin-left:5px;padding-right:5px;}

#footer a                               {color:#aaa;text-decoration:none;}
#footer a:hover                         {color:#fff; }
#footer ul li a.clicked                 {color:#fff !important;}

/* CSS used for styling the CONTACT form */

form#contactform                        {float:left;width:400px;}

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:#333;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, #333, #777);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#333));}
.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;}



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