/**
 * FHUNG artistmade CSS Stylesheet
 *
 */

@import url('http://fonts.googleapis.com/css?family=Satisfy|Courgette|Voltaire|Cantarell');


html { overflow-y: scroll; }


body {
	margin-top: 0;
	font-family: Avenir Next, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #a67f55;
	line-height:  1.6em;
	text-align: center;
	}
	
p 	{
	margin: 2em;
	font-family: Avenir Next, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #734020;
	line-height:  1.5em;
	}



.floatimgleft {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 18px;
	margin-bottom: 5px;
	display: box;
}


.floatimgright {
	float: right;
	position: relative;
	margin-top: 0px;
	margin-left: 18px;
	margin-right: 8px;
	margin-bottom: 5px;
	display: box;
}

.floatimgcenter {
	float: center;
	position: relative;
	margin: 15px;
	display: box;
}




a img {border: none; }

a:link, ul li a {
	color: #A6A893;
	font-weight: normal;
	font-style: regular;
	text-decoration: none;
	}
 
a:visited {
	color: #A6A893;
	font-weight: normal;
	font-style: regular;
	text-decoration: none;
	}

a:hover, ul li a:hover {
	color: #800000;
	}

a:active {
	color: #BC8F8F;
	}


/** WEB FONTS */

.opensanscondensedsmall {	
		font-size: 1em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: normal;
		}
	

.cantarellsmall {	
		font-size: 1em;
		font-family: 'Cantarell', sans-serif;
		font-weight: normal;
		}
	

.voltairesmall {	
		font-size: 1em;
		font-family: 'Voltaire', sans-serif;
		font-weight: normal;
		font-style: regular;
		}

.voltaire {	
		font-family: 'Voltaire', sans-serif;
		font-weight: normal;
		font-style: regular;
		}
	

.mavenprosmall {	
		font-size: 1em;
		font-family: 'Maven Pro', sans-serif;
		font-weight: normal;
		}
	



.title1courgette {
	font-size: 1.8em;
	font-family: 'Courgette', cursive;
	font-weight: normal;
	}

.title2courgette {
	font-size: 1.5em;
	font-family: 'Courgette', cursive;
	font-weight: normal;
	}

.title3courgette {
	font-size: 1.25em;
	font-family: 'Courgette', cursive;
	font-weight: normal;
	}


.title1satisfy {
	font-size: 1.8em;
	font-family: 'Satisfy', cursive;
	font-weight: normal;
	color:  #44696F;
	letter-spacing: 2;
	}

.title2satisfy {
	font-size: 1.5em;
	font-family: 'Satisfy', cursive;
	font-weight: normal;
	color:  #44696F;
	letter-spacing: 2;
	}

.title3satisfy {
	font-size: 1.35em;
	font-family: 'Satisfy', cursive;
	font-weight: normal;
	color:  #44696F;
	letter-spacing: 2;
	}


.title1merienda {
	font-size: 1.8em;
	font-family: 'Merienda', cursive;
	font-weight: normal;
	}

.title2merienda {
	font-size: 1.5em;
	font-family: 'Merienda', cursive;
	font-weight: normal;
	}

.title3merienda {
	font-size: 1.25em;
	font-family: 'Merienda', cursive;
	font-weight: normal;
	}
	
	

.title1homemadeapple {
	font-size: 1.8em;
	font-family: 'Homemade Apple', cursive;
	font-weight: normal;
	}

.title2homemadeapple {
	font-size: 1.5em;
	font-family: 'Homemade Apple', cursive;
	font-weight: normal;
	}

.title3homemadeapple {
	font-size: 1.25em;
	font-family: 'Homemade Apple', cursive;
	font-weight: normal;
	}



.small {
	font-family: Avenir Next, Avenir, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	}
	
.tiny {
	font-family: Avenir Next, Avenir, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color:  #A6A893;
	}
	
.teal {
	 color: #276370;
	 }	
	
.fam {
	 font-family: Avenir Next, Avenir, Tahoma, Arial, Verdana, sans-serif;
	 font-size: 1.3em;
	 color: #276370;
	 }	



/** RESPONSIVENESS*/

/** Flexible Image */

@media only screen and (max-width: 480px){
        .flexi600Image{
            max-width:600px !important;
            width 100% !important;
        }
    }


@media only screen and (max-width: 480px){
        .flexi450Image{
            max-width:450px !important;
            width 100% !important;
        }
    }


@media only screen and (max-width: 480px){
        .emailImage{
            height:auto !important;
            max-width:600px !important;
            width: 100% !important;
        }
    }