@1charset "utf-8";

/* Generals */

img, div, background-image {behavior:url(iepngfix.htc)}
* {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}
body {min-height:100%; width:100%; background-image:url(../images/body-background.png);}
a {outline:0px; color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a.contact-me-text:hover {color:#FFF; text-decoration:underline; text-shadow:none;}
.backwards {unicode-bidi:bidi-override; direction: rtl;} 

/* Mains */
/* Top */
.header {
	height:70px;
	margin:auto;
	padding-top:15px;
	background-image:url(../images/header-background.png);
	color:#090;
	text-align:center;
	text-shadow:2px 2px 0px #333;
}

.header-text-container {
	margin:auto;
	line-height:55px;
	width:250px;
	height:55px;
	color:#CCC;
	text-shadow:1px 1px 1px #333;
	background-image:url(../images/white-hover.png);
	background-repeat:repeat;
	font-size:24px;
}

.header-text-container:hover {
	background-image:url(../images/white.png);
	color:#FFF;
}
.left {
	float:left;
	background-image:url(../images/white.png);
}
.left:hover {
	background-image:url(../images/green-hover.png);
}

/* Main */
.outer-container {
	margin:auto;
	width:600px;
}

.inner-container {
	margin:auto;
	margin-top:30px;
	padding:20px;
	width:560px;
	background-image:url(../images/green.png);
	font-size:14px;
	
}
.inner-container:hover {background-image:url(../images/green-hover.png);}

.inner-container-header {
	font-size:16px;
	color:#000;
}

.contact-me-text {
	text-decoration:underline;
	font-size:16px;
	color:#FFF;
	text-shadow:1px 1px 0px #666;
}

/* Form */
.form {
	float:left;
	padding:20px;
	padding-bottom:25px;
	margin-top:10px;
	margin-right:5px;
	width:255px;
	background-image:url(../images/inner-container-background.png);
}

.form-input {
	padding-left:2px;
	padding-right:2px;
	background-color:#EEE;
}

input {border:1px solid transparent;}
input:hover {background-color:#FFF;}
textarea:hover {background-color:#FFF;}
.form-input:focus {background-color:#9F9; border:1px solid #0C0;}
#message-input {width:245px; min-height:100px; border:1px solid transparent; overflow:hidden;}
.button {height:25px; width:50px; line-height:25px; padding-right;:12px; padding-bottom:2px;}
.button:active {background-color:#9F9;}
.error {color:#F00; font-size:12px; text-shadow:1px 1px 0px #CCC;}
.success {color:#0F0; text-shadow:1px 1px 0px #030;}
.will-reply {color:#FFF; text-shadow:1px 1px 0px #666;}
.red-field {background-image:url(../images/red.png); background-repeat:repeat;}
.red-field:focus {background-image:url(../images/red.png); background-repeat:repeat; border:1px solid #0C0;}

/* Email me */
.email-me {
	float:right;
	padding:20px;
	margin-top:10px;
	margin-left:5px;
	width:255px;
	color:#FFF;
	text-align:center;
	background-image:url(../images/inner-container-background.png);
}

/* Preload images */
.image-preloader-1 {
	background:url(../images/address-hover.png);
	visibility:hidden;
}

.image-preloader-2 {
	background:url(../images/green-hover.png);
	visibility:hidden;
}

.image-preloader-3 {
	background-image:url(../images/white-hover.png);
	visibility:hidden;
}