<!--
/* CSS Document */
	
	.btn {
		width:60px; 
		height:25px;
		text-align:center;
		background:url(../../images/btn-bg.gif) repeat-x center;
		cursor:pointer; 
		padding:4px;
		width:100px;
		height:25px;
		background-color:#232323;
		border:1px solid #000;
		color:#fff;
		margin-bottom:10px; }		

/*--RESET ALL--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
	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;
}
/*--END RESET ALL--*/

html, body {
	height: 100%; /* required */
	/*overflow:hidden;  CAUTION! = force not showing scrollers when browser window is smaller then website */ }

.opera html, 
.opera body {
	overflow:hidden;  /*CAUTION! = force not showing scrollers when browser window is smaller then website */ }

body {
	text-align: center; /* horizontal centering hack for IE */
	padding: 0; /* required to "hide" distance div */
	margin: 0; /* required to "hide" distance div */
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background-image:url(../../images/body-bg.gif);
	background-position:top; 
	background-repeat:repeat-x;
	background-color:#282727; }

#distance {
	margin-bottom: -360px; /* half of "content" height */
	background: none; /* temporary - used to see div */
	width: 1px; /* required to "hide" distance div */
	height: 50%; /* required */ }

#content {
	position: relative; /* positions content on top of distance */
	width: 900px; /* required - desired width */
	height: 720px; /* required - desired height */
	margin: 0 auto; /* required */
	z-index:10;
	background-image:url(../../images/content-bg.png);
	background-position:center; 
	background-repeat:no-repeat; }
	
/*=================== Main Elements ===============*/
h1{
	font-size:14px;
	color:#FFF;
}
h2{
	font-size:12px;
	color:#373434;
}
h3{
	font-size:14px;
	font-weight:bold;
}
h1 a,
h2 a,
h3 a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

#header {
	position:relative;
	top:0;
	width:900px;
	height:85px;
	color:#FFF;
	z-index:2000; }

	#header div#logo {
		width:335px;
		height:85px; }

	#header div#logo img {
		width:225px;
		height:85px; }

	#header div#menu {
		position:relative;
		width:565px;
		height:85px; }

#main {
	position:relative;
	top:0;
	width:900px;
	height:535px;
	overflow:hidden;
	z-index:20; }

	#main #text {
		position:relative;
		padding:15px 0;
		width:540px;
		height:70px;
		text-align:justify;
		overflow:hidden; }

	#main #text h1{
		position:absolute;
		bottom:10px;
		display:inline-block;
		padding:5px 15px;
		background-color:#dc2728;
		color:#FFF; }

	#main #hp-blocks {
		margin:0 auto;
		width:770px;		
		height:435px;
		overflow:hidden; }
		
	#main .block {
		position:relative;
		width:110px;
		height:435px;
		background:url(../../images/block-bg.png) no-repeat right top;
		overflow:hidden; }

	/*#main .block.after_effects { background:url(../../images/block-after_effects.png) no-repeat top; }
	#main .block.dimention { background:url(../../images/block-dimention.png) no-repeat top; }
	#main .block.editing { background:url(../../images/block-editing.png) no-repeat top; }
	#main .block.sound { background:url(../../images/block-sound.png) no-repeat top; }
	#main .block.design { background:url(../../images/block-design.png) no-repeat top; }
	#main .block.direction { background:url(../../images/block-direction.png) no-repeat top; }*/
	
		#main .block .content {
			padding:0 10px;
			position:relative;
			top:0;
			width:90px;
			height:350px;
			line-height:20px;
			overflow:hidden; }
	
		#main .block .content h1{
			line-height:28px;
			height:35px; }
	
		#main .block .content a.inner-link{
			display:block;
			background-color:#3e3d3d;
			color:#aeaeae;
			background-image:url(../../images/a-arrow.gif);
			background-repeat:no-repeat;
			text-decoration:none;
			margin-top:4px;}
			
		#main .block .content a.inner-link:hover{
			color:#FFF; }
			
		#main .block img.bg-img{
			position:absolute;
			top:0;
			z-index:100; 
			overflow:hidden; }
	
	#main #page-text {
		position:relative;
		width:670px;
		height:290px;
		background-image:url(../../images/page-text-bg.jpg);
		background-repeat:repeat-x;
		overflow:hidden;
		z-index:20; }

	#main #page-text ul{
		list-style:square inside;
	}

	#main #page-text ul li{
		padding:3px 0;
	}

	#main #page-text a {
		color:#999; }

	#main #page-text a:hover {
		color:#fff; }

	#main #alumni{
		width:175px;
		height:408px;
		/*background-image:url(../../images/2009.png);
		background-repeat:no-repeat; */}
		
	#main div.item span{
		width:51px;
		height:71px; }
		
	#main #gallery{
		width:175px;
		height:408px;
		background-image:url(../../images/gallery.png);
		background-repeat:no-repeat; }

	#main #alumni span,
	#main #gallery span{
		display:block;
		margin-bottom:3px; }

	#main #alumni span a{
		color:#5f5757;
		display:block;
		text-decoration:none; }

	.msie6 #main #alumni span a{
		width:100%; }

	#main #gallery span a img{
		border:2px solid #666; }

	#main #gallery span a img:hover{
		border:2px solid #DC2728; }

	#main #gallery span a img#selected{
		width:150px;
		height:120px;
		border:2px solid #FFF; }

	#main #alumni span a:hover,
	#main #alumni span a#selected{
		color:#FFF; }

	#main #page-text .scroll-pane{
		height:290px;
		cursor:text; }
		
	#main #alumni .scroll-pane,
	#main #gallery .scroll-pane{
		width:175px;
		height:408px; }
		
	#main #video {
		position:relative;
		top:0;
		width:512px;
		height:409px;
		z-index:20; }

	#main #video h1,
	#main #video h2{
		position:absolute;
		top:-36px;
		font-size:14px;
		display:inline-block;
		padding:5px 15px;
		background-color:#dc2728;
		color:#FFF; }

	#main #video img#info{
		position:absolute;
		top:-36px;
		width:26px;
		height:26px;
		display:inline-block; }

	#main #video p{
		color:#FFF;
		text-align:justify; }

	#main #video h3{
		color:#DC2728; }

	#main #video span{
		font-size:11px;
		color:#999; }

	#main #video span.sep{
		padding:0 5px; }

	#main #gallery h2{
		position:absolute;
		top:-36px;
		right:0px;
		font-size:14px;
		display:inline-block;
		padding:5px 15px;
		background-color:#dc2728;
		color:#FFF; }
		
	#main #map{
		border:1px solid #000;
		width:425px;
		height:275px; }
		
div#Desc-Panel{
	position:absolute;
	top:25px;
	width:427px;
	height:218px;
	background-image:url(../../images/desc-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	display:none;
	z-index:100000;
}
div#Desc-Panel-move{
	position:absolute;
	top:0px;
	width:164px;
	height:37px;
	background-image:url(../../images/blank.gif);
	background-repeat:no-repeat;
	background-position:center;
	z-index:100000;
	cursor:move;
}
div#Desc-Panel-move:hover{
	background-image:url(../../images/desc-bg-move-over.png);
	cursor:move;
}
.msie6 div#Desc-Panel-move:hover{
	background-image:url(../../images/blank.gif);
}
div#Desc-Panel h3{
	color:#DC2728;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;}

div#dscClose{
	position:absolute;
	top:8px;
	cursor:pointer;
	width:30px;
	height:28px;
}
#footer {
	font-size:14px;
	width:900px;
	height:100px;
	color:#716f6f;
	line-height:40px;
	overflow:hidden; }

	#footer a {
		color:#716f6f;
		text-decoration:none; }

	#footer a:hover {
		text-decoration:underline; }

	#footer #newsletter{
		position:absolute;
		bottom:100px;
		padding:10px;
		width:310px;
		height:104px;
		line-height:25px;
		color:#fff;
		overflow:hidden;
		display:none;
		background:url(../../images/newsletter-bg.png) no-repeat center;
		z-index:10000; }


	#footer #newsletter h2{
		font-size:16px;
		color:#efefef;
		font-weight:bold;
		padding:0;
		margin:-10px 0 5px 0;}

	#footer #newsletter form{
		position:relative;
		z-index:20000; }

	#footer #newsletter form label{
		display:inline-block;
		width:35px; }

	#footer #newsletter form input{
		padding:4px;
		width:100px;
		height:15px;
		background-color:#232323;
		border:1px solid #000;
		color:#fff;
		margin-bottom:10px; }

	#footer #newsletter form input.btn{
		width:60px; 
		height:25px;
		text-align:center;
		background:url(../../images/btn-bg.gif) repeat-x center;
		cursor:pointer; }

	#footer #newsletter form input.btn:hover{
		color:#DC2728; }

		#footer #newsletter img#close{
			position:absolute;
			top:0px;
			width:25px;
			height:25px; }
	
	#footer img#join{
		position:absolute;
		bottom:20px;
		width:80px;
		height:80px; }

/*====================== END Main Elements ===============*/
/*====================== start Menus ======================*/
#header div#menu ul#menu-top {
	position:relative;
	top:60px;
	width:100%;
	display:block; }

	#header div#menu ul#menu-top li {
		width:90px;
		height:25px;
		line-height:25px;
		display:inline-block;
		text-align:center;
		color:#FFF;
		overflow:hidden;
		background-image:url(../../images/menu_btn.jpg);
		background-position:0 25px; }

		#header div#menu ul#menu-top li:hover,
		#header div#menu ul#menu-top li.selected{
			font-size:14px; }

		#header div#menu ul#menu-top li a {
			display:block;
			width:90px;
			height:25px;
			line-height:25px;
			color:#FFF;
			font-size:14px;
			text-decoration:none; }

		#header div#menu ul#menu-top li.sep {
			margin:0;
			padding:0;
			white-space:nowrap;
			width:1px;
			background-image:none; }

	#header div#menu-hidden {
		display:none; }

	#header div#menu-hidden div#rec{
		position:absolute;
		top:85px;
		width:155px;
		height:200px;
		z-index:99; }

	#header div#menu-hidden ul {
		position:absolute;
		top:85px;
		color:#FFFFFF;
		z-index:100; }

	#header div#menu-hidden ul li {
		padding:4px 7px;
		width:100px;
		height:20px;
		line-height:20px;
		display:block;
		border-top:1px solid #000;
		background-color:#232323; }

	.msie7 #header div#menu-hidden ul li {
		margin-bottom:-3px; }
		
	#header div#menu-hidden ul li:hover {
		background-color:#3e3c3d; }

	#header div#menu-hidden ul li a{
		color:#FFFFFF;
		text-decoration:none; 
		display:block; }

	.msie6 #header div#menu-hidden ul li a{
		width:100%; }
		
/*====================== END Menu ======================*/
/*====================== Classes =======================*/
.clearboth {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both; }

.clear { border:none; }
strong { font-weight:bold; }

.lower {
	position:relative;
	top:3px; }
.long-txt {
	display:none; }

.low {
	position:relative;
	top:5px; }

.msg{
	position:relative;
	top:-5px;
	padding:0px 5px;
	font-size: 11px;
	background-color:#000;
	display:none;
	width:295px;
	z-index:50;
}
.msg strong{
	font-weight:bold;
}
.msg img{
	position:relative;
	top:2px;
	display:inline;
}
.seperator {
	height:1px;
	line-height:1px;
	padding:0;
	margin:0;
	border-top:1px solid #433f3f;}

/*====================== END Classes ==================*/



/*====================== START jScrollPane =======================*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	outline:none;
	z-index: 1;
}
.jScrollPaneTrack {
	display:none;
}
.jScrollPaneDrag {
	display:none;
}
.jScrollPaneDrag:hover {
	background-image:url(../../images/scrollbg-over.gif);
}
.jScrollPaneDragTop {
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 13px;
	overflow: hidden;
	background-image:url(../../images/jScrollArrowUp-over.png);
	height: 20px;
	line-height: 0px;
}
a.jScrollArrowUp:hover {
	background-image:url(../../images/jScrollArrowUp.png);
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	overflow: hidden;
	background-image:url(../../images/jScrollArrowDown.png);
	height: 10px;
}
a.jScrollArrowDown:hover {
	background-image:url(../../images/jScrollArrowDown-over.png);
}
/*====================== END jScrollPane =======================*/
-->