body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }

html,body { 
		height:100%;
		font-family: "Courier New", "courier";
		line-height: 15px;
		font-size: 11px;
		word-spacing: -2px;
		color: #303030;
	}

body {
	
	background-image: url('../images/back.gif');
	background-repeat: repeat-y;
	background-position: center;
	
}

p {
	color: #303030;
}

a {
		text-decoration: none;
		color: #303030;
		padding-top: 4px;
		padding-bottom: 3px;
}

a:hover {
		background-color: yellow;
	}
	
a.noline { 
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	 }

a IMG { border: 0; }
	
img {
	background-color: none;
	text-decoration: none;
}

h1 {
	display:inline;
	border-bottom: 1px solid;
}

ul {
	font-size: 19px;
	line-height: 40px;
	color: white;
	padding-left:60px;
	padding-top:70px;	
}

ul a {
	color: white;	
}

ul a:hover {
	color: black;	
}

#container {
		height:100%;
		min-height: 100%;
		width:875px;
		margin:0 auto;
		position: relative;
	}

#container[id] { display: table; position: static; }

div.content {
		margin-top:20px;
		position: relative;
		float: left;
	}

#left {
		width:438px;
	}


#right {
		width:437px;
	}

.pageNum {
		margin-top:22px;
		z-index: 2;
		position: absolute;
	}

#leftPageNum {
		margin-left:30px;	
}

#previous {
		margin-left:65px;	
}


#rightPageNum {
		text-align: right;
		width:407px;
}

#next {
	text-align: right;
	width:372px;
}


#backToMenu{
		top:570px;
		margin-left:25px;
		vertical-align:bottom;	
}


.workDesc {
		padding-top:68px;
		padding-left:63px;
		padding-right:55px;
		z-index: 2;
		position: absolute;
		}

.texts {
	margin-top:90px;
	margin-left:65px;
	margin-right:30px;
	position: relative;
}

#text table #head {
	padding-bottom:9px;
}


#text table #l {
	width:60px;
	vertical-align: text-top;
	padding-top:6px;
}

#text table #l-contact {
	width:90px;
	vertical-align: text-top;
	padding-top:6px;
}


#text table #r {
	padding-top:6px;
}

#text table #it {
	vertical-align: text-top;
	padding-top:6px;
	padding-left:10px;
	padding-bottom: 2em;
}


#text table #ib {
	vertical-align: top;
	text-align: right;
	padding-top:6px;
	padding-bottom: 2em;
}

#news {
	padding-left:80px;
	padding-right:60px;
	padding-top: 5px;
	height:200px;
	color:white;
}

#updated {
	padding-left:60px;
	padding-right:60px;
	color:white;
}

.transparent {
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;		
}

.image {
	z-index:1; 
	position:absolute;
}

.movie {
	z-index:1; 
	position:absolute;
}

.startlink {
	color:white;
}

a.startlink:hover {
	color:#303030 !important;
}


/* -------------------------------------------------------------------------------- */

/*

some sample rules

html.gecko #container element { } // for gecko = mozilla = firefox browsers
html.win { } // windows
html.safari { } // safari 

can also be combined

html.win.gecko #foo #bar { } // firefox on windows
html.firefox3.mac table { } firefox 3 on mac

html body { font-family: arial;}
html.mac body { font-family: "lucida grande";}
html.win.firefox body { font-size: 99%; }

*/

/* -------------------------------------------------------------------------------- */