/*-  palette

----------------------------------------------------------------------*/
/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
/*h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption adn th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}


/*-  common elements----------------------------------------------------------------------*/
html { 
  padding:0px;
  margin:0px;
}

body {
	background: url(../sideBackground.gif);
	background-color: #999;
	font-size: 14px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000;  
	padding:0px;
	margin:0px;
}

p, h2 {
margin: 0px; 
padding: 5px 20px 5px 20px; 
}


a { 
color: #c00;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
 
.alignright {
margin-top: 0; 
text-align: right;
font-size: 10px;
}

h4 {
font-size: 13px;
font-style: italic;
text-align: left;
padding:5px 15px;
margin:0px
}

h3 {
font-size: 14px;
text-transform: uppercase;
text-align: right;
color: #260101;
background-color: transparent;
}

h2 {
font-size:16px;
padding-top:10px;
text-transform:uppercase;
color: #260101;
background-color: transparent;
	}

h1 {
font-size: 11px;
font-style:italic;
text-transform:uppercase;
text-align: right;
color: #00ABEB;
background-color: #000;
padding:5px 15px;
margin:0px

}

strong { 
font-size: 13px;
}

/*  positioning-layers static and absolute */

#left {
position: absolute;
left: 0px;
width: 200px;
color: #FFF;
margin: 0px; 
padding: 0px;
}

#wrapper {
background: url(../background.gif) repeat-x;
background-color: #fff;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
border-bottom: solid 1px #ccc;
margin-left: auto;
margin-right: auto;
width: 75%;
min-height: 415px;		
}

#right {
position: absolute;
right: 0px;        
width: 200px;
color: #FFF;
margin: 0px; 
padding: 0px;
}

.portfolio li {
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}

#nav {
background:#000;
height:28px;
font:normal 12px/28px arial,
verdana, sans-serif;
width:100%;
margin:0 auto;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
display:inline-block;
}
#nav .menu .l-li {
float:left;
display:inline;
width:120px;
margin-top:-32000px;
}
#nav .menu a {
display:block;
width:120px;
text-decoration:none;
text-align:center;
color:#fff;
}
#nav .menu a.l-a {
position:relative;
float:left;
display:inline;
margin-right:-119px;
margin-top:32000px;
}
#nav .menu .sub {
background:#888;
float:left;
margin-top:-28px;
padding-top:28px;
margin-bottom:-32000px;
}
#nav .menu .sub a {
background:#666;
position:relative;
margin-right:-1px;
}
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {
background:#333;
margin-right:0;
}

.floatright {
float: right;
margin: 0 10px 10px 10px;
}

.text_line
{
clear:both;
margin-top: 1.5em;
}
.thumbs_all img{padding:1px;}
.thumbs_all li{float:left; margin-left:40px!important; margin-left:20px;}
span.thumbs_all {float:left; margin-left:40px!important; margin-left:40px;}
.thumbs_all  a{float:left; border:1px solid #fff;height:102px;width:102px;/* cursor:url(http://www.pirolab.it/pirobox/css_pirobox/cursor/open.cur), pointer;*/}
.thumbs_all  a:hover{ float:left;border:1px solid #ccc;}
.highlite{color:#000; font-weight:700;}