/**********************************************************************
 * Globals
 *********************************************************************/

:link, :visited { background-color: transparent; color: #9296A2; font-weight: bold; text-decoration: underline }
[title] { border-bottom: 1px dotted; cursor: help }
:link:hover, :visited:hover { background-color: #9296A2; color: #373B46; text-decoration: none }
body { font: normal 70% Arial, serif }
body { background: #9296A2 url(a_img.gif) repeat; color: #000000; margin: 0em; padding: 0em }
h1, h2, h3, h4 { margin: 0em; overflow: hidden; padding: 0em }
/*h2 { background: #9296A2 url(../unwound_background.gif) no-repeat; height: 560px; margin-left: -110px; margin-top: 280px; position: absolute; top: 0px; width: 100px }*/
/*h2 { background: #9296A2 url(../images//unwound_background.gif) top repeat-y; height: 95pc; margin-left: -110px; margin-top: 0px; position: absolute; top: 20px; width: 100px }*/
* > h2 { position: fixed }

h3 { margin-left: 40px; margin-top: 40px; margin-bottom: 30px; margin-right: 40px;}
p { color: #9296A2; margin: 0em; padding: 0em 0em 1em 0em ;}
p:hover { color: #E7E7F1 }
p * { color: #9296A2 }
p:hover * { color: #E7E7F1 }
ul { background-color: transparent; color: #9296A2; margin: 0em; padding: 0em; padding-bottom: 20px }
ul li { list-style: square; margin: 0em 0em 0em 2em; padding: 0em }
ul li a { font-weight: normal }

#header h2 span { margin-left: -2000px }

/**********************************************************************
 * Layout
 *****************************************************guestbook****************/

#left_column { left: 12px; position: absolute; top: 400px; width: 256px }
#left_column h3 { height: 30px; width: 200px }
#left_column h3.select { background: #373B46 url(h3.select.gif) no-repeat }
#left_column h3.favorites { background: #373B46 url(h3.favorites.gif) no-repeat }
#left_column h3.archives { background: #373B46 url(h3.archives.gif) no-repeat }
#left_column h3.resources { background: #373B46 url(h3.resources.gif) no-repeat }

#right_column { margin-top: -10px }
#right_column { margin-left: 290px; text-align: justify; width: 350px }

#first_tab_column{ margin-left: 18px}

#custom_txt { margin-left: 40px; margin-top: 40px; margin-bottom: 30px; margin-right: 40px;}
#custom_txt2 { margin-left: 100px; margin-right: 100px;}

#wrapper-menu {
	background: #8D0808 top left repeat-x;
	float: float;
	width: 100%;
}

#menu {
	width: 700px;
	margin: 0 auto;
	font: 90% Helvetica;
	font-weight: bold;
	font-size: 93%;
	/*white-space: nowrap;*/ 
	/* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}


* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu li {
	display: inline;
}




#menu a:link, #menu a:visited {
	padding: 0.2em 1em;
	background: transparent;
	color: #fff;
	font-weight: bold; 
	text-decoration: none;
	float: left;
	border-right: 1px solid #9296A2;
}


#menu ul li a:hover, #menu ul li.menuActive a {
	background: #9296A2;
	color: #E7E7F1;
}

/* cinema highlight*/

/*#menu #cinema a{
	background: #1E0376;
	color: #E7E7F1;
}


#menu #cinema a:hover, #menu #cinema .menuActive a {
	background: #9296A2;
	color: #E7E7F1;
}*/

/* End cinema highlight */

#container { 
	background: #373B46 url(../images/foot_sito.jpg) bottom no-repeat; 
	border: 2px solid #000; 
	border-width: 0px 2px; 
	color: #E7E7F1; 
	margin-left: -321px; 
	padding-bottom: 500px; 
	position: absolute; 
	left: 50%; 
	width: 700px 
}
p { border-left: 1px dotted #9296A2; margin-left: 20px; padding-left: 20px; margin-right: 20px; padding-right: 20px; text-align: justify }

#images{
	float : right; 
	padding-bottom : 10px; 
	padding-left : 30px; 
	padding-right : 42px; 
	padding-top : 10px;
	position: relative;
}

#images a .large {
	border: 0px;
	display:block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#images a.p1:hover .large {
	z-index: 20;
	text-align: none;
	border: 1px solid #000000;
	display:block;
	height: 500px;
	left: -0px;
	position: absolute;
	top: -100px;
	width: 350px;
}

#loghi{
	text-align: center;
	float : center; 
	padding-bottom : 10px; 
	padding-left : 10px; 
	padding-right : 10px; 
	padding-top : 10px;
}

/*#player{
	margin-left: -200px; margin-top: 0px; position: relative
}*/



/*
#content {
	width: 780px; /73% because it has 1% padding on each side, which brings it to 75% wide 
	margin: 0 auto;
	padding: 3.5em 1% 20px 1%;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: white;
	font-size: 90%;
	text-align: left;
}
*/
#footer {

	text-align: center;
	color: white;

}

/**********************************************************************
 * Menu entries
 *********************************************************************/
ul#nav li#home a:hover, ul#nav li#homeActive a { color: #0072ff; }
ul#nav li#news a:hover, ul#nav li#newsActive a { color: #92d800; }
ul#nav li#gallery a:hover, ul#nav li#galleryActive a { color: #ffd500; }
ul#nav li#work a:hover, ul#nav li#workActive a { color: #fd7700; }
ul#nav li#contact a:hover, ul#nav li#contactActive a { color: #8400ff; }
ul#nav li#guestbook a:hover, ul#nav li#guestbookActive a { color: blue; }
ul#nav li#next a:hover { color: #92d800; }