/* CSS Document */
body {
	margin: auto;
	background: #ffffff url(../graphics/main-bg.jpg) top center no-repeat;
}
h1, h2 { margin: 0px; padding: 0px; }
.relative { position: relative; }
.absolute { position: absolute; }
.clear { clear: both; }
.hide { display: none; }
.container {
	width: 800px;
	margin: auto;
}
.left { float: left;}
.right { float: right;}
a img { border: none; }
.working-on {
	display: inline-block;
	background: url(../graphics/working-on.jpg) top left no-repeat;
	margin-top: 129px;
	margin-right: 14px;
	text-decoration: none;
}
.working-on span {
	/*display: none;*/
	width: 225px;
	padding: 10px;
	background-color: #ddd;
	opacity: 0.7;
	display: inline-block;
	font: 23px "Trebuchet MS", Tahoma, Verdana;
	color: #222;
	margin-top: 284px;
	text-align: right;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}
.working-on:hover span {
	/*display: none;*/
	color: #000;
	border: solid 1px #888;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #ccc;
}
.contact {
	width: 110px;
	height: 110px;/*
	position: absolute;
	top: 0px;
	left: 0px;*/
	text-decoration: none;
	cursor: pointer;
}
.contact:hover { text-decoration: none; }
.twitter {
	background: #ffffff url(../graphics/twitter.jpg) 150px 5px no-repeat;
	padding: 15px;
	padding-right: 50px;
	display: inline-block;
	position: absolute;
	top: -4px;
	right: 5px;
	text-decoration: none;
	color: #333;
	font: 14px "Trebuchet MS", Tahoma, Verdana;
	border: solid 3px #baf9fe;
}
.menu {
	list-style: none;
	border: solid 3px #eeeeee;
	background-color: #ffffff;
	padding: 5px;
	padding-left: 5px;
	margin: 13px;
	margin-top: 7px;
	display: inline-block;
	width: 95%;
}
.menu li {
	float: left;
	display: inline-block;
}
.menu a, h1, h2 {
	display: inline-block;
	font: 23px "Trebuchet MS", Tahoma, Verdana;
	font-weight: normal;
	text-decoration: none; 
	margin: 5px; 
	margin-right: 15px; 
	margin-left: 0px; 
	padding: 5px; 
	background: bottom left no-repeat;
}
.menu li.blue a, .blue { color: #75c2d6; }
.menu li.green a, .green { color: #91d291; }
.menu li.orange a, .orange { color: #d6c375; }
.menu li a:hover {
	color: #ffffff;
	text-decoration: none;
}
li.blue a:hover { background-color: #75c2d6; }
li.orange a:hover { background-color: #d6c375; }
li.green a:hover { background-color: #91d291; }
h1, h2 {
	margin-bottom: 5px;
	padding-bottom: 15px;
	width: 100%;
	margin-left: 15px;
	color: #e0b48a;
}
h1.blue, h2.blue {
	background-image: url(../graphics/blue-title-bg.gif);
}
h1.orange, h2.orange {
	background-image: url(../graphics/orange-title-bg.gif);
}
h1.green, h2.green {
	background-image: url(../graphics/green-title-bg.gif);
}
.thumb {
	background: url(../graphics/thumb-wide-bg.jpg) top left no-repeat;
	padding: 4px;
	display: inline-block;
	margin-left: 12px;
	margin-right: -15px;
	margin-bottom: 15px;
	opacity: 0.7;
}
.thumb:hover {
	opacity: 1;
	padding: 0px;
	border: solid 4px #91d291;
	background: url(../graphics/thumb-wide-bg-hover.jpg) top left no-repeat;
}
.footer {
	background: url(../graphics/footer-bg.jpg) top left no-repeat;
	height: 25px;
	margin-top: -15px;
	font: 15px "Trebuchet MS", Tahoma, Verdana;
	padding-top: 75px;
	padding-left: 550px;
}
.textbox {
	padding: 3px;
	width: 772px;
	background: url(../graphics/textbox-bg.jpg) top left repeat; 
	display: inline-block;
	margin-left: 14px;
	margin-bottom: 10px;
}
.textbox input, textarea {
	width: 760px;
	border: none;
	padding: 6px;
	font: 15px "Trebuchet MS", Tahoma, Verdana;	
}
.left .textbox { width: 372px; }
.left .textbox input { width: 360px; }
form .left {
	width: 50%;
}
textarea {
	height: 100px;
}
.btn {		
	background: url(../graphics/textbox-bg.jpg) top left repeat; 
	padding: 3px;
	border: solid 2px #e0b48a;
	font: 17px "Trebuchet MS", Tahoma, Verdana;
	margin-right: 8px;
	color: #a5805c;
}
.oopss, .success {
	margin: 15px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	font-size: 20px;
	margin-top: 30px;
	line-height: 30px;
	color: #900;
}
.success {
	color: #390;	
}
.message li { color: #666; margin-bottom: 15px; list-style: none; }/*
.textbox.blue { background-image: url(../graphics/textbox-bg-blue.jpg);  }
.textbox.green { background-image: url(../graphics/textbox-bg-green.jpg);  }
.textbox.orange { background-image: url(../graphics/textbox-bg-orange.jpg);  }*/
.footer a {
	color: #d7c8bb;
	text-decoration: none;
}
.footer a:hover {
	color: #a89b90;
}
.main form h2 {
	padding-left: 0px;
	background: none !important;
	padding-bottom: 0px;
}
