*
{
	margin: 0;
	padding: 0;
}

body
{
	height: 100%;
	background: url('img/bg.png') repeat left top #FFF;
	font-family: Tahoma, sans-serif;
}

a img, fieldset
{
	border: 0 none;
}

ul
{
	list-style: none;
}

#all
{
	width: 980px;
	margin: 0 auto;
}

#title
{
	color: #366;
}

#title h1
{
	font-size: 2.6em;
	font-weight: bold;
	line-height: 0.8;
	margin-left: -3px;
}

#wrapper
{
	background: #366;
}

#menu
{
	padding: 5px 15px 0 15px;
}

#menu ul
{
	float: right;
}

#menu li
{
	float: left;
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
	margin: 7px 0 0;
}

#menu li.current
{
	color: #366;
	margin: 10px 0 0;
	padding: 8px 10px 2px 10px;
	background: url('img/menu_corner.png') no-repeat right top #FFF;
}

#menu li a
{
	display: block;
	position: relative;
	padding: 8px 10px 5px 10px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
}

#menu li a:hover
{
	color: #BCC;
}

#menu li ul
{
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
	background: #366;
}

#menu li ul li
{
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

#menu li ul li a
{
	width: auto;
	padding: 2px 7px;
	margin: 0;
	font-size: 0.4em;
}

#menu ul.sub
{
	float: none;
	position: absolute;
	width: 638px;
	margin-left: 316px;
}

#menu ul.sub li
{
	float: right;
	color: #EEE;
	font-weight: bold;
	font-size: 1.05em;
	padding: 10px 5px;
	margin: 0;
}

#menu ul.sub li.current
{
	background: transparent;
	color: #9CC;
}

#menu ul.sub a, #menu ul.sub a:link, #menu ul.sub a:visited
{
	color: #BDD;
	padding: 0;
}

#menu ul.sub a:hover
{
	color: #ACC;
}

#content
{
	height: 400px;
	background: #FFF;
	color: #000;
	margin: 0 6px;
	overflow: hidden;
}

#content-left
{
	width: 310px;
	height:auto !important;
	height: 300px;
	min-height: 300px;
	float: left;
	background: url('img/splitter.png') no-repeat right top transparent;
}

#content-left h2
{
	color: #044;
	font-size: 1.3em;
	text-align: right;
	margin: 10px 10px 5px 10px;
}

#content-left p
{
	margin: 5px 10px;
	font-size: 0.95em;
	text-align: justify;
}

#content-left p.back
{
	font-size: 0.7em;
	margin: -5px 10px 2px 10px;
	text-align: right;
}

.back a, .back a:link, .back a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #BDD;
}

.back a:hover
{
	color: #BCC;
}

#content-left ul
{
	width: 270px;
	margin: 0 auto;
}

#content-left li
{
	padding-left: 10px;
	font-size: 0.9em;
}

#content-left li.head
{
	padding-left: 3px;
	font-weight: bold;
	color: #FFF;
	background: #044;
	margin: 2px 0 0 0;
}

#content-left ul a, #content-left ul a:link, #content-left ul a:visited
{
	text-decoration: none;
	color: #008;
}

#content-left ul a:hover
{
	color: #00C;
}

#content-right
{
	width: 638px;
	display: inline;
	margin: 40px 10px;
	padding: 0;
	float: left;
}

#content-right p
{
	font-size: 0.95em;
	text-align: justify;
}

#content-right p a, #content-right p a:link, #content-right p a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #366;
}

#content-right p a:hover
{
	color: #399;
}

#contact
{
	width: 400px;
	margin: 5px auto;
}

#contact p
{
	color: #366;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
}

#picture
{
	text-align: center;
}

#picture img
{
	border: 2px solid #044;
}

#textfield
{
	height: 320px;
	overflow: auto;
}

#textfield p
{
	margin: 0px 5px 3px 0;
}

#footer
{
	position: relative;
	padding: 15px 10px;
}

.work-container
{
	width: 200px;
	margin: 5px;
	display: inline;
	background: #033;
	color: #FFF;
	float: left;
	cursor: pointer;
}

.work-container a, .work-container a:link, .work-container a:visited
{
	color: #FFF;
	text-decoration: none;
}

.work-container a:hover
{
	color: #BCC;
}

.work-container h3
{
	text-align: center;
	padding: 0 5px 3px;
	font-size: 0.9em;
}

.work-image
{
	width: 190px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
}

.overlay
 {
	z-index: 1;
	background: url('img/overlay.png') repeat left top transparent;
	position: absolute;
	width: 190px;
	height: 100px;
 }

.input
{
	background: #044;
	color: #FFF;
	text-align: right;
	margin-bottom: 1px;
}
 
.input label
{
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
	margin: 2px 5px;
	float: left;
} 

.inputtext
{
	width: 250px;
	border: 2px solid #044;
}

.textarea
{
	width: 396px;
	height: 200px;
	border: 2px solid #044;
	margin-bottom: 1px;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

.inputtext:focus, .textarea:focus
{
	background: #FFFFD6;
}

.submitrow
{
	text-align: center;
}

.submit
{
	width: 75px;
	height: 24px;
	background: url('img/submit.png') no-repeat center center #044;
	border: 0 none;
	font-size: 0em;
	margin: 0 auto;
	cursor: pointer;
}

.submit.highlight
{
	background: url('img/submit_hover.png') no-repeat center center #066;
}

.error
{
	position: absolute;
	margin: 0 0 0 -21px;
}

.errorbox
{
	position: absolute;
	width: 168px;
	margin: 0 0 0 -167px;
}

.errorbox span
{
	display: inline;
	float: left;
}

.errorbox span.msg
{
	padding: 4px 6px;
	background: #600;
	color: #FFF;
	font-weight: bold;
	font-size: 0.6em;
	width: 150px;
}

.errorbox span.arrow
{
	width: 5px;
	height: 9px;
	margin-top: 3px;
	background: url('img/error_arrow.gif') no-repeat left top transparent;
}

.hide
{
	display: none;
}

.clr
{
	clear: both;
}