body {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg.png);
	background-repeat: repeat;

	font-family: Trebuchet MS;
}

.body {
		z-index: -2;
}

.card {
	margin: auto;
	width: 520px;
	height: 300px;
	background-image: url(../images/card.png);
	background-repeat: no-repeat;
	margin-top: 10em;
	left: 0;
	right: 0;
}

.header {
	font-size: 45px;
	text-align: center;
	padding-top: 80px;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 10px #8bdffe;
}

.subheader {
	font-size: 20px;
	text-align: center;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 10px #8bdffe;
}

.dropdown {
	position: absolute;
	left: 0;
	right: 0;
	width: 700px;
	height: 100px;
	top: 0;
	background-color: #eee;
	border: solid 1px #bbb;
	margin: auto;
	margin-top: -1px;
	font-size: 15px;
}

.dropdown2 {
	position: absolute;
	left: 0;
	right: 0;
	width: 700px;
	height: 100px;
	top: 0;
	background-color: #eee;
	border: solid 1px #bbb;
	margin: auto;
	margin-top: -1px;
	font-size: 15px;
}

.alert {
	width: 32px;
	height: 32px;
	background-image: url(../images/alert.png);
	background-repeat: no-repeat;
	display: inline-block;
	z-index: 1;
	margin-left: 1em;
	margin-top: 0.75em;
	margin-bottom: -0.5em;
}

.requestcontent {
	text-align: center;
	color: #0098e3;
	text-shadow: 0px 1px 0px white, 0px 0px 3px #8bdffe;
	margin-top: 1em;
}

.nav {
	margin: auto;
}

a.goodies {
	padding-top: 8px;
}

a.labs {
	padding-top: 8px;
}

a.portfolio {
	padding-top: 8px;
}

a.blog {
	padding-top: 8px;
}

.contact {
	padding-top: 8px;
}

.about {
	padding-top: 8px;
}

.quote {
	padding-top: 8px;
}

.hire {
	padding-top: 8px;
}



#button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 118px;
	height: 33px;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #515151;
	margin: auto;
	text-shadow: 0px 1px 0px white;
}

#button:hover {
	cursor: pointer;
	text-align: center;
	width: 118px;
	height: 33px;
	background-image: url(../images/buttonhover.png);
	background-repeat: no-repeat;
	margin: auto;
	font-size: 13px;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 5px #8bdffe;
}

#button:active {
	cursor: pointer;
	text-align: center;
	width: 118px;
	height: 33px;
	background-image: url(../images/buttonactive.png);
	background-repeat: no-repeat;
	margin: auto;
	font-size: 13px;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 5px #8bdffe;
}

.footer {
	color: #0088cc;
	text-align: center;
	text-shadow: 0px 1px 0px white;
}

.center {
	text-align: center;
}

.popup {
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
}

.top {
	width: 400px;
	height: 20px;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	margin: auto;
}

.middle {
	width: 400px;
	background-image: url(../images/middle.png);
	background-repeat: repeat-y;
	margin: auto;
}

.bottom {
	width: 400px;
	height: 20px;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	margin: auto;
}

.close {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: auto;
	opacity: 0.8;
	margin-left: -1em;
	margin-top: -1em;
} 

.close:hover {
	opacity: 1;
}

.title {
	color: #54cdff;
	text-shadow: 0px 1px 0px #000;
	text-align: center;
	font-size: 20px;
}

.text {
	background: none;
	border: none;
	outline: none;
	width: 140px;
	height: 35px;
	background-image: url(../images/text.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	margin: auto;
}

.textcheck {
	background: none;
	border: none;
	outline: none;
	width: 140px;
	height: 35px;
	background-image: url(../images/textcheck.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	margin: auto;
}

.texterror {
	background: none;
	border: none;
	outline: none;
	width: 140px;
	height: 35px;
	background-image: url(../images/texterror.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	margin: auto;
}

.textarea {
	background: none;
	background: none;
	border: none;
	outline: none;
	width: 190px;
	height: 90px;
	background-image: url(../images/textarea.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: auto;
	resize: none;
}

.textareacheck {
	background: none;
	background: none;
	border: none;
	outline: none;
	width: 190px;
	height: 90px;
	background-image: url(../images/textareacheck.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	resize: none;
}

.textareaerror {
	background: none;
	background: none;
	border: none;
	outline: none;
	width: 190px;
	height: 90px;
	background-image: url(../images/textareaerror.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	resize: none;
}

#name {
	color: #54cdff;
	text-shadow: 0px 1px 0px black;
}

#email {
	color: #54cdff;
	text-shadow: 0px 1px 0px black;
}

#subject {
	color: #54cdff;
	text-shadow: 0px 1px 0px black;
	margin-left: -1em;
}

#message {
	color: #54cdff;
	text-shadow: 0px 1px 0px black;
}

.submit {
	color: #515151;
	background: none;
	border: none;
}

.back {
	color: #515151;
	background: none;
	border: none;
	padding-top: 8px;
}

a.backhome {
	padding-top: 18px;
	display: inline-block;
	position: absolute;
	z-index: 3;
}

#backbutton {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 153px;
	height: 55px;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #81ecfe;
	margin: auto;
	text-shadow: 0px 0px 3px #0088cc;
	padding-left: 15px;
	margin-left: 2em;
	margin-top: 2em;
	z-index: 3;
}

#backbutton:hover {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 153px;
	height: 55px;
	background-image: url(../images/backhover.png);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #81ecfe;
	margin: auto;
	text-shadow: 0px 0px 3px #0088cc;
	padding-left: 15px;
	z-index: 3;
	margin-left: 2em;
	margin-top: 2em;
}

#backbutton:active {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 153px;
	height: 55px;
	background-image: url(../images/backactive.png);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #81ecfe;
	margin: auto;
	text-shadow: 0px 0px 3px #0088cc;
	padding-left: 15px;
	margin-left: 2em;
	margin-top: 2em;
	z-index: 3;
}

.requestform {
	left: 0;
	right: 0;
	position: absolute;
}

.hireform {
	left: 0;
	right: 0;
	position: absolute;
}

.contactform {
	left: 0;
	right: 0;
	position: absolute;
}

.aboutme {
	left: 0;
	right: 0;
	position: absolute;
}

.reminder {
	color: #54cdff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
	text-align: center;
}

#thankyou {
	color: #54cdff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
	text-align: ce;
}

.hire {
	text-align: center;
	color: #54cdff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
	padding-bottom: 15px;
}

.request {
	text-align: center;
	color: #54cdff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
	padding-bottom: 15px;
}

.metext {
	padding-left: 20px;
	padding-right: 20px;
	color: #54cdff;
	padding-bottom: 15px;
	text-align: center;
}

li {
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #84ebff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
}

a:visited {
	text-decoration: none;
	color: #84ebff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
}

a:hover {
	text-decoration: none;
	color: #50ceff;
	text-shadow: 0px 1px 0px #000, 0px 0px 3px #00bbcc;
}

.previewarea {
	display: inline-block;
	margin-top: 1.9em;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 0;
}

.thumb {
	max-width: 200px;
	z-index: 0;
	display: inline-block;
	margin: auto;
}

#thumb1 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb1.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb1:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb2 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb2.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb2:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb3 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb3.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb3:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb4 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb4.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb4:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb5 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb5.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb5:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb6 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb6.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb6:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

#thumb7 {
	cursor: pointer;
	width: 92px;
	height: 92px;
	background-image: url(../images/thumb7.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6em;
	margin: auto;
	color: #0088cc;
	text-shadow: 0px 1px 0px white;
	margin-left: 1em;
}

#thumb7:hover {
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

.full {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 10em;
}

.fablesize {
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
}

.fable {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 5em;
	z-index: 3;
}

.halo {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 5em;
	z-index: 3;
}

.halosize {
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
}

#full1 {
	width: 510px;
	height: 259px;
	background-image: url(../images/full1.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full1text {
	color: #0088cc;
	padding-top: 17em;
	text-shadow: 0px 1px 0px white;
}

#full2 {
	width: 510px;
	height: 185px;
	background-image: url(../images/full2.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full2text {
	color: #0088cc;
	padding-top: 12em;
	text-shadow: 0px 1px 0px white;
}

#full3 {
	width: 635px;
	height: 373px;
	background-image: url(../images/full3.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full3text {
	color: #0088cc;
	padding-top: 24em;
	text-shadow: 0px 1px 0px white;
}

#full4 {
	width: 435px;
	height: 480px;
	background-image: url(../images/full4.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full4text {
	color: #0088cc;
	padding-top: 31em;
	text-shadow: 0px 1px 0px white;
}

#full5 {
	width: 735px;
	height: 393px;
	background-image: url(../images/full5.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full5text {
	color: #0088cc;
	padding-top: 25em;
	text-shadow: 0px 1px 0px white;
}

#full6 {
	width: 550px;
	height: 500px;
	background-image: url(../images/full6.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full6text {
	color: #0088cc;
	padding-top: 32em;
	text-shadow: 0px 1px 0px white;
}

#full7 {
	width: 600px;
	height: 321px;
	background-image: url(../images/full7.png);
	background-repeat: no-repeat;
	text-align: center;
}

#full7text {
	color: #0088cc;
	padding-top: 20em;
	text-shadow: 0px 1px 0px white;
}

.brew {
	display: inline-block;
	height: 600px;
	width: 512px;
	background-image: url(../images/brew.png);
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

.nobrew {
	display: inline-block;
	width: 512px;
	background-image: url(../images/nobrew.png);
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -5%;
	bottom: 0;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #97a2a7;
	text-shadow: 0px 1px 0px white;
	padding-top: 24em;

}

#labfooter {
	font-weight: normal;
	text-align: center;
	font-size: 16px;
}

.labtext {
	text-align: center;
	margin-top: 5em;
	font-size: 25px;
	font-weight: bold;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 3px #2299aa;
	margin-bottom: -5em;
}

.lab {
	text-align: center;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

.currentclient {
	text-align: center;
	margin-top: 5em;
	font-size: 25px;
	font-weight: bold;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 3px #2299dd;
}

.work {
	width: 500px;
	text-align: center;
	margin: auto;
}

.adrianthumb {
	cursor: pointer;
	width: 500px;
	height: 300px;
	background-image: url(../images/adrianthumb.png);
	background-repeat: no-repeat;
	margin: auto;
}

.adrianthumb:hover {
	opacity: 0.9;
}

.adrianfull {
	cursor: pointer;
	width: 1000px;
	height: 600px;
	background-image: url(../images/adrianfull.png);
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.adrianfull:hover {
	opacity: 0.9;
}

.caption {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1%;
}

.ok {
	margin: auto;
	padding-top: 8px;
}

.notfound {
	color: #524027;
	width: 472px;
	height: 211px;
	background-image: url(../images/404.png);
	background-repeat: no-repeat;
	margin: auto;
	text-align: center;
	font-family: Cambria;
	font-size: 170px;
	text-shadow: 0px 1px 0px white;
	margin-top: 0.9em;
	display: inline-block;
}

.notfoundtext {
	text-align: center;
}

.shuzlumblue {
	width: 200px;
	height: 200px;
	background-image: url(../images/shuzlumblue.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: auto;
	padding-top: 200px;
	margin-bottom: -5em;
	margin-top: 3em;
}

a.download:link {
	text-decoration: none;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

a.download:visited {
	text-decoration: none;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 2px #0099cc;
}

a.download:hover {
	text-decoration: none;
	color: #0088cc;
	text-shadow: 0px 1px 0px white, 0px 0px 5px #0099ff;
}