/* CSS layout */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	background-color: #F9FBEE;
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
}

a:link {
	color: #BACE4E;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
#container {
	margin: 0px auto 0px auto;
	min-width: 320px;
	border: none;
	background-color: #F3F1E9;
}
#masthead {
	background-color: #FFFFFF;
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
}
#content {
	background-color: #FFFFFF;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
}
#linkcontact {
	padding: 16px 10% 16px 10%;
	background-color: gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: normal;
}
#linkportfolio {
	padding: 16px 10% 16px 10%;
	background-color: #BACE4E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: normal;
}
#linkportfolio a:link {
	color: #fff;
	text-decoration: none;
}
#linkportfolio a:visited {
	color: #fff;
	text-decoration: none;
}
#linkportfolio a:hover {
	text-decoration: underline;
	color: #000000;
}
#linkportfolio a:active {
	color: #000000;
	text-decoration: underline;
}