/*

	HTML STYLES

*/
html { /* Enables scrollbar all the time in firefox*/
 overflow-y: scroll !important;
}


body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2em;
    color: #333;
    padding: 0;
    margin: 0;    
}

a img {
	border: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}

a:link, a:visited, a:active {
	color: #000;
	font-weight: normal;
}

a:hover {
	color: #606060;
}

p {
	margin: 0 0 8px 0;
}

ul {
	list-style: square outside;
}
hr { /* For Internet Explorer */
	height: 1px;
	color: #CCC;
	border: none;
}

html>body hr { /* For Opera and Gecko-based browsers */
	height: 1px;
	background-color: #CCC;
	border: 0px solid #CCC;
}

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

*:focus {
	outline: 0;
}

/*

	LAYOUT
	
*/

#wrapper {
	margin: 30px auto;
    padding: 0;
    width: 990px;
    height: 600px;
    position: relative;
}

#header {
	position: absolute;
    top: 125px;
    width: 330px;
    min-height: 20px;
    height: auto!important;
    height: 20px;
    margin: 0;
    padding: 0;
}

a#logo {
	display: block;
    width: 160px;
    height: 245px;
    text-decoration: none;
    outline: 0;
    text-indent: -9999px;
    background: transparent url(../../_img/logo.gif) 0 0 no-repeat;
}

a#logo:hover {
	background: transparent url(../../_img/logo.gif) -160px 0 no-repeat;
}

#bubbles {
    position: absolute;
    left: 330px;
    width: 660px;
    height: 600px;
    background: #fff;
}

#structure {
	position: absolute;
    top: 185px;
    left: 330px;
	width: 660px;
    height: 170px;
    color: #fff;
}

#content {
	height: 130px;
	padding: 20px 20px 20px 40px;
    border: 1px solid #000;
    background: transparent url(../../_img/black.png) 0 0 repeat;
}

/*

	COPYRIGHT

*/

#footer {
	margin: 5px auto 10px auto;
    padding: 0;
    width: 900px;
    font-size: 10px;
    color: #A4A7A9;
}

.author {
	display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
	text-indent: -9999px;
}
#download {
	border: 1px solid #000;
    padding: 10px;
    margin: 400px 0 0 0;
    width: 200px;
    color: #fff;
    font-size: 10px;
    background: transparent url(../../_img/black.png) top left repeat;
}

#download a, .panel dd a {
	color: #00aeef;
}

#download a:hover, .panel dd a:hover {
	color: #ec008c;
}

#picture, #flashpanel, #apanel, #hpanel, #spanel {
	border: 1px solid #fff;
    width: 190px;
    float: left;
    height: 125px;
    background: transparent url(../../_swf/imports/livewormsign.jpg) top left no-repeat;
}

.panel {
	display: block;
	width: 190px;
    height: 130px;
    font-size: 11px;
    line-height: 1.2em;
    float: left;
    margin: 0 0 0 10px;
}

.fix {
	margin: 0;
}
.panel dl {
	padding: 0;
    margin: 0 0 0 -10px;
}

.panel dt {
	padding: 0;
    margin: 0;
}

.panel dd {
	padding: 0;
    margin: 0 0 10px 0;
}

/* Gallery Styles */

#motioncontainer {
width: 580px; 
height: 135px; 
border: 1px none #fff;
}

#motioncontainer a {
	padding: 0 5px;
}

#motioncontainer a img {
border: 1px solid #fff;
}

#motioncontainer a:hover img {
border: 1px solid #000;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute;
left: -300px;
visibility: hidden;
display: none;
}

#motioncontainer a:hover {
color: red; 
}
/* End Gallery Styles */

/*

	HEADINGS	

*/

h1 {
	font-weight: lighter;
    font-size: 10px;
	text-align: left;
    color: #fff;
    margin: 0;
  	position: absolute;
    top: 20px;
    left: 20px;
}

h2 {
	font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin: 0;
    padding: 0 0 0 40px;
    height: 25px;
}

/*

	NAVIGATION
	
*/

#nav ul, #nav ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}

#nav ul {
	margin: 0 0 0 35px;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	display: block;
    text-decoration: none;
    outline: 0;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    text-indent: -9999px;
}

#nav-li-1 a { width: 66px; background: transparent url(../../_img/nav.gif) 0 0 no-repeat; }
#nav-li-2 a { width: 58px; background: transparent url(../../_img/nav.gif) -66px 0 no-repeat;}
#nav-li-3 a { width: 72px; background: transparent url(../../_img/nav.gif) -124px 0 no-repeat;}
#nav-li-4 a { width: 61px; background: transparent url(../../_img/nav.gif) -196px 0 no-repeat;}

#nav-li-1 a:hover { width: 66px; background: transparent url(../../_img/nav.gif) 0 -16px no-repeat; }
#nav-li-2 a:hover { width: 58px; background: transparent url(../../_img/nav.gif) -66px -16px no-repeat;}
#nav-li-3 a:hover { width: 72px; background: transparent url(../../_img/nav.gif) -124px -16px no-repeat;}
#nav-li-4 a:hover { width: 61px; background: transparent url(../../_img/nav.gif) -196px -16px no-repeat;}

#subnav {
	position: absolute;
    right: 0;
    text-align: right;
    padding: 16px 0 0 0;
}

#subnav ul, #subnav ul li {
	list-style: none;
    margin: 0;
    padding: 0;
}

#subnav ul li a {
	display: block;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 0;
}

#subnav ul li a.active {
	color: #00aeef;
}

#subnav ul li ul li a {
	display: block;
    font-weight: bold;
    font-size: 10px;
    padding: 0;
    color: #999;
}

#subnav ul li ul li a.active, #subnav ul li ul li a:hover {
	color: #333;
}