/*-------------------------------------
			   RESET
-------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

ul { list-style: none;}

/*-------------------------------------
			LAYOUT
-------------------------------------*/

body 
    {
	    background: url(images/layout/body-bg.jpg) repeat-x top center;
	    color: #111111;
	    font-family: Verdana;
	    font-size: 14px; 
    }
    
#sub 
    {
        background: url(images/layout/supp-body-bg.jpg) repeat-x top center;
        border: 0;
        margin: 0;
        padding: 0;
    }
	
#container 
    {	    
	    background: url(images/layout/content-bg.jpg) top repeat-x;
	    padding-top: 16px;
	    width: 100%;
    }

#header 
    {
        background: url(images/layout/whiteboard-online.jpg) top right no-repeat;
        height: 503px;
        margin: 0 auto;
        width: 960px;
    }
    
#sub-intro 
    {
        background: url(images/layout/logo.jpg) top left no-repeat;
        clear: both;
        height: 175px;
        margin: 0 auto;
        padding-top: 15px;
        width: 960px;
    }
    
#intro
    {
        background: url(images/layout/logo.jpg) top center no-repeat;
        display: inline;
        float: left;
        width: 306px;
    }

#content 
    {	    
	    margin: 0 auto;
	    width: 960px;
    }
    
#main 
    {
        display: inline;
        float: left;
        width: 620px;
    }
    
#sub #main 
    {
        padding-top: 20px;
    }
    
#supplemental
    {        
        background: #747474;
        border: #1px solid #471102;
        -moz-opacity: 0.5;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; 
        color: #fff;
        display:inline;
        float: left;
        font-size: 16px;
        margin: 20px 30px 20px 0;
        padding: 10px;
        width: 285px;                
    }

/*-------------------------------------
		STANDARD SELECTORS
-------------------------------------*/

h1 
    {
        background: #717171;
        border: #1px solid #471102;
        -moz-opacity: 50%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        clear: left;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 8px 0;
        padding: 10px;	
    }    
    
h2 
    {
        background: #0d4b67;
        border: #1px solid #471102;
        -moz-opacity: 50%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #fff;
        font-size: 16px;
        padding: 10px;
    }
    
#sub-intro h1, #sub-intro h2 
    {
        clear: none;
        display: inline;
        float: left;
        margin: 0 0 0 20px;
    }
    
#sub-intro h2
    {
        margin-top: 20px;
        width: 600px;
    }
    
h3  
    {
        color: #3f2302;
        font-size: 16px;
        margin-bottom: 8px;
    }
    
a
    {
        color: #d25d00;
        font-weight: bold;
    }
    
a:hover
    {
        color: #9e4601;
	}

a:focus 
    {
	    outline: 0;
    }
    
p
    {
        line-height: 21px;
        margin-bottom: 16px;
    }
    
dl 
    {

    }


dt
    {
        font-weight: bold;
        margin: 16px 0 0 8px;
    }
    
dd  {
        margin: 4px 0 0 16px;
    }


/*-------------------------------------
			PRIMARY CONTENT
-------------------------------------*/


/*-------------------------------------
			SECONDARY CONTENT
-------------------------------------*/


/*-------------------------------------
			FOOTER
-------------------------------------*/

#footer 
   {
      
   }


/*-------------------------------------
			  MAIN NAV
-------------------------------------*/

#nav
    {	    
		background: #fff;
	    border: 8px solid #fff;
	    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	    margin: 0 10px;
	    padding: 0;
		-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
		   -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
    }

#nav a 
    {
	 
	    background: red url(../images/layout/fuel-logo.png) 732px 0 no-repeat;
	    color: #fff;
	    height: 148px;
	    text-decoration: none;
	    width: 821px;
	    display: block;
		position: relative;
		-webkit-transition: background-color 0.25s linear;
		border-top: none;
		border-top: rgba(255,255,255,0.3) 1px solid;
		border-bottom: none;
		border-bottom: rgba(0,0,0,0.3) 1px solid;
		border-right: none;
		border-right: rgba(0,0,0,0.3) 1px solid;
		text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
    }

#nav a .avatar
	{
		display: block;
		width: 150px;
		height: 150px;
		position: absolute;
		left: 0;
		top: -1px;
		background: url(../images/layout/fuel-logo.png) -219px 0 no-repeat;
	}
	
#nav a .avatar strong 
	{
		display: block;
		width: 100px;
		height: 150px;
		background: url(../images/layout/photos.jpg) 0 0 no-repeat;
		position: absolute;
		left: 50px;
		top: 0;
	}

#nav ul 
    {
		        list-style: none;
    }

#nav li 
    {
	    margin: 0;
    }


/*-------------------------------------
		   OTHER SELECTORS
-------------------------------------*/

.completed
    {
        color: #6aa0b8;
    }

.content-img 
    {
        border: 3px solid #3f2302;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: inline;
        float: left;
        margin: 0 20px 20px 0;
    }
    
.title
    {
        margin-bottom: 20px;
    }
    
.description
    {
        clear: both;
        float: left;
        margin: 20px 0 0 0;
        width: 100%;
    }
    
.details-link 
    {
        background: url(../images/layout/details-link.jpg) repeat-x;
        float: right;
        line-height: 21px;
        text-align: center;
        width: 120px;
    }
	
.details-link a 
    {
        background: #fff;
        line-height: 21px;
        float: left;
        margin-left: 18px;
        padding: 0 5px;
        text-decoration: none;
    }
    
#content h2
    {
        background: none;
        color: #111111;
        font-size: 18px;
        margin-top: 15px;
        padding: 0;
    }
    
#supplemental a 
    {
        border-bottom: 1px dashed #ffdf0a;
        color: #ffdf0a;
        line-height: 18px;
        text-decoration: none;
        padding: 3px 0;
    }
    
#supplemental a:hover 
    {
        color: #ffed71;
    }
    
#supplemental h3
    {
        background: #4a4a4a;
        border: #1px solid #397793;
        -moz-opacity: 50%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #fff;
        padding: 8px;
    }
    
#supplemental p
    {
        margin: 14px;
    }
    
.register-link 
    {
        margin: 35px 0 0 60px;
    }
    
.win-lcd 
    {
        margin-left: 120px;
    }
    
.back
    {
        clear: both;
        float: left;
        margin: 20px 0 20px 420px;
        text-align: right;
    }
    
.logo-link 
    {
        display: inline;
        float: left;
        height: 160px;
        margin: 20px 0 5px 30px;
        text-indent: -9999em;
        width: 240px;
    }

.online-link 
    {
        display: inline;
        float: left;
        height: 220px;
        margin: 35px 0 0 410px;
        text-indent: -9999em;
        width: 215px;
    }

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

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */