@charset "UTF-8";
/* CSS Document */

@font-face   {font-family:"Helvetica Neue", "Helvetica","Helvetica Light"}



#Body {background-color:#A6BDF2;}

#MainContainer {width:auto;
                height:100%;
				margin:auto;
				
}

#MainNav {width:100%;
          height:auto;
		  float:left;
		  background-color:#FFFFFF;
		
		 
		 
}

#MainNav ul {font-family:"Helvetica Neue";
                         font-weight:500;
                         margin-left:36%;
						  margin-top:2%;
					   
}

#MainNav li {float:left;
	        font-size:0.8em;
			letter-spacing:2px;
			list-style:none;
			
			
}

#MainNav a {text-decoration:none;
}

.selectedtab a       {text-decoration:none;
                      color:#f7833f;
				      }


.unselectedtab a   {text-decoration:none;
                    color:#000000;
					  }
					  


#Home  {float:left;
        
}

#About {float:left;
       padding-left:6%;
}

#Portfolio {float:left;
      padding-left:6%;
}

#Contact {float:left;
       padding-left:6%;
}

#Pinata_Logo {width:auto;
              float:left;
			  padding-left:1%;
			  }

#facebook {width:2.8%;
           float:right;
		   margin-top:1%;
		   padding-right:1%;
		   
		   
}

#twitter {width:2.7%;
          float:right;
		  margin-top:1.25%;
		  padding-right:1%;
		  
		
}

#workflow_image {width:65%;
                 margin-left:17%;
}


#Home_ContentBody {width:100%;
                     height:auto;
					
					 background-color:#FFFFFF;
}
#About_ContentBody {width:100%;
                     height:auto;
					 background-color:#0B0A0A;
}

#Services_ContentBody {width:100%;
                       height:auto;
					   background-color:#0B0A0A;
}



#Home_ContentBody h2 {font-size:1em;
                       font-family:"Helvetica";
					   float:left;
					   margin-left:13%;
					   margin-top:1%;
					   color:#908A8A;
					   
}



#About_ContentBody h2 {font-size:1.5em;
                          font-weight:200;
						  color:#ABABAB;
						 
}

#About_ContentBody h3 {font-size:0.5em;
                       font-family:"Helvetica";
					   float:right;
					   margin-right:22%;
					   margin-top:1%;
					   color:#908A8A;
					   
}

#Services_ContentBody h3 {font-size:0.5em;
                       font-family:"Helvetica";
					   float:right;
					   margin-right:24%;
					   margin-top:1%;
					   color:#908A8A;
					   
}

#Services_ContentBody h2 {font-size:1.5em;
                          font-weight:200;
						  color:#ABABAB;
}



#About_ContentBody h4 {font-size:1.48em;
                       font-family:"Helvetica";
					   font-weight:100;
					   float:left;
					   margin-left:1%;
					   color:#8A8787;
					   
}

#About_ContentBody p {font-size:0.8em;
                      font-family:"Helvetica";
					  letter-spacing:0.5px;
					  margin-left:1%;
					  float:left;
					 
}


#Services_ContentBody p {font-size:0.8em;
                         font-family:"Helvetica";
					     font-weight:100;
					     letter-spacing:0.5px;
					     margin-left:1%;
					     margin-top:1%;
					     float:left;
}



#Logo_Space {width:100%;
             height:auto;
}

#Logo_Space_about {width:100%;
                   height:auto;
				   padding-bottom:2%;
				   background-color:#FFFFFF;
}

#Logo_Space_services {width:100%;
                      height:auto;
					  padding-bottom:2%;
				      background-color:#FFFFFF;
				   
}

#Logo_Space_contact {width:100%;
                   height:auto;
				   padding-bottom:2%;
				   background-color:#FFFFFF;
}











#Main_Buttons {width:100%;
               float:left;
			   margin-top:2%;
			   size:inherit;
			   background-color:#25a5e6;
			   
			  
			   }
			   
#Main_Buttons_about {width:100%;
                     margin-top:1%;
                     float:left;
					 background-color:#25a5e6;
					 
			   }
			   
#Main_Buttons_services {width:100%;
                       float:left;
					   margin-top:3.5%;
					   background-color:#25a5e6;
					  
					   }
			   
#Main_Buttons_contact {width:100%;
                       float:left;
					   margin-top:1%;
					   background-color:#25a5e6;
					    }
			   

#Icon_1 {width:5%;
         float:left;
        margin-left:28%;
		
}



#Icon_2 {width:3.25%;
		 float:left;
         margin-left:8%;
		 margin-top:0.9%;
}

#Icon_3 {width:5.5%;
		 float:left;
         margin-left:8%;
	
}



#Icon_4 {width:5%;
		 float:left;
         margin-left:8%;
		 
}


#Icon_1_services {width:5%;
                  float:left;
                  margin-left:28%;
}

#Icon_2_services {width:3.25%;
		          float:left;
                  margin-left:8%;
		          margin-top:0.9%;
}

#Icon_3_services {width:5.5%;
		         float:left;
                 margin-left:8%;
}

#Icon_4_services {width:5%;
		 float:left;
         margin-left:8%;
		 }




#About_Descriptive_Text {width:70%;
				         float:left;
				         padding-left:30%;
				         padding-top:1%;
						
						
						 }





#Services_Descriptive_Text {width:70%;
                            float:left;
				            padding-left:30%;
				            padding-top:1%;
				            overflow-y:scroll;
							overflow: hidden;
							
							
							}

#Contact_Descriptive_Text {width:50%;
				           float:left;
				           margin-left:30%;
				           margin-top:1%;
						 }
						 
#footer {width:100%;
         height:auto;
		 float:left;
		
}


#footer ul {font-family:"Helvetica Neue";
           
			
					  
					 
}


#footer li { font-size:0.4em;
			 letter-spacing:2px;
			 list-style:none;
			 margin-top:2.4%
					  
			
}

#footer a {text-decoration:none;
}

#footer h3 {font-size:0.5em;
                       font-family:"Helvetica";
					   float:right;
					   padding-right:1.5%;
					   
					   color:#908A8A;
					}
 

#About_footer {float:left;
               border-right:solid;
			   border-color:#000000;
			   padding-right:1%;
      
}

#Services_footer {float:left;
                   margin-left:2%;
				   border-right:solid;
			       border-color:#000000;
			       padding-right:1%;
				   
}

#Contact_footer {float:left;
                 margin-left:2%;
				 border-right:#000000;
}

#Underline {width:100%;
            float:left;
			}
#Underline2 {width:100%;
             float:left;
}
#Underline3 {width:100%;
             float:left;
}

#Contact_Underline {width:70%;
                    margin-left:4%;
                    
                  
}




#Copyright { color:#000000;
		     font-family:"Helvetica";
			 font-weight:100;
			 font-size:inherit;
		     float:right;
		    
}