@charset "ISO-8859-1";
		body, html {height: 100%; margin: 0; padding: 0;}
		
		div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
                margin-top: -321px;                                                              /* Half the height of div#blueBox. */
                float: left;
            }
		
		#outer { height:642px; overflow: visible; clear:both; top: -321px;} /* or without overflow */

body {color:#666;	
	font-family: Arial;
	vertical-align: middle;
	overflow:auto;
	}
a { 
	color:#666;
	text-decoration:none;
	outline:none;
	}
img {border:none;}

a:hover { 
	color:#ff0000;
	}

#container {
	padding: 0px;
	margin:0px;
	height:auto;
	width: 900px;
/*	border: 1px solid #FF0000;
*/	overflow: hidden;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-align: left;
	position:relative;
	
	
}

#square {
/*	background-color: #CCCCCC;
*/	padding: 15px 15px 15px 15px;
	height: 580px;
	width: 580px;
	border: 2px solid #ccc;
	margin: 0px;
	float: left;
}

#square h1 {padding:0 0 10px 0; margin:0; font-size:18px; font-weight:bold; text-transform:uppercase;}
#square h2 {padding:0 0 10px 25px; margin:0; font-size:14px; font-weight:bold;}
#square p {padding:0 0 0 0px; margin:0; font-size:12px; font-weight:normal;}
#square a {color:#990000;}
#square a:hover {color: #FF0000;}

#text { 
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	height:100%;
	overflow:auto;
}

#text h3 {padding:0; margin:0; font-size:16px;}
#text h4 {padding:0; margin:10px 0; font-size:14px;}
#text p {padding:0 15px 0 0; margin:20px 0 0 25px; font-size:14px;}

#profiles { 
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	height:100%;

}

#profiles_left { 
	background-color:#ffffff;
	float:left;
	width:42%;
	padding:0px;
	margin:0px;
}


#scrollbars { 
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	float:right;
	width:3%;
	height:100%;
	overflow:hidden;
}

#ScrollingArea	{ 
	float: right;
	position:relative; 
	width:300px; height:580px; 
	overflow:hidden;
	background-color:#ffffff;	
	}

#ScrollingAreaText { 
	position:relative; 
	}

	
#ScrollingAreaText h3 { font-size:16px; font-weight:bolder;
margin: 0px 0 10px 0; }

#ScrollingAreaText h4 { 
font-size:12px; font-weight:bold;
margin: 10px 0 5px 0; }


#ScrollingAreaText p { 
font-size:12px; font-weight:normal;
margin: 0px 10px 10px 0; text-align:justify; }

#images { 
/*	background-color:#ff1254;
*/	padding:0px;
	margin:0px;
	height:100%;
}

#logoload { 
	background-color:#ff1254;
	padding:0px;
	margin:0px;
}

#startimage {
/*	background-color:#eee;
*/	padding:0px;
	margin:0px;
	height:540px;
	width:580px;
	text-align:right;
	max-height:540px;
	max-width:580px;
	cursor:pointer;

}        
#startimage img {
/*	background-color:#f00;
*/	width:580px;
	margin-top:250px;
}        

.clearall {clear:both;}
#picture { 
	background-color:#eee;
	padding:0px;
	margin:0 0 0 0;
	height:580px;
	width:580px;
	text-align:right;
	float:right;
	max-height:580px;
	max-width:580px;

}

#picture img{ 
	padding:0px;
	margin:0px;
}



#mainImageOutline {
	padding:0px;
	margin:0 0 0 0;

}


#mainImage {
width: 100%;
height:100%;


}


#controls { 
	background-color:#fff;
	padding:0px;
	margin:0px;
	height:30px;
	width:100%;
	text-align:center;
	clear:both;
}
#controls ul li { 
	display: inline;
}
#controls img { border:none;
}

.selectedThumbnail { background-color:#FF0000;}



#vertical_nav_bar {
/*	background-color: #FFFFCC;
*/	padding: 0;
	height: 400px;
	width: 30px;
	float: left;
	font-weight: normal;
	font-variant: normal;
	
}
#vertical_nav_bar img {margin:0; padding:0; border:none; cursor:pointer;}

#vertical_nav_bar td.navbarheight {
	height:130px;
}


#nav_menu {
	font-size: 10px;
	font-weight: bolder;
/*	text-transform: uppercase;
*/	color: #666666;
	float: left;
/*	background-color:#FF00FF;
*/	width:220px;
	height:450px;
}

#nav_menu ul {
	list-style:none;
	margin-left:0;
	padding:0;
}

#nav_menu ul.uppercase {
text-transform:uppercase;}


#nav_menu ul li { 
	border-left:none;
	margin-left:5px;
	padding-left:15px;	
	margin-bottom: 3px;
	}
	

#nav_menu ul li.back {margin-top:10px; list-style-image: url(/images/backarrow.gif); 	border-left:none; list-style-position:inside;
}


#nav_menu ul.profilesection {margin-top:0px;}
#nav_menu ul.projectssection {margin-top:130px;}
#nav_menu ul.featuressection {margin-top:220px;}
#nav_menu ul.contactsection {margin-top:300px;}
#detail {
	height: 120px;
	float:left;
	width: 220px;
/*	background-color: #99FFFF;
*/	margin-left: 51px;
	padding: 0px;
	text-align:left;
	
	}
#detail h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0px;
}
#detail h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#detail h4 {
	font-size: 12px;
	margin: 10px 0 0 0; 
	padding: 0px;
	font-weight:200;

}
#detail #thumbnails {
	margin:0px;
	padding:0px;
	position: absolute;
	bottom: 22px;

	}
#detail #loadingimage {
	margin:0px;
	padding:0px;
	position: absolute;
	bottom: 55px;

	}
	
#detail #playpause {
	margin:0px;
	padding:0px;
	position: absolute;
	bottom: 22px;

	}


#detail li {
	display:inline;
	}
#logo {
	padding: 10px 0 0 0;
	clear: both;
}

#menu_profile, #menu_principals, #menu_office, #menu_features, #menu_competitions, #menu_press, #menu_projects, #menu_projectdetail, #images, #detail, #text, #profiles, #container2, #motioncontainer {
	display: none;
	
}

#logosmall, #vertical_nav_bar {visibility: hidden;}

#thumbnails img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#thumbnails .thumbnail {
	display: inline;
}
#motioncontainer {
				/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
				width: 580px; 
				/* Set to gallery width, in px or percentage */
				
				height: 580px;
				/* Set to gallery height */
				
				}
				
				#motioncontainer a img {
				border: 1px solid #cccccc; 
				/* Set image border color */
				}
				
				#motioncontainer a:hover img {
				border: 1px solid navy;
				/* Set image border hover color */
				}
				
				#statusdiv {
				background-color: lightyellow;
				border: 1px solid gray;
				padding: 2px;
				position: absolute;
				/* Stop Editing Gallery Styles */
				left: -300px;
				visibility: hidden;
				}
				
				#motioncontainer a:hover {
				color: red; 
				/* Dummy definition to overcome IE bug */
				}