@font-face { font-family: Prociono; src: url('/fonts/Prociono-Regular.otf'); } 

body {
	font:normal 16px Prociono, Georgia, Times New Roman, serif;
	color:#616161;  
	padding:0;
	margin:0;
	text-align:left;
	background:url(/images/fadeOutName.png) no-repeat #313131 750px 175px;
	text-shadow:1px 1px 1px rgba(224,224,224,0.6);
}

.mailForm {
	margin-left:30px;
}

input.formStyle, textarea.textareaStyle {
	background:url(/images/inputStyleBack.png) repeat-x #FFFFFF;
	border:1px solid #FFFFFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px;
	padding:5px;
	color:#2F2F2F;
	width:250px;
}

.formButton {
	background:url(/images/buttonStyleBack.png) repeat-x #000000;
	border:1px solid #000000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px;
	padding:6px 15px;
	color:#FFFFFF;
	font-size:12px;
	float:right;
	font:normal 16px Prociono, Georgia, Times New Roman, serif;
	cursor:pointer;
	margin-right:30px;
}

label { color:#FFFFFF; font-size:14px; }

a { color:#000000; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }

#wrapper {
	float:left;
	width:720px;
	background:url(/images/whiteBackgroundTile.png) repeat;
	height:750px;
	border-top:15px solid rgba(224,224,224,0.6);
	-moz-box-shadow:3px 0px 3px #000000;
	-webkit-box-shadow:3px 0px 3px #000000;
	box-shadow:3px 0px 3px #000000;
	border-top/*\**/:15px solid #E0E0E0\9;
}

*:first-child+html #wrapper { border-top:15px solid #E0E0E0; }

#wrapper #header #logo {
	float:left;
	margin:0px 0px 0px 30px;
	position:absolute;
	top:7%;
}

.contentBox {
	float:left;
	height:95px;
	margin:30px 0px;
	width:753px;
	background-color:rgba(224,224,224,0.6);
	position:absolute;
	z-index:99;
	background/*\**/:url(/images/backgroundGray.png) repeat\9;
}

*:first-child+html .contentBox { background:url(/images/backgroundGray.png) repeat; }

.contentBoxUnder {
	float:left;
	width:754px;
	background:url(/images/contentBoxUnder.png) no-repeat right;
	height:25px;
	position:relative;
	z-index:99;
}

.contentBox p {
	float:left;
	width:660px;
	margin:25px 23px;
	height:44px;
}

.icon {
	float:right;
	height:40px;
	width:35px;
	margin-top:40px;
}

#hello { 
	border-left:7px solid #FB47EB; 
	background:url(/images/helloText.png) no-repeat 480px 39px rgba(224,224,224,0.6); 
	top:15%;
}

#hello:hover { background:url(/images/helloTextHover.png) no-repeat 480px 39px rgba(224,224,224,0.6); }

#resIM { 
	border-left:7px solid #FFB746; 
	background:url(/images/resIMText.png) no-repeat 405px 39px rgba(224,224,224,0.6);
	top:35%;
}

#resIM:hover { background:url(/images/resIMTextHover.png) no-repeat 405px 39px rgba(224,224,224,0.6); }

#twitter { 
	border-left:7px solid #46E7FF; 
	background:url(/images/twitterText.png) no-repeat 435px 39px rgba(224,224,224,0.6);
	top:55%;
}

#twitter:hover { background:url(/images/twitterTextHover.png) no-repeat 435px 39px rgba(224,224,224,0.6); }

#photos { 
	border-left:7px solid #FCFF46; 
	background:url(/images/photosText.png) no-repeat 440px 39px rgba(224,224,224,0.6); 
	margin:30px 0px 0px 0px;
	top:75%;
}

#photos:hover {background:url(/images/photosTextHover.png) no-repeat 440px 39px rgba(224,224,224,0.6); }

#hello .icon { background:url(/images/helloIcon.png) no-repeat transparent; }
#resIM .icon { background:url(/images/resIMIcon.png) no-repeat transparent; }
#twitter .icon { background:url(/images/twitterIcon.png) no-repeat 4px 0px transparent; margin-top:35px; }
#photos .icon { background:url(/images/photosIcon.png) no-repeat transparent; margin-top:35px; }

ul#twitter_update_list { 
	list-style: none; 
	float:left;
	width:660px;
	margin:25px 23px; 
	padding:0px;
	height:44px;
}

.successMessage { 
	color:#FFFFFF; 
	text-align:center; 
	margin-top:30px; 
	width:100%;
	text-shadow:0px 0px 0px;
	margin-top:125px;
}