/*************/
/* mel - css */
/*************/

/* RESET */

* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: separate;
	border-spacing: 2px;
}

table, fieldset, img, abbr, acronym {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

em {
	font-style: italic;
}
	
strong {
	font-weight: bold;
}
	
ol, ul {
	list-style: none;
}
	
caption, th {
	text-align: left;
}
	
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: "";
}

/* --- */

html, body {
	height: 100%; /* gives layout 100% height */
	overflow: inherit; /* triggers 100% height in Opera 9.5 */
	background: #333 url('../images/flowers.png') -200px -40px;
	font-size: 84.2%;
}

#wrapper {
	background: pink;
	width: 800px;
	/*min-height: 700px;
	height: auto !important;
	height: 700px;*/
	margin: 0 auto -80px;
	padding: 0;
}

#border1 {
	background: #333;
	width: 780px;
	height: 100%;
	margin: 0 auto 0;
}

#head-wrapper {
	background: #333;
	width: 780px;
	height: 130px;
	margin: 0 auto 0;
	padding: 0;
	border-left: 10px solid pink;
	border-right: 10px solid pink;
}

#head-container {
	background: pink;
	width: 760px;
	height: 120px;
	margin: 0 auto 0;
}

#head-nav {
	background: none;
	width: 660px;
	height: 30px;
	margin: 0 auto 0;
	padding: 0;
}

ul#top-nav {
	list-style: none;
	width: auto;
	height: 30px;
	margin: 0 auto 0;
	padding: 0;
}

ul#top-nav li {
	float: left;
	display: block;
}

ul#top-nav a {
	background: pink;
	float: left;
	display: block;
	width: 110px;
	height: 30px;
	margin: 0;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}

ul#top-nav a:hover, ul#top-nav a:active {
	background: #ffd5dc;
	text-decoration: none;
}

#head-border {
	background: #333;
	width: 740px;
	height: 90px;
	margin: 0 auto 0;
}

#head-top {
	background: #ffd5dc;
	width: 720px;
	height: 80px;
	margin: 0 auto 0;
	padding: 0;
}

#top-logo {
	 background: url(../images/top-logo.png) no-repeat;
	 width: 660px;
	 height: 80px;
	 margin: 0 auto 0;
	 padding: 0;
}

#main-container {
	background: #ffd5dc url('../images/hoolander.png') -100px -50px;
	width: 740px;
	min-height: 400px;
	margin: 0 auto 0;
	padding: 10px;
	border-right: 10px solid #333;
	border-bottom: 10px solid #333;
	border-left: 10px solid #333;
}

div#mywork-container {
	background: none;
	width: 388px;
	height: auto;
	margin: 0 auto 0;
	padding: 2px;
}

img {
	border: 2px solid #333;
}

.formLayout {
}

.formLayout label, .formLayout input, .formLayout select {
	color: #333;
	display: block;
	height: 20px;
	float: left;
	margin: 0 0 5px 0;
	line-height: 20px;
	font-family: Georgia, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

.formLayout label {
	width: 100px;
	text-align: right;
	padding-right: 20px;
	clear: left;
}

.formLayout input, .formLayout select {
	background: #ffe8ec !important;
	width: 150px;
	border: 1px solid #ffc0cb;
}

.formLayout textarea {
	background: #ffe8ec !important;
	color: #333;
	display: block;
	float: left;
	width: 250px;
	padding-left: 2px;
	border: 1px solid #ffc0cb;
	min-height: 100px;
	font-family: Georgia, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

.formLayout input[type="submit"], .formLayout input[type="reset"] {
	width: 125px !important;
	height: 25px !important;
	margin: 5px 4px 0 0;
}

.formLayout input[type="submit"]:hover, .formLayout input[type="submit"]:active,
.formLayout input[type="reset"]:hover, .formLayout input[type="reset"]:active {
	background: #ffc0c8 !important;
	border: 1px solid #333;
	cursor: pointer;
}

#push {
	height: 80px;
}

#footer-container {
	background: none;
	width: 800px;
	height: 80px;
	margin: 0 auto 0;
}

#footer-content {
	background: pink;
	display: block;
	float: left;
	width: 800px;
	height: 60px;
	margin: 0 auto 20px;
}

#footer-corner.left {
	background: url('../images/corner-foot-bl.png');
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0;
}

#footer-bottom {
	background: pink;
	display: block;
	float: left;
	width: 760px;
	height: 20px;
	margin: 0 auto 0;
}

#footer-corner.right {
	background: url('../images/corner-foot-br.png');
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 0;
}

#copyright {
	visibility: visible;
	width: auto;
	height: 15px;
	padding: 2px 0 0 0;
}

#copyright p {
	font-size: 1.0em;
	color: #333;
	text-align: center;
	margin: 0;
	font-weight: normal;
}

#copyright-ie7 {
	visibility: hidden;
}