* {margin:0;padding:0;} 

            /* must declare 0 margins on everything, also for main layout components use padding, not 
            vertical margins (top and bottom) to add spacing, else those margins get added to total height 
            and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

            html, body {
                height: 100%;
                font-family: 'PFDinDisplayProLightRegular';
            }
            a {
                color: black;
                text-decoration: none;
            }

            #wrap {
                min-height: 100%;
            }

            #main {
                    padding-bottom: 200px;
                    width: 1100px;
                    margin: auto;
            }  /* must be same height as the footer */

            body:before {
                content:"";
                height:100%;
                float:left;
                width:0;
                margin-top:-32767px;
            }
            
            
            /*
            	centers content to the center.
            */
            #content {
            	position: relative;
            	
                width: 850px;
                height: 100%;
                margin: auto;
            }
            
            
            /*
            	header
            */
            
            #header { 
                width: 850px;
                position: relative;
                padding: 30px; 
                
            }
            #header li {
                display: inline;
            }
            #header a {
            	padding: 6px;
            	font-size:15px;
                color: grey;
                border-right: 1px solid grey;
                position: relative;
                float: left;
            }
            #logo {
            	float: right;
            	position: relative;
            	top: -25px;
            }
        	
        	/*
        		side image
        	*/
            #side {
                    position: relative;
                    width: 300px;
                    top: 45px;
                    left: 925px;
                    color: grey;
            }

            /*
            	footer
                margin-top and height must be the same but opposite.
            */
            
            #footer {
                position: relative;
                margin-top: -400px; /* negative value of footer height */
                height: 400px;
                clear:both;
                width: 100%;
                min-width: 900px;
                background-color: #a6a6a6; 
                margin-bottom: 0px;
                
            } 
            #footerContent {
            	position: relative;
                width: 730px;
                height: 230px;
                margin: auto;
                background-color:#a6a6a6;
            }
            
            #footerStart {
            	min-width: 1100px;
                width: 100%;
                height: 20px;
                background-color: #cccccc;    
                position: relative;
                top: 0px;
                z-index: 2;
            }
            .rightText {
            	float: left;
            	margin-top: 40px;
                padding-right: 11px;
            }

            #footer li {
            	display: block;
            	color: white;
            }
            #contact {
            	width: 100px;
            	height: 50px;
            	background-color: red;
            }