/*
----------------------------------------------------------------------
GENERAL RULES 
----------------------------------------------------------------------
*/

* {
margin: 0;
}

html, body {
	color: #43403B;
	font-family: "Arial", helvetica, sans-serif; 
	font-size:100%;
	height: 100%;
	margin: 0; 
	padding: 0; 
	width: 100%; 
}


/*
----------------------------------------------------------------------
HOMEPAGE 
----------------------------------------------------------------------
*/


/* 100% image in background */
#bg_image { 
position: fixed; 
top: 0; 
left: 0; 
z-index: 1; 
width: 100%; 
height: 100%; }

#scrollable { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 2; }


#wrapperhome{
margin: 0;
width: 100%;
background: url(../images/bg_wrapper_home.png) repeat top;
}

#headerhome{
	clear:both;
	height: 135px;
	margin:auto;
	max-width:870px;
	_width:870px;
	padding:23px 0 0 0;
	
}

#logo{
width:300px;
height:100px;
float:left;
margin-top:0px;
padding: 0;
}

.logo {border:0; margin-top:15px; padding: 0;}

a.logo:hover  {
	background-color:transparent; }

.off {display: none;}
/*
----------------------------------------------------------------------
GENERAL STRUCTURE
----------------------------------------------------------------------
*/
/* WRAPPER */

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
_height:auto;
margin: 0 auto -6em;
_margin: 0 auto;
max-width:870px;
_width:870px;
_overflow:hidden;
background: #fff;
}


/* HEADER */

#header{
	clear:both;
	height:115px;
	margin:0 auto;
	width:100%;
	margin:0;
	padding:0;
	border-bottom: 1px dotted #999;
}

#logo{
width:300px;
height:100px;
float:left;
margin-top:0px;
padding: 0;
}

.logo {border:0; margin-top:15px; padding: 0;}

a.logo:hover  {
	background-color:transparent; }

/*
----------------------------------------------------------------------
HORIZONTAL MENU
----------------------------------------------------------------------
*/
#menu {
width:57%;
float:right;
margin-top: 38px;
padding:5px 0 30px 0;
clear:right;
}



/* CONTAINER */
#container {
	border:0; 
	margin-top:0; 
	padding: 0; 
	overflow: auto;
}


/* MAINCONTENT */
#maincontent {border:0; margin-top:0; padding: 0; }


/*
----------------------------------------------------------------------
PAGES STRUCTURE
----------------------------------------------------------------------
*/
/* glass, jewellery, paintings  */



.thumbnail {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:10px;
margin-right:10px;
*margin-right:8px;
padding:6px;
width:150px;
}

.foto .thumbnail {
padding:8px;
}

.thumbnail a, .thumbnail a:hover
{
clear:both;
border:0;
background-color:transparent;
}

.thumbnail  a {text-decoration:none !important;}

.thumbnail a img {
display:block;
height:140px;
width:150px;
border:0;
}



/* THREE COLUMN for about */
#threecolumn{
padding:0 0 15px 0;
width:100%;
float:left;
}




.firstcolumn{
padding:0;
width:30%;
float:left;
}

.secondcolumn{
padding:0 0 0 40px;
width:30%;
float:left;
}

.thirdcolumn{
padding:0 0 0 40px;
width:29%;
float:right;
}

/*divs with book covers in 'about' page */
.smallbook {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:10px;
margin-right:6px;
*margin-right:7px;
padding:6px 0px 6px 6px;
width:130px;
}



.smallbook a, .smallbook a:hover {
clear:both;
border:0;
background-color:transparent;
}

.smallbook  a {
	text-decoration:none !important;}

.smallbook a img {
display:block;
height:140px;
width:120px;
border:0;
}

/* amazon button for about page*/
#amazon
{
  display: block;
  width: 124px;
  height: 22px;
  background: url(../images/amazon_button.gif) no-repeat 0 0;

}

#amazon:hover
{ 
  background-position: 0 -22px;
}

#amazon span
{
  display: none;
}

/* tooltip for covers */

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0;
}




/* FOUR COLUMN for contact page */

#contact .contact #columnwrapper{
padding:0;
width:100%;
float:left;
}

#contact .contact #columnwrapper .firstcolumncontact{
padding:0;
width:22%;
float:left;
}

#contact .contact #columnwrapper .secondcolumncontact{
padding:0 0 0 28px;
width:21%;
float:left;

}

#contact .contact #columnwrapper .thirdcolumncontact{
padding:0 0 0 30px;
width:25%;
float:left;
}

#contact .contact #columnwrapper .fourthcolumncontact{
padding:0 0 0 25px;
width:22%;
float:right;
}

#contact .contact #columnwrapper #details {
 margin:50px 0 0 0  ;
 padding: 0;
}

/* TWO COLUMNs for news */


.firstcolumnnews{
padding:0;
width:55%;
float:left;
}

.secondcolumnnews{
padding:0 0 0 30px;
width:40%;
float: right;
}


/*divs with students pictures in news page */


.students {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:6px;
margin-right:6px;
*margin-right:7px;
padding:5px 0 5px 6px;
width:97px;
}

.students a, .students a:hover {
clear:both;
border:0;
background-color:transparent;
}

.students  a {
text-decoration:none !important;
}

.students a img {
display:block;
width:90px;
height:68px;
border:0;
}



/* 
----------------------------------------------------------------------
FOOTER 
----------------------------------------------------------------------
*/
#footer {
	border-top: 1px dotted #999; 
	margin-top:20px; 
	margin-bottom:30px;
	padding: 0 0 30px 0;
	overflow: auto;
}