body
{
background-image:url('/img/gearsBG.png');
background-repeat:no-repeat;
background-size: 100%;
background-color:#F8F8F8;
}

    nav {  
        display: block;  
        margin-bottom: 20px;  
    }  
    nav ul {  
        list-style: none;  
        font-size: 16px;  
    }  
    nav ul li {  
        display: inline;  
    }  
    nav ul li a {  
        display: block;  
        float: left;  
        padding: 0px 10px;  
        color: white;  
        text-decoration: none;  
        font-weight: bold;
		font-family: arial;
    }  
	nav ul li a:active {  
        display: block;  
        float: left;  
        padding: 0px 10px;  
        color: white;  
        text-decoration: none;  
        font-weight: bold;
		font-family: arial;
    }  

    nav ul li a:hover {  
        background: #F0F0F0;  
        color: orange;  
        -webkit-border-radius: 3px;  
        -moz-border-radius: 3px;  
        border-radius: 3px;  
        padding: 0px 10px;  
        margin: 0;  
        text-decoration: none;  
    }  
	
	    /* page core */  
    div#core {  
        display: block;  
        clear: both;  
        margin-bottom: 20px;  
    }  
    section#left {  
        width: 550px;  
        float: left;  
        margin: 0 15px;  
    }  
    section#right {  
        float: left;  
        width: 300px;
		margin: 60px;
    }  
      
	  ul li {  
		list-style-image: url('../img/bang.png'); 
		padding-left: 20px;
		background-repeat: no-repeat;	
	} 
       h1 {color:orange;
			font-size:18px;
			font-family: arial;
			padding-left: 10px;
			padding-top: 5px;
	}
		p {font-family: arial;
			font-size: 16px;}
    /* clearfix */  
    .clearfix:after {  
        content: ".";  
        display: block;  
        clear: both;  
        visibility: hidden;  
        line-height: 0;  
        height: 0;  
    }  
    .clearfix {  
        display: inline-block;  
    }  
       
    html[xmlns] .clearfix {  
        display: block;  
    }  
    * html .clearfix {  
        height: 1%;  
    }