/* Structure */

#wrapper {
    width: 100%;	
	/*max-width: 90%;*/
	margin: auto;
	/*padding: 2%;*/
	} 

	#main {
		width: 100%;
		margin-right: 0%;
		float: left;
		}	
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
body {
	background-color: #ffffff;
	font-family: "Open Sans", sans-serif;
	color: #000000;
    font-weight: 100;
    font-size: 24px;
    
}


h1,h2 {
	font-family: "open sans", Arial, sans-serif;
	padding-left: 30px;

}


header {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 0;
}

 nav {
    width: 100%;
    padding-top: 75px;
    display: inline-block;
    margin: 0 auto;
    float: none;
    height: 50px;
	}
    
	
	nav li {
		display: inline-block;
        clear: both;
        width: 22.5%;
        text-align: center;
        white-space: nowrap;
		}
        header nav a:hover {
    		background-color: #ff0000;
            color: #ffffff;
            padding-left: 10px;
            padding-right: 10px;
				}
#navWrap {
   width: 100%;
   height: 225px;
   background-color: #ffffff;

}

#homeContent {
    width: 100%;
    font-size: 24px;
    padding: 10% 0 10% 0;
    background-color: #f6f6f6;
}

 
.offset:before { 
 display: block; 
 content: " "; 
   height: 225px;      /* Give height of your fixed element */
        margin-top: -225px; /* Give negative margin of your fixed element */   
        visibility: hidden; 
}

.indexOffset {
    display: block;
    content: " ";
    height: 275px;
    margin-top: -275px;
    visibility: hidden;
}
#aboutus {
    width: 100%;
    font-size: 24px;
    padding: 10% 0 10% 0;
    background-color: #ffffff;
}

#aboutusLogo {
    width: 200px;
    height: 64px;
    padding: 2% 0 2% 0;
}

#servicesLogo {
    width: 200px;
    height: 64px;
    padding: 2% 0 2% 0;
}

#contactusLogo {
    width: 200px;
    height: 64px;
    padding: 2% 0 2% 0;
}

#services {
    width: 100%;
    font-size: 24px;
    padding: 10% 0 10% 0;
    background-color: #f6f6f6;
    
}

#contactus {
     width: 100%;
    font-size: 24px;
    padding: 10% 0 10% 0;
    background-color: #ffffff;
}
    

#home {
     display: block;
    margin-left: auto;
    margin-right: auto;
	border: none;
    width: 300px;
    height: 96px;
     
}

p {
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
}

ul {
    padding: 0;
    margin: 0;
    
}

#servicesList {
     padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
}

#footer {
	  width: 100%;
    font-size: 18px;
    padding: 1% 0 1% 0;
    background-color: #f6f6f6;


}

A:link {
	text-decoration: none;
	color: #000000;
}

A:visited {
	text-decoration: none;
	color: #000000;
	
}

A:hover {
	text-decoration: none;
}

  /*MEDIA QUERY*/
@media only screen and (max-width : 640px) {
 header {
     position: static;
 }
 nav {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    height: 100%;
    }
    
	
	nav ul li {
        clear: both;
        width: 100%;
        text-align: center;
		}
        
p {
    text-align: left;
}

#servicesList {
    text-align: left;
}

#homeContent {
    clear: both;
    margin-top: 50px;
}
}