/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {font-size: 14px; font-family: Helvetica, Arial, Verdana, sans-serif; background: #fff; line-height: 17px; font-weight: bold; }

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #00F; }

a img { border: none; }

small {text-align: center; display: block; font-family: Times, "Times New Roman", serif; font-weight: normal; font-size: 15px;}
note {line-height: 17px; vertical-align: top;}
sup {font-family: "Courier", "Courier New", serif; font-weight: normal; font-size: 11px;line-height: 8px; padding-left: 1px;}

#menu { width: 100%; position: absolute; }

#menu ul { list-style: none; margin: 0;}
#menu ul li.section-title { }

/* styles for menu sections */

/* Information */
#menu ul.section-1 { }

/* Projects */
#menu ul.section-3 { position: fixed; left: 470px; top: 10px; height: 14px; overflow: hidden; width: 220px; z-index: 1000; display: none; }
#menu ul.section-3 a { color: #ccc !important; }
#menu ul.section-3:hover { height: auto; background-color: #ff0 !important; }
#menu ul.section-3:hover a { color: #000 !important; }





#content {position: absolute; height: 640px; width: 100%;}
#content .container {position: absolute; margin: 30px 10px 50px 10px; left: 0px; right: 0px;}
#content .container img {text-align: center; display: block; margin-left: auto; margin-right: auto;}
#content p { width: 100%; margin-bottom: 17px; }


.content {position: absolute; height: 640px; width: 100%;}
.content .container {position: absolute; margin: 50px 10px 50px 10px; left: 0px; right: 0px;}
.content p { width: 100%; margin-bottom: 17px; }


#section-topleft { position: fixed; left: 12px; top: 7px; z-index: 1000; width: 220px; }
#section-topright {position: fixed; right: 10px; top: 7px; z-index: 1000; width: 224px;}
.section-topleftsecond { position: fixed; left: 240px; top: 7px; z-index: 1000; width: 220px; }
#section-botright {position: fixed; right: 10px; bottom: 10px; z-index: 1000;}
#section-botright p {margin-bottom: 0; margin-top: 14px;}
#section-botleft {position: fixed; left: 12px; bottom: 10px; z-index: 1000;}
.section-1 #section-botleft {display: none;}
/* this is actually section-botleft */
#section-title {position: fixed; left: 12px; bottom: 10px; z-index: 1000;}

#section-loading {position: fixed; left: 12px; bottom: 10px; z-index: 1000;}


#pagecount {position: fixed; left: 10px; bottom: 30px;}

/* styles for Shoukas layout */

/* four column layout */
.container .aes-1-4 { position: absolute; top: 0px; left: 0px; width: 220px;}
.container .aes-2-4 { position: absolute; top: 0px; left: 230px; width: 220px;}
.container .aes-3-4 { position: absolute; top: 0px; left: 460px; width: 220px;}
.container .aes-4-4 { position: absolute; top: 0px; left: 690px; width: 220px;}


/* two column layout */
.container .aes-1-2 { position: absolute; top: 0px; left: 0px; width: 450px;}
.container .aes-2-2 { position: absolute; top: 0px; left: 460px; width: 450px;}


/* one column layout */
.container .aes-1-1 { position: absolute; top: 0px; left: 0px; width: 910px;}





p { margin: 0 0 14px 0; }

h1 { font-size: 14px; padding-left: 30px; padding-bottom: 14px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }




/* Information Screen */

#information {position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: none; background-color: #fff; z-index: 900;}
#information img {display: block;}



/* Index */

#front { list-style: none; margin: 0px 0px 0px 35px; max-width: 1700px; z-index: -10 !important;}

#front .item {float: left; padding: 0px 65px 37px 0px; position: relative;}
#front .item .item_title {text-align: center; position: relative; font-family: Times, "Times New Roman", serif; font-weight: normal; font-size: 15px;}
#front .item img {margin-bottom: 17px;}
#front .item div {margin-bottom: 17px;}
#front .item .fig {position: absolute; left: 0px;}
#front .item a:hover {color: #000;}


#thecontent {}


img {display: none;}