body { background-color: #3B746B; font-family: verdana; font-weight: normal; color:#ffc; font-size: 13px; }

/* HTML */

p { font-size: 13px; line-height: 140%; }
p.cero { margin: 0; padding: 0; }
p.spaced { margin: 0 0 10px 0; }
p.menu { color: #c93; margin-bottom: 20px; margin-left: 90px; }
p.foot { font-size: 12px; line-height: 130%; }
p.subtitle, p.subtitle2 { font-size: 13px; font-family: courier; line-height: 130%; }
p.subtitle { color: #fc3; margin: 0 0 20px 0; }
p.subtitle2 { color: #fc3; margin: 20px 0 25px 0; }
p.ad { color: #c93;  }
p.date { color: #cc9; text-align: right; font-size: 11px; }
p.quote { font-size: 12px; color: #cc9; margin-bottom: 10px; }
p.testi { color: #ffc; line-height: 120%; font-family: courier; margin: 0 0 5px 0; }
p.credit { color: #fc3; font-family: courier; margin: 0 0 20px 0; font-size: 12px; }
h1 { font-size: 16px; color: #c90; text-align: right; margin: 0 0 25px 0;}
h1.uni { text-align: left;  margin: 0; padding: 0; }
h2 { font-size: 15px; color: #fc3; margin: 25px 0 20px 0; }
h2.uni { margin: 0 0 5px 0; }
h2.lite { color: #ffc; }
hr { border: 0; width: 100%; color: #600; background-color: #600; height: 1px;  }
ul { list-style: square inside; margin: 20px 0 20px 0; }
li  { font-size: 13px; line-height: 140%; color:#ffc; }

/* STYLES */

.center { margin-left: auto; margin-right: auto; text-align: center; }
.bold { font-weight: bold; }
.notes { font-family: 'andale mono'; font-size: 10px; color: #cc9; font-weight: normal; }
.hi { color: #fff; font-weight: bold; }
.hi2 { color: #cc9; }
.hi3 { color: #fc3; font-weight: bold; }
.hi4 { color: #ffc; font-weight: normal; text-decoration: line-through; }
.cour { font-family: courier; color: #cc6; }
.ital { font-style: italic; }
.sup { font-weight: normal; vertical-align: 15%; font-size: 80%; }

/* NAVIGATION */

p.nav { font-size: 10px; text-align: center; }
.dots, .dots2, .bullet { color: #fc3; font-family: arial; font-weight: bold;}
.dots { margin: 0 3px; 0 3px; }
.dots2 { margin: 0 10px; 0 10px; }
.bullet { margin-right: 3px; }

a:link, a:visited { color: #afc9d9; text-decoration: none; padding: 0 3px 2px 3px; }
a:hover, .here { color: #fff; text-decoration: none; background-color: #630; padding: 0 3px 2px 3px;}

a.liga:link, a.liga:visited { color: #cb6; text-decoration: none; margin-right: 15px; }
a.liga:hover { color: #fff; text-decoration: none; }

a.read:link, a.read:visited { color: #cc3; text-decoration: none; font-weight: bold; }
a.read:hover { color: #ffc; text-decoration: none; font-weight: bold; background-color: #3B746B;}


/* CONTAINERS */

#head, #head2, #head3 { float: left; }
#head { width: 320px; text-align: left; margin-top: 35px; }
#head2 { width: 350px; text-align: left; margin-top: 35px; padding-top: 50px; }
#head3 { width: 360px; text-align: right; margin-top: 25px; }

#footer { color: #ffc; text-align: center; margin: 10px 0 50px 0; }
#cont { position: relative; width: 600px; text-align: left; margin-top: 10px; }
.cont3 { float: left; width: 430px; text-align: left; }
#boxlite { float: right; width: 340px; padding: 7px 10px 10px 10px; border: #fc3 3px dotted; text-align: right; margin-top: 5px; background-color: transparent; font-weight: normal; font-size: 12px; }
#boxlite.two { width: 300px; text-align: center; }
#readcont { float: left; width: 330px; margin: 50px 20px 20px 0; }
#lectura { float: left; width: 250px; padding: 0; background-color: transparent; text-align: center; }
#instruct { width: 300px; padding: 10px 15px 10px 15px; background-color: #687; text-align: left; margin-top: 20px;}

#newwrap { float: right; width: 350px; color: #ffc; background-color: transparent; text-align: left; }

#curly1, #curly2 { height: 45px; font-size: 900%; color: #b95; font-family: times; font-weight: bold; background-color: transparent;}
#curly1 { float: left; text-align: center; width: 85px; }
#curly2 { float: right; text-align: left; margin: -40px 40px 30px 0; width: 65px; }

.clear { clear: both; }

/* SCREENSHOTS */

#book { float: left; width: 200px; margin: 20px 0 20px 0; background-color: transparent; padding: 5px 10px 0 5px; border: #fc3 1px dotted; text-align: center;}
#book2 { float: left; width: 300px; margin: 20px 0 20px 70px; padding: 0; background-color: transparent; text-align: right; }
#shots { position: relative; width: 300px; height: 170px; text-align: center; margin: 30px 0 20px 0; background-color: transparent; }

a.foto { z-index: 24; text-decoration: none; }
a.foto:hover { z-index: 25; background-color: transparent; }
a.foto span { display: none; }
a.foto:hover span { display: block; position: absolute; top: -60px; left: -290px; width: 220px; background-color: #3B746B;  }

/* CONTACT */

#formwrap { float: right; width: 300px; padding: 15px 15px 10px 15px; border: #fc3 1px dotted; color: #ffc; background-color: transparent; }
#formwrap img { margin-right: 10px; margin-top: 5px; }
p.form { line-height: 200%; margin: 0; text-align: right; }
.label  { margin-right: 5px; }
.label2  { margin-right: 60px; font-size: 11px;  }

input, textarea { color: #333; background-color: #fff; font-family: courier; font-size: 1.2em; border: 0; margin-bottom: 5px; }
input { width: 230px; height: 18px; }
input.short { width: 100px; margin-top: 4px; }
textarea { width: 295px; height: 55px; margin-top: 5px; padding: 5px 0 0 5px; }

.butsend, .butreset { margin-top: 10px; color: #ffc; font: normal 1em verdana; width: 65px; height: 26px; cursor: pointer; padding: 0 0 4px 0; }
.butsend { background-color: #995d43; border: #cc9 1px dotted; }
.butreset { background-color: transparent; margin-right: 15px; border: #fc3 1px dotted;}

/* PRIVACY HOVER */

a.alert { position: relative; z-index: 24; color: #afc9d9; text-decoration: none; }
a.alert:hover { z-index: 25; color: #fff; background-color: #630; }
a.alert span { display: none; }
a.alert:hover span { display: block; position: absolute; top: -35px; left: 88px; width: 200px; border: 3px solid #c90; background-color: #fff; color: #000; text-align: left; padding: 5px; font-size: 10px; font-weight: normal; line-height: 120%; }

/* GRAPHICS */

#logo1, #logo2, #logo3, #logo4 { float: left; }
#logo1, #logo2 { width: 220px; height: 335px; margin: 0 60px 0 0;}
#logo1 { background: url(graphics/cover1-2.gif) no-repeat; } /* sp */
#logo2 { background: url(graphics/cover2-2.gif) no-repeat; } /* eng */
#logo2b { width: 220px; height: 335px; background: url(graphics/cover2-2.gif) no-repeat; }  /*splash */

#logo3, #logo4 { width: 150px; height: 228px; margin: 10px 60px 10px 25px; }
#logo3 { background: url(graphics/cover1b-2.gif) no-repeat; } /* sp */
#logo4 { background: url(graphics/cover2b-2.gif) no-repeat; } /* eng */

#r5b, #r13b, #r15b { float: left; width: 83px; height: 121px; }
#r5b { background: url(graphics/units/jera.jpg) no-repeat; margin: -10px 0px 0px 40px;}
#r13b { background: url(graphics/units/mannaz.jpg) no-repeat; margin: -5px 0px 0px 40px;}
#r15b { background: url(graphics/units/ansuz.jpg) no-repeat; margin: -10px 0px 0px 40px;}