/*beikoff*/

@charset "utf-8";
/* CSS Document */

@import 'blueprint/screen.css';

/* Pure CSS Clear Float technique from: http://www.positioniseverything.net/easyclearing.html - awesome work! */

.clearfix:before {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* End CSS Clear Floats */ border-top:1px dashed #cecece;border-top:1px dashed #cecece;

html, body
{
margin:0;
padding:0;
border:0;
_height:100%;
min-height:100%;



}

body 
{
behavior:url(http://shanebeikoffracing.com.au/fujitsuracing/resources/styles/csshover.htc);
background-color:#000;
background-image:url(../images/ui/bg.png);

}

h1
{
background-image:url(../images/ui/h1.png);
background-repeat:no-repeat;
background-position:top left;
/*width:px; 704-61*/
height:38px;
z-index:3;
padding:0px;
padding-left:61px;
padding-top:38px;
margin:0px;
color:#ff3300;
}

h2#news-title
{
background-image:url(../images/ui/news-icon.png);
background-repeat:no-repeat;
background-position:top left;
width:220px;
height:53px;
z-index:3;
padding:0px;
padding-left:58px;
padding-top:28px;
margin:0px;
position:relative;
float:left;
top:10px;
left:20px;
background-color:transparent;
color:#ff3300;
}

h2#events
{
background-image:url(../images/ui/events-icon.png);
background-repeat:no-repeat;
background-position:0 0;
height:45px;
left:10px;
width:300px;
z-index:3;
padding:0px;
padding-left:68px;
padding-top:48px;
margin:0px;
background-color:transparent;
color:#ff3300;
clear:both;
}

h2.profile
{
padding-left:0px;
padding-top:0px;
background-color:transparent;
color:#36c;
clear:both;
}

#container
{
overflow:hidden;
_overflow:visible;
background-image:url(../images/ui/border.png);
background-position:top left;
background-repeat:repeat-y;
width:965px;
min-height:80%;
_height:80%;
position:relative;
left:50%;
margin-left:-483px;
margin-bottom:50px;
z-index:11;
margin-top:25px;
padding-top:50px;
top:172px;
background-color:#fff;
padding-bottom:150px;
}

#branding
{
margin:0;
background-image:url(../images/ui/header-bg.png);
background-position:top left;
background-repeat:no-repeat;
z-index:99;
position:absolute;
overflow:visible;
width:965px;
height:152px;
left:50%;
margin-left:-482px;
top:10px;
display:block;
clear:both;
/*margin-top:0px;*/
}

#branding a
{
position:absolute;
left:46px;
top:40px;
z-index:999;
}

#content
{
width:680px;
float:right;
background-color:transparent;
padding:0px;
margin:0;
z-index:1;
font-size:small;
overflow:visible;
position:relative;
left:-30px;
top:10px;
}
/*
#content p
{
padding-left:10px;
padding-right:10px;
}
*/
#news
{
width:220px;
float:left;
padding:0;
top:0;
z-index:999;
font-size:small;
overflow:visible;
margin:0;
vertical-align:top;
margin-left:20px;
}

#news li
{
list-style:none;
background-image:url(../images/ui/seperator.png);
background-repeat:no-repeat;
background-position:bottom left;
width:100%;
padding-bottom:15px;
margin-bottom:10px;
}

#news li .articlemore,#news .bottomarticles
{
list-style:none;
background-image:url(../images/ui/bullet.png);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:30px;
}

#news li h3,#news li p
{
padding-left:0px;
margin-left:0px;
padding-bottom:0px;
margin-bottom:0px;
width:100%;
text-align:justify;
}

#nav-main
{
background-image:url(../images/ui/menu-bg.png);
background-repeat:no-repeat;
background-position:top left;
width:965px;
height:5em;
line-height:10px;
margin:0px;
padding-top:10px;
position:absolute;
left:50%;
margin-left:-483px;
top:162px;
z-index:14;
display:block;
list-style:none;
font-weight:bold;
overflow:visible;
background-color:transparent;
}

#nav-main li
{
list-style:none;
float:left;
height:35px;
overflow:visible;
_width:5%;
vertical-align:top;
}

#nav-main a
{
text-decoration:none;
color:#fff;
display:block;
float:left;
width:100%;
height:100%;
padding-left:50px;
padding-right:50px;
}

#nav-main a, #nav-main li a span
{
position:relative;
display:block;
height:100%;
line-height:100%;
float:left;
}

#nav-main ul a
{
margin-left:-6px;
padding-right:15px;
}

#nav-main li:hover a
{
color:#eee;
z-index:99;
}

#nav-main li.hasChild:hover
{
background-image:url(../images/ui/menu-hover.png);
background-position:59px 25px;
background-repeat:no-repeat;
color:#eee;
overflow:visible;
z-index:99;
}

#nav-main li.hasChild:hover li a 
{
color:#000;
z-index:2;
background-color:transparent;
}

#nav-main li.hasChild ul li:hover a
{
color:#333;
background-color:transparent;
}

#nav-main li:hover ul
{
display:block;
clear:both;
background-color:transparent;
}

#nav-main li ul
{
position:absolute;
display:none;
width:561px;
height:100%;
margin:0;
padding:0;
overflow:visible;
top:100%;
z-index:0;
background-color:#0f0;
}

#nav-main li li
{
float:left;
display:block;
width:10%;
margin:0;
padding:0;
padding-left:10px;
padding-right:10px;
}

#nav-main li li:hover
{
background-image:none;
}

#nav-main li li a
{
padding-left:15px;
padding-right:15px;
}

#siteinfo
{
background-image:url(../images/ui/footer-bg.png);
background-repeat:no-repeat;
background-position:top right;
clear:both;
height:55px;/*195-padding*/
width:965px;
padding-top:175px;
left:50%;
margin-left:-483px;
z-index:12;
padding-bottom:60px;
}

#siteinfo-copyright
{
float:left;
width:280px;
padding-left:20px;
color:#000;
}

#validators
{
width:380px;
text-align:right;
}

#validators a img
{
padding-left:5px;padding-top:5px;
}

#production
{
width:100%;
height:55px;
background-color:#fff;
height:25px;
/*margin-bottom:-20px;*/
position:fixed;
_position:absolute;
bottom:0px;
border-top:1px solid #888;
z-index:9999;
}

#production a,#production img
{
margin:0px;
padding:0px;
}

#website-by
{
width:45%;
float:left;
/*padding:5px;
padding-top:5px;*/
}
/*
#website-by a img
{
margin-bottom:-4px;
}
*/
#engine
{
width:45%;
float:right;
text-align:right;
/*padding:5px;
padding-top:2px;
padding-bottom:0px;*/
}
/*
#engine a img
{
margin-bottom:-4px;
}



*/