@charset "utf-8";
/* CSS Document */

*{
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

body{
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, address{
	margin: 2px;
	padding: 8px 8px 4px 8px;
}
p{
	margin: 2px;
	padding: 8px 12px 4px 12px;
}

h1{
	font-size: 1.8em;
}

h2{
	font-size: 1.6em;
}

h3{
	font-size: 1.3em;
}

h4, legend{
	font-size: 1.0em;
}

h5, p, li, table, label{
	font-size: 0.9em;
}

p{
	text-align: justify;
}
p.center{
	text-align: center;
}
input, select, textarea{
	font-size: 0.9em;
}

table{
	margin: 4px 8px 4px 8px;
	padding: 8px;
	width: 90%;
}

th{
	background: #646478;
	color: #FFFFFF;
}

td{
	vertical-align: top;
}
td.id{
	width: 64px;
}
td.name{
	width: 200px;
}
td.description{
}
td.category{
	width: 200px;
}

form{
	margin: 4px;
	padding: 4px;
}

label{
	white-space: nowrap;
}

div.info{
	background: #F4F5F6 url(/images/info-icon.png) no-repeat 4px 14px;
	border-top: 1px dotted #AAB4BE;
	border-bottom: 1px dotted #AAB4BE;
}
div.alert{
	background:#FFF5EB url(/images/alert-icon.png) no-repeat 4px 14px;
	border-top: 1px dotted #FFB4A0;
	border-bottom: 1px dotted #FFB4A0;
}
div.info, div.alert{
	margin: 10px 0;
	padding: 7px 10px 7px 35px;
}

ul.error{
	list-style: inside square;
	margin: 4px;
	padding: 0 0 0 12px;
}
ul.list li{
	font-size: 0.8em;
	color: #666666;
}

label.error, span.error, ul.error li {
	color: #FF0000;
}

label.error{
	font-weight: bold;
}

input.error, textarea.error{
	background-color: #EFEFEF;
}

fieldset{
	border: 1px solid #CCCCCC;
	padding: 10px 4px 10px 4px;
}
legend{
	margin: 0 5px 5px;
	color:#656565;
}

span.highlight{
	color: #669966;
	font-weight: bold;
}

p.monster{
	font-size: 2.4em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #003366;
}

a{
	color: #003366;
	text-decoration: none;
}
a:hover{
	color: #0066FF;
	text-decoration: underline;
}

div#container{
	position: relative;
	width: 970px;
	margin: 0px auto;
	background: url(/images/content.png) repeat-y top left;
}

div#header{
	position: relative;
	width: 970px;
	height: 188px;
	background: url(/images/header.png) no-repeat top left;
}
div#logo{
	position: absolute;
}
div#logo h1{
	display: none;
}
div#logo h2{
	position: absolute;
	top: 94px;
	left: 124px;
	width: 400px;
	color: #dddddd;
	font-size: 10pt;
	font-weight: normal;
}
div#navigation{
	position: absolute;
	top: 154px;
	left: 16px;
}
div#navigation ul{
	list-style: none;
}
div#navigation li{
	float: left;
}
div#navigation a{
	display: block;
	background: url(/images/navigation.png) no-repeat top left;
}
div#navigation a span{
	display: none;
}
div#navigation a.no1{
	width: 73px;
	height: 33px;
	background-position: 0px -33px;
}
div#navigation a.no1:hover{
	background-position: 0px 0px;
}
div#navigation a.no1.on{
	background-position: 0px 0px;
}
div#navigation a.no2{
	width: 110px;
	height: 33px;
	background-position: -73px -33px;
}
div#navigation a.no2:hover{
	background-position: -73px 0px;
}
div#navigation a.no2.on{
	background-position: -73px 0px;
}
div#navigation a.no3{
	width: 108px;
	height: 33px;
	background-position: -183px -33px;
}
div#navigation a.no3:hover{
	background-position: -183px 0px;
}
div#navigation a.no3.on{
	background-position: -183px 0px;
}
div#navigation a.no4{
	width: 119px;
	height: 33px;
	background-position: -291px -33px;
}
div#navigation a.no4:hover{
	background-position: -291px 0px;
}
div#navigation a.no4.on{
	background-position: -291px 0px;
}
div#navigation a.no5{
	width: 131px;
	height: 33px;
	background-position: -410px -33px;
}
div#navigation a.no5:hover{
	background-position: -410px 0px;
}
div#navigation a.no5.on{
	background-position: -410px 0px;
}
div#address{
	position: absolute;
	top: 8px; right: 16px;
	color: #ffffff;
	text-align: right;
	display: none;
}
div#content{
	width: 970px;
}
div#page{
}
div#page ul{
	padding: 4px 32px 4px 32px;
}
div#page .photo_right{
	float: right;
	margin: 8px 16px 8px 8px;
}
div#filmstrip{
	width: 950px;
	height: 164px;
	margin: 32px 10px 8px 10px;
	overflow: hidden;
}
div#photos{
	width: 20000px;
	height: 164px;
	position: relative;
}
div#photos .photo{
	cursor: pointer;
	cursor: hand;
	margin: 1px;
}
div#projects{
	width: 200px;
	float: left;
}
div#flashcontent{
	margin-left: 200px;
	width: 750px;
}
div#flashcontent ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#flashcontent ul li{
	float: left;
	width: 250px;
	height: 80px;
	text-align: center;
	padding: 4px 0 4px 0;
	margin: 0 0 12px 0;
}
div#flashcontent ul li img{
	cursor: pointer;
	cursor: hand;
}
div#footer{
	width: 970px;
	height: 80px;
	background: url(/images/footer.png) no-repeat top left;
}
div#footer p{
	padding: 32px 0;
	text-align: center;
	font-size: 8pt;
	color: #ffffff;
}
div#footer a{
	color: #ffffff;
	font-style: italic;
}
div#footer a:hover{
	text-decoration: underline;
}
div#progress-bar{
	width: 280px;
	margin: 32px auto;
}
#box {
	background: transparent url(/images/progress-bar-back.gif) no-repeat scroll right center;
	float: left;
	height: 20px;
	width: 220px;
}
#perc {
	background: transparent url(/images/progress-bar.gif) no-repeat scroll right center;
	height: 20px;
}
#text {
	color: #000000;
	float: left;
	font-family: tahoma,arial,sans-serif;
	font-size: 11px;
	padding: 3px 0 0 10px;
}