/*General
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.minty{
    color: #74C67A;
    font-weight: bold;
}
/*Layouts
------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header{
    height: 575px;
    width: 100%;
    background: white url(/images/header_bg.png) no-repeat left 88px;
     
}

#nav{
    height: 88px;
    width: 100%;  
    background: black url(/images/mf_logo_index.png) no-repeat left top;
}

#tv{
    background: transparent url(/images/TV.png) no-repeat left bottom;
    height: 420px;
    width: 580px;
    float: right;  
    margin-top: -12px;
}

#about{
    height: 408px;
    width: 440px;
    float: left;  
    overflow: visible;

}
#small_about{
    height: 60px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: left;
}

#tourFooter{
    height: 80px;
    width: 100%;  
    background: transparent url(/images/header_footer.png) no-repeat left top;
}

#content{
    width: 550px;
    float: left;
}
#answer{
    margin-left: 130px;
    margin-right: 35px;
    text-align: left;
}

#features{
    background: #ECECEC;
    float: right; 
    width: 470px;
    margin-top: 18px;
    padding: 20px 0 0 0;
}

/*Headings
------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cool_approach{
    background: transparent url(/images/cool_approach.png) no-repeat left top; 
    text-indent: -7000em;
    width: 336px;
    height: 196px;    
    margin-right: 30px; 
    margin-left: 30px; 
    margin-top: 30px; 
    margin-bottom: 15px; 
}

#what_is{
    background: transparent url(/images/what_is_minty.png) no-repeat left top;      
    text-indent: -7000em;                                                              
    width: 484px;
    height: 160px;    
    margin-right: 30px; 
    margin-left: 30px; 
    margin-top: 15px; 
    margin-bottom: 15px;                                                                
    position: relative; 
}

#help_starts{
    background: transparent url(/images/help_starts.png) no-repeat left top;
    text-indent: -7000em;                                                       
    width: 490px;
    height: 50px;    
    margin-right: 30px; 
    margin-left: 40px; 
    margin-top: 15px; 
    margin-bottom: 15px;                                                          
    position: relative;
}

/*Links
------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.get_minted{
    background: transparent url(/images/btn_minted.png) no-repeat left top; 
    text-indent: -7000em;
    width: 381px;
    height: 111px;
    float: left; 
    margin-left: 30px;
    margin-top: -10px;       
}

/*The Team
------------------------------------------------------------------------------------------------------------------------------------------------------*/
 #the_studio, #the_mint, #the_hub{
    width: 208px;
    height: 213px;
    float: left;
    position: relative;
 }

#the_studio{
    background: transparent url(/images/the_studio.png) no-repeat left top;
    margin-left: 20px;
}

#the_mint{
    background: transparent url(/images/the_mint.png) no-repeat left top;
    margin-left: -50px; 
}

#the_hub{
    background: transparent url(/images/the_hub.png) no-repeat left top;
    margin-left: -50px;
}

#plant_pot{
    background: transparent url(/images/plant_pot.png) no-repeat 30px bottom;
    width: 100%;
    height: 89px;
    float:left;
    margin-bottom: -25px;
    z-index: 1;
    position: relative;
    text-align: left;
    padding-left: 130px;
}
#grass{
    background: transparent url(/images/grass.png) no-repeat 40px bottom;
    width: 100%;
    height: 48px;
    float:left;
    z-index: 1;
    position: relative;
    margin-top: -50px;
}

/*Features
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.feature{
    height: 53px;
    text-align: left;
    padding: 2px 10px;
    margin: 0 20px;
    line-height: 14px;
    color: #74C67A;
    font-size: 11px;
    border-bottom: #C9C9C9 solid 1px;;
}

.feature h2{
    font-size: 16px;
    font-weight: bolder;
    color: #404040;
    margin: 4px 0 0 0;
}

.feature a{
    color: #74C67A;
    text-decoration: none;
}

.feature img{
    float: left;
    margin: 0 10px 0 0;
}

/*Navigation
------------------------------------------------------------------------------------------------------------------------------------------------------*/
#nav {
    float:right;
    color: white;
}
#nav a{
    color: white;
    text-decoration: none;
}
#nav ul{
    list-style: none;
    float: right;
    margin-top: 55px;
}
#nav ul li{
    display: block;
    float: left;
    padding-left: 20px;
}

/*footer
------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
    width:100%;
    height: 271px;
    float: left;
}
#footer img{
    float:left;
}