@import 'pages.css';
@import '../js/fancybox/jquery.fancybox-1.3.4.css';

body {
   color:#888888;
   font: 62.5%  Arial, Verdana, Times ;
   background: #cacaca url(../images/ui/bg.jpg) no-repeat center top;}




/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}

img { border: none; }
ul#acc-links{display:none;}


/* Clear Floats
--------------------------------------------------------------------------*/
.clear{
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix,ul#list-news li,ul.list-drivers li{display:inline-block;}
.clearfix,ul#list-news li,ul.list-drivers li{display: block;}

.clearfix:after,
ul#list-news li:after,
ul.list-drivers li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { color:#7F7F7F;font:11px Arial, Helvetica, sans-serif;outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}


/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#003368;
 text-decoration:none;}

a:hover{color:#003368;}


/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
 width:968px;
 margin:30px auto 30px auto;
 background:url('../images/ui/bg_content.png') repeat-y top left}

#container-wrapper{
  background:url('../images/ui/bg_content_top.png') no-repeat top left;}

#container-wrapper2{
  background:url('../images/ui/bg_content_bottom.png') no-repeat left bottom;
  padding: 30px 0 60px 0;
  position:relative;}

h1#logo{
  position:absolute;
  top:65px;
  left:15px;}

h1#logo a{
  display:block;
  text-indent:-999px;
  overflow:hidden; 
  width:211px;
  height:82px;
  background:url('../images/ui/logo.png') no-repeat top left;}

img#logo-bottom{
  position:absolute;
  bottom:55px;
  left:10px;}
 
.right{float:right !important;}

p.body-text {
 font-size:14px;
 line-height:18px; 
 padding: 0 0 20px 0;}
 
 span.body-text {
 font-size:14px;
 line-height:18px; 
 padding: 0 0 20px 0;}
 
/*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
.title{
  text-indent:-9999px;
  overflow:hidden;}

#main-content h2.title{
  padding: 0 0 20px 0; 
  height:31px;
  border-bottom:4px solid #d8d9d7;
  margin: 0 0 20px 0;}

/*------------------ Main Content ------------*/
#home #main-content{padding-top:0 !important;}

#main-content{
  width:640px;
  padding: 5px  30px 0 30px;
  min-height:700px;
  height:700px;
  height:auto !important;
  float:right}

#main-content h2{
  font-family:'Viga',Arial;
  color:#003368;
  font-weight:normal;
  text-transform:uppercase;}

#main-content h2 a{
  color:#003368 !important;}

#main-content p{
  font-size:14px;
  padding: 0 0 20px 0;
  line-height:18px;}

/* -----------------Sidebar---------------- */
#sidebar{
  width:200px;
  padding:160px 15px 100px 15px;
  float:left;}

ul#main-nav{
  border-top:1px solid #40668e;
  margin: 0 0 20px 0;}

ul#main-nav li{
  border-bottom:1px solid #40668e;
  padding:9px 0 3px 0;}

ul#main-nav a{
  display:block;
  text-indent:-999px;
  overflow:hidden;
  width:200px;
  outline:none;
  background:url('../images/ui/nav.png') no-repeat top left;
  height:15px;
  margin: 0 0 5px 0}

ul#main-nav li.nav2 a{background-position: 0 -15px !important;}
ul#main-nav li.nav3 a{background-position: 0 -30px !important;}
ul#main-nav li.nav4 a{background-position: 0 -45px !important;}
ul#main-nav li.nav5 a{background-position: 0 -60px !important;}
ul#main-nav li.nav6 a{background-position: 0 -75px !important;}
ul#main-nav li.nav7 a{background-position: 0 -90px !important;}
ul#main-nav li.nav8 a{background-position: 0 -105px !important;}

ul#main-nav li ul{background:#26517f;padding:5px 0 !important;}

ul#main-nav li ul a{
  background-image: url('../images/ui/subnav.png') !important;
  height:10px; }

ul#main-nav li ul li{border:none !important;padding:3px 0 0px 0 !important;}

ul#main-nav li ul li.sub-drivers a{background-position: 0 0 !important;}
ul#main-nav li ul li.sub-team a{background-position: 0 -10px !important;}
ul#main-nav li ul li.sub-carspecs a{background-position: 0 -20px !important;}
ul#main-nav li ul li.sub-photos a{background-position: 0 -30px !important;}
ul#main-nav li ul li.sub-video a{background-position: 0 -40px !important;}

ul#list-social li{
  float:right;
  padding: 0 0 0 12px;}

ul#list-social a{
  float:left;
  display:block;
  width:30px;
  height:30px;
  text-indent:-999px;
  overflow:hidden;
  background:url('../images/ui/icon_social.png') no-repeat top left;}

ul#list-social a.twitter{background-position: 0 -30px !important;}

/*-------------------------------------------------------------------------
                       FOOTER
*-------------------------------------------------------------------------*/
#footer{
  width:928px;
  color:#FFF;
  position:relative;
  padding: 20px 20px 80px 20px;
  margin:0 auto;}

#footer a.rs{
  position:absolute;
  top:20px;
  left:450px; 
  display:block;
  width:51px;
  height:51px;
  background:url('../images/ui/logo_rs.png') no-repeat top left;
  text-indent:-999px;
  overflow:hidden}

#footer a{color:#FFF !important;}
#footer a:hover{text-decoration:underline;}

#footer p{
  font-size:9px;
  font-weight:bold;
  float:left;
  width:300px;}

#footer p.right{text-align:right;}