/* CSS */
/* La Quadra Magica */
/* Studio Planqton - Nov 2007 */

/* GENERAL */

* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
/*li, dd { margin-left:5%; }
fieldset { padding: .5em; }
*/

html,body {
	margin:0;
	padding:0;
	color: #915d1b;
	background: #000;
}

body {
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}

code {
	font-family:Monaco, Courier, "Courier New", monospace;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}


/* BLOCKS */

#wrap-home {
	width:980px;
	margin:0 auto;
}

#wrap {
	width:830px;
	margin:0 auto;
}

	
#header-home {
	position: relative;
	height:276px;
    background:url(../img/bg/home-header.jpg) 0 0 no-repeat;
}

#header {
	position: relative;
	height:102px;
    background:url(../img/bg/header.jpg) 0 0 no-repeat;
}

#h-title {
	width: 780px;
	text-align: left;
}

#h-links {
	position: absolute;
	top: 15px;
	right: 0px;
	text-align: left;
	font:125%/160% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #583810;
}

#main {
	clear:both;
	padding:20px 0 5px;
	background: #000 url(../img/bg/home-bg.jpg) top center no-repeat;
}

#home1, #home2, #home3 {
    padding:5px 15px 15px 15px;
    color:   #774c16; #915d1b;  
}

#home1 {
   	float: left;
   	width: 242px;     
   	display: inline; 
   	margin-left: 100px;
   	padding-left: 0;
}

#home2 {
   	float: left;
   	width: 242px;
   	display: inline;  
}

#home3 {
	margin-left: 629px; 
   	padding-right: 95px;
}

#content {
	background: #000 url(../img/bg/content-bg.jpg) top center no-repeat;
	padding: 45px 0 0;
}

#title {
	text-align: center;
	font-size: 111%;
/*	font-weight: bold;
*/	color: #894c14; #c57f27;
	margin: 0px 0 20px;
}

#text {
	padding: 0px 60px 0px 80px;
}

div.centered {
	text-align: center;
	padding: 10px;
}



/* TYPE */

h1 {
	font-size:1.5em;
	color: #5B4527; #6D532D;
}

a:link, a:visited  {
	color: #894c14;
	text-decoration: none;
}

a:hover, a:active  {
	color: #915d1b;
}

#header h1 {
	margin: 0;
}
	
#header h1 a {
   display: block;
   height: 102px;            
   text-indent: -999em;  
   text-decoration:none;
}

#h-links a:link, #h-links a:visited {
	text-decoration: none;
	color:  #b39232; #583810;
}

#h-links a:hover, #h-links a:active {
	color: #915d1b;
}

#home1 p, #home2 p, #home3 p {
     padding:5px 15px 45px;
	 font-size: 105%;
	 color: #915d1b; #cf8a20;
	 background: url(../img/bg/foo-bg.gif) no-repeat bottom center;
}

h3 {
	color: #583810;
	line-height: 36px;
	font-size:20px;
	margin: 0 0 5px;
}

h3.mainlink {
   	margin: 12px 5px;
	height: 36px;
	border-top: 1px solid  #583810;
	border-bottom : 1px solid #583810;
}

h3.mainlink a:link, h3.mainlink a:visited {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
	color: #583810;
	line-height: 36px;
	font-size:20px;
	letter-spacing: 0.06em;
}

h3.mainlink a:hover {
	color: #915d1b;
}

#content h2 {
	font-size: 1.6em;
	padding: 0px 0 10px;
}

#content h4 {
	font-size: 1.1em;
	padding: 10px 0;
}


#content p {
	margin: 10px 0;
}

#home4 p {
	 font-size: 105%;
}

#calendar p {
	padding-left: 200px;
	text-align: left;
}


p.it {
	font-style: italic;
	font-size: 115%;
}

p.b {
	font-weight: bold;
}

p.big {
	display: inline;
	font-size: 125%;
	line-height: 160%;
}

p.big-hilite, a.big-hilite {
	display: inline;
	font-size: 125%;
	line-height: 180%;
	background-color: #915d1b;
	color: #000;
	padding:2px;
}

a.big-hilite:hover {
	background-color: #894c14;
}

.lower {
	text-transform: lowercase;
}

#text ul {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 20px;
	list-style-type: none;
}

#text li {
	background: url(../img/icons/bullet-quadra.gif) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	line-height: 18px;
}

#footer {
	clear: both;
	padding: 14px 0 20px;
	text-align: center;
}

#footer p {
   font-size: 100%/135%;
   text-align: center;  
}

#footer p a {
	font-weight: bold;
	color: #583810;
}

#footer p a:hover, #footer p a:active {
	color: #915d1b;
}


/* MENU */

#nav-top {
	position: relative;
	text-align: center;
	padding-bottom: 18px;
	width: 830px;
}

#lang {
	position: absolute;
	right: 0px;
	top: 0px;
}

#nav-bottom {
	text-align: center;
	padding-bottom: 10px;
}

div.menu ul li {
	display: inline;
	line-height: 18px;
	letter-spacing: 0.09em;
	vertical-align: top;
	text-transform: uppercase;
}

div.menu ul li img {
	vertical-align: bottom;
}

div.menu ul li a:link, 
div.menu ul li a:visited
{
	padding: 0px 5px;
	font-size: 111%;
	font-weight: bold;
	color: #583810; #894c14;
	text-decoration: none;
}

div.menu ul li a:hover
{
	color: #915d1b;
}

div.menu ul li.active a:link,
div.menu ul li.active a:visited
{
	color: #915d1b;#c57f27;
	cursor: default;
}

div.menu ul li.active a:hover
{
	color: #915d1b;#c57f27;
	cursor: default;
}

	
/* IMAGES */

img.floated {
	float: right;
	padding: 5px 10px;
}
	
#main a img	{
	padding-left: 6px;
	padding-bottom: 8px;
}

	
#foo-banners img{
	padding: 0 15px 0 30px;
}


/* GALLERY */

#index-wrap {
	margin: 20px 0;
	font-weight: bold;
}

#index-wrap a {
	background: #583810;
	padding:3px 8px;
	color: #000000;
}

#index-wrap a:hover {
	background: #915d1b;
}

#index * {
	background: #915d1b;
	color: #000000;
	padding:3px 8px;
}

#photo img{
	border: 4px solid #915d1b;
}

#home-logos img {
	margin: 2px 0;
}

/* Planqton */


#planqton {
	height: 26px;
	width: 26px;
	margin: 0 auto;
}

#planqton a {
	display: block;
	height: 26px;
	width: 26px;
	background: url(../img/icons/studio-planqton.gif) no-repeat;
}

#planqton a:hover {
	background-position: 0 -25px;
}

#planqton a span {
	display: none;
}