@charset "UTF-8";
/* CSS Document */

html {
	min-height:600px;
	min-width:600px;
}

a {
	 outline: none;

}

#head {
	position:fixed;
	top:0px;
	left: 0px;
	height: 190px;
	width:100%;
	z-index:3;
}

#logo_animation {
	position:fixed;
	top:0px;
	left: 0px;
	z-index:4;
}


#body {
	position:absolute;
	top:138px;
	bottom:80px;
	left: 0px;
	width: 100%;
	z-index:2;
}

p {
	text-align: left;
	font-size: 1em;
	color: #333;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}

h3 {
	text-align: left;
	font-size: 1.1em;
	color: #333;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace;
}

.content_drawers{
}

h3.trigger {
	height: 36px;
	line-height: 36px;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	background: url(images/header__shadow.png) repeat-x left top;
}

h3.trigger a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 15px;
}

h3.trigger a:hover { 
	color:#699;
}

h3.trigger a:active { 
	color:#699;
}
	
h3.active {
    outline: none;
} 

.toggle_container {
	overflow: hidden;
	font-size: 1em;
	width: 100%;
	clear: both;
}

.toggle_container p {
	padding-left: 40px;
	padding-right: 40px /*--Padding of Container--*/
}

#ankles {
	position:fixed;
	bottom:80px;
	left: 0px;
	height: 10px;
	z-index:1;
	background-color: #699;
	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=90);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;

}

#feet {
	position:fixed;
	bottom:0px;
	left: 0px;
	height: 80px;
	width: 100%;
	background-color:#333;
}

#feet p {
	text-align: right;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}
#feet p a {
	text-align: left;
	font-size: 1em;
	color: #699;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}
#feet p a:hover {
	text-align: left;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}