/*  THE WRAPPER ID MAKES SURE THE PAGE IS CENTERED */
#wrapper
{
    width: 100%;
    min-height: 155px;
    height: auto !important;
    height: 155px;
    
    position: relative;    
    float: left;            
}


/*  NOW THE SITE IS CENTERED WE CAN FLOAT THINGS TO THE LEFT INSIDE THE WRAPPER
    THIS MEANS THAT WE CAN CENTERING AND COLUMNS TO BOOT */
#site
{
    width: 960px;        
    margin: 0 auto;      
    min-height: 100px;
    position: relative;
}

#site-header 
{
    width: 960px;
    min-height: 60px;
    height: auto !important;
    height: 60px;           
}

#content
{	
    height: auto !important;
	min-height: 100px;
	height: 100px;
		
    width: 960px;
	
	border: solid 1px #cdcdcd;
    border-top: 0px;
    float: left;  
    padding-top: 1px;
    background-color: #fff;    
}

#wrapper-footer
{
	margin: 0 auto;			
}