html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body {
    font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
    /*color: #333;*/
    padding: 0;
}

body * {
    line-height:1.22em;
}

#header {
	background: #F8F8F8;
	background-image: url(pictures/bkgr_hdr.png);
    /*color: #404040;
    margin: 0 12%;*/
	width: 780px;
	height: 160px;
    padding: 0px 23px 23px 23px;
    margin: auto;
}

h3#artdirector {
	width: 330px;
	height: 14px;
	background-image: url(pictures/artdirector.gif);
	background-repeat: no-repeat;
	padding: 0;
	float: left;
	text-indent: -1000px;

}

h2#dosa {
	width: 160px;
	height: 20px;
	background-image: url(pictures/stefanodosa.gif);
	background-repeat: no-repeat;
	margin-top: -10px;
	padding: 0;
	float: left;
	text-indent: -1000px;

}

h1#creativedesign {
	width: 600px;
	height: 100px;
	background-image: url(pictures/creative.png);
	background-repeat: no-repeat;
	margin-top: -36px;
	padding: 0;
	float: left;
	text-indent: -2000px;

}

a#its_me {
	width: 155px;
	height: 155px;
	background-image: url(pictures/splash2.gif);
	background-repeat: no-repeat;
	padding: 0px;
	clear: both;
	float: right;
	margin-top: -190px;
	margin-right: -10px;
	text-indent: -2000px;


}


#wrap1 {
	background: #04D4E1;
    /*color: #404040;
    margin: 0 12%;*/
	width: 780px;
	height: 175px;
    padding: 50px 23px 23px 23px;
    margin: auto;
	margin-top: 10px;
}

#wrap2 {
	background: #F9F800;
    /*color: #404040;
    margin: 0 12%;*/
    width: 780px;
	height: 175px;
    padding: 50px 23px 23px 23px;
    margin: auto;
	margin-top: 10px;

}


#wrap3 {
	background: #E70489;
    /*color: #404040;
    margin: 0 12%;*/
    width: 780px;
	height: 175px;
    padding: 50px 23px 23px 23px;
    margin: auto;
	margin-top: 10px;

}

h2#website {
	width: 345px;
	height: 20px;
	background-image: url(pictures/website.gif);
	margin-top: -30px;
	padding: 0;
	float: left;
	text-indent: -1000px;

}

h2#print {
	width: 70px;
	height: 20px;
	background-image: url(pictures/print.gif);
	margin-top: -30px;
	padding: 0;
	float: left;
	text-indent: -1000px;
}


h2#photo {
	width: 165px;
	height: 20px;
	background-image: url(pictures/photo.gif);
	margin-top: -30px;
	padding: 0;
	float: left;
	text-indent: -1000px;
}

#footer {
	clear: both;
	background: transparent;
	height: 66px;
	padding-top: 10px;
	text-align: center;
}


a {
    color: #4088b8;
}

table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}