@import "all.css";	

/* IN-PAGE WINDOW */

	.dhtmlwindow{
		position:absolute;
		border:1px solid #8d8d8d;
		frameborder:0;
		/*visibility: hidden;*/
		background-color:#cccccc;
		}
	.drag-handle{ /*CSS for Drag Handle*/
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#8d8d8d;
		line-height:14px;
		font-weight:bold;	
		padding:0px;
		text-indent:3px;
		background-color:#8d8d8d;
		cursor:move;
		overflow:hidden;
		width:auto;
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		}
	.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
		position:absolute;
		right:1px;
		top:0px;
		cursor:hand;
		cursor:pointer;
		}
	* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
		width:100%;
		}
	.drag-contentarea{ /*CSS for Content Display Area div*/
		border-top:1px;
		background-color:#cccccc;
		color:#8d8d8d;
		height:0px;
		padding:0px;
		overflow:auto;
		}
	.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
		border-top:1px solid #8d8d8d;;
		background-color:#F8F8F8;
		height:10px; /*height of resize image*/
		}
	.drag-resizearea{ /*CSS for Resize Area itself*/
		float:right;
		width:13px; /*width of resize image*/
		height:13px; /*height of resize image*/
		cursor:nw-resize;
		font-size:0;
		}
		
/* STRUCTURE */

	#contain {
		width:960px;
		margin:0 auto;
		}
	#banner {
		max-width:960px;
		height:158px;
		background:url("../images/banner_logo.png") no-repeat;
		}
	#content {
		background:white;
		width:958px;
		height:607px;
		border:1px solid #acacac;	
		}
	#contentbg1 {
		background:url("../images/bg01.png") no-repeat;
		/*background-attachment:fixed;*/
		background-position: bottom right;
		width:958px;
		height:607px;
		border:1px solid #acacac;	
		}		
	#contentbg2 {
		background:url("../images/bg02.png") no-repeat;
		/*background-attachment:fixed;*/
		background-position: bottom right;		
		width:958px;
		height:607px;
		border:1px solid #acacac;	
		}		
	#contentbg3 {
		background:url("../images/bg03.png") no-repeat;
		/*background-attachment:fixed;*/
		background-position: bottom right;		
		width:958px;
		height:607px;
		border:1px solid #acacac;	
		}	
	#contentbg404 {
		background:url("../images/bg404.png") no-repeat;
		/*background-attachment:fixed;*/
		background-position: bottom right;		
		width:958px;
		height:607px;
		border:1px solid #acacac;	
		}			
	#example {
		width:728px;
		height:588px;
		float:left;
		position:relative;
		left:19px;
		top:19px;		
		}
	#indexcontent {
		width:920px;
		height:588px;
		float:left;
		position:relative;
		left:19px;
		top:19px;		
		}			
	#textblock {
		width:440px;
		height:400px;
		float:left;
		position:relative;
		left:70px;
		top:30px;		
		}			
	#details {
		width:160px;
		height:494px;
		float:left;
		position:relative;
		left:39px;
		top:19px;		
		}	
	#contactform {
		width:400px;
		height:400px;
		float:left;
		position:relative;
		left:50px;
		top:30px;		
		}			
	#footer {
		width:960px;
		height:20px;
		text-align:center;
		float:left;
		position:relative;	
		}
	
/* NAVIGATION */

	#homenav {
		width:158px;
		height:100px;
		position:absolute;
		margin-left:12px;
		margin-top:27px;
		}
	#homenav a span {
		visibility:hidden;
		}
	#uninav {
		width:68px;
		height:68px;
		position:absolute;
		margin-left:890px;
		margin-top:20px;
		}	
	#portnav {
		width:500px;
		height:27px;
		position:absolute;
		margin-left:210px;
		margin-top:106px;
		}
	#subnav {
		width:500px;
		height:27px;
		position:absolute;
		margin-left:220px;
		margin-top:132px;
		}
	#uninav ul {
    	width:68px;
    	height:68px;
    	list-style:none;
		margin:0px;
		padding:0px;
		spacing:0px;
		position:relative;
		}		
	#portnav ul, #portnav li {
		list-style:none;
		margin:0px;
		padding:0px;
		display:inline;
		position:relative;
		}		
	#subnav ul, #subnav li {
    	width:500px;
		height:27px;
		list-style:none;
		margin:0px;
		padding:0px;
		display:inline;
		position:relative;
		}		
		
/* LINKS UNI */

	a.about {
    	width:68px;
    	height:16px;
       	text-decoration:none;
		display:block;
    	background:url("../images/n_about.png") no-repeat;
		}
	a.about:hover { 
    	background-position:-68px;
		}		
	a.work {
    	width:68px;
    	height:16px;
       	text-decoration:none;
		display:block;
    	background:url("../images/n_work.png") no-repeat;
		}
	a.work:hover { 
    	background-position:-68px;
		}	
	a.contact {
    	width:68px;
    	height:16px;
       	text-decoration:none;
		display:block;
    	background:url("../images/n_contact.png") no-repeat;
		}
	a.contact:hover { 
    	background-position:-68px;
		}
	a.login {
    	width:68px;
    	height:16px;
       	text-decoration:none;
		display:block;
    	background:url("../images/n_login.png") no-repeat;
		}
	a.login:hover { 
    	background-position:-68px;
		}
		
/* LINKS PORT */

	a.pres {
    	width:100px;
    	height:27px;
    	text-decoration:none;
		float:left;
    	background:url("../images/n_pres.png") no-repeat;
		}
	a.pres:hover { 
    	background-position:-100px;
		}
	a.ident {
    	width:63px;
    	height:27px;	
    	text-decoration:none;
		float:left;
    	background:url("../images/n_ident.png") no-repeat;
		}
	a.ident:hover { 
    	background-position:-63px;
		}
	a.web {
    	width:45px;
    	height:27px;
    	text-decoration:none;
    	float:left;
		background:url("../images/n_web.png") no-repeat;
		}
	a.web:hover { 
    	background-position:-45px;
		}
	a.interact {
    	width:82px;
    	height:27px;
    	text-decoration:none;
		float:left;
    	background:url("../images/n_interact.png") no-repeat;
		}
	a.interact:hover { 
    	background-position:-82px;
		}		
	a.motion {
    	width:58px;
    	height:27px;
    	text-decoration:none;
		float:left;
    	background:url("../images/n_motion.png") no-repeat;
		}
	a.motion:hover { 
    	background-position:-58px;
		}
	a.print {
    	width:51px;
    	height:27px;
    	text-decoration:none;
		float:left;
    	background:url("../images/n_print.png") no-repeat;
   		}
	a.print:hover { 
    	background-position:-51px;
		}	
	a.photo {
    	width:96px;
    	height:27px;
    	text-decoration:none;
    	float:left;
    	background:url("../images/n_photo.png") no-repeat;
		}
	a.photo:hover { 
    	background-position:-96px;
		}	
		
/* LINKS SUB */		
		
	a.subnav {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#c9c9c9;
		text-decoration:underline;
		float:left;
		padding:0px 7px 0px 7px;
		}
	a.subnav:hover { 
		color:#ffffff;
		}
	.subnav { 
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#ffffff;
		float:left;
		padding:0px 7px 0px 7px;
		}
	.subnavoff { 
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#999999;
		float:left;
		padding:0px 7px 0px 7px;
		}	

/* TEXT */
		
	.text {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#666666;
		line-height:14px;
		}
	a.textnav {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#666666;
		line-height:14px;
		text-decoration:underline;
		}
	a.textnav:hover {
		color:#333333;
		}			
	.heading {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#c0c0c0;
		line-height:14px;
		font-weight:bold;
		}
	.foot {
		font-family:verdana, arial, sans-serif;
		font-size:9px;
		line-height:24px;	
		color:#999999;
		}
	a.footnav {
		font-family:verdana, arial, sans-serif;
		font-size:9px;
		line-height:24px;	
		color:#999999;
		text-decoration:underline;
		}
	a.footnav:hover {
		color:#666666;
		}		
	.mainhead {
		font-family:verdana, arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#c0c0c0;
		line-height:18px;
		}		
	.maintext {
		font-family:verdana, arial, sans-serif;
		font-size:12px;
		color:#666666;
		line-height:18px;
		}
	a.maintextnav {
		font-family:verdana, arial, sans-serif;
		font-size:12px;
		color:#666666;
		line-height:18px;
		text-decoration:underline;
		}
	a.maintextnav:hover {
		color:#333333;
		}
	.smtext {
		font-family:verdana, arial, sans-serif;
		font-size:9px;
		color:#666666;
		line-height:12px;
		}
	a.smtextnav {
		font-family:verdana, arial, sans-serif;
		font-size:9px;
		color:#666666;
		line-height:12px;
		text-decoration:underline;
		}
	a.smtextnav:hover {
		color:#333333;
		}
	.basic {
		font-family:verdana, arial, sans-serif;
		font-size:11px;
		color:#ffffff;
		line-height:12px;
		}		
	a.basicnav {
		font-family:verdana, arial, sans-serif;
		font-size:11px;
		color:#cccccc;
		line-height:12px;
		text-decoration:underline;
		}
	a.basicnav:hover {
		color:#ffffff;
		}		
/* FORMS */
		
	input {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#666666;
 		background-color:#e4e4e4;
 		border: 1px solid #999999; 
		}
	textarea {
		font-family:verdana, arial, sans-serif;
		font-size:10px;
		color:#666666;
 		background-color:#e4e4e4;
 		border: 1px solid #999999; 
		}