@charset "UTF-8";

* {
		margin: 0;
		padding: 0;
		} 

html,body {
		height: 100%;
		background-color: #000;
		background-image: url(img/body-bg.gif);
		background-repeat: repeat;
		font-family: "Arial", Verdana, Sans-Serif;
		text-decoration: none;
		font-size: 12px;
		line-height: 14px;
		text-align: left;
		}

#container {
		min-height: 100%;
		margin-left: 50px;
		width: 700px;
		background-color: #000;
		}

#top {
		height: 365px;
		}

#left {
		float: left;
		width: 50%;
		height: 330px;
		}

#right {
		float: right;
		width: 50%;
		height: 330px;
		}

#main {
		padding: 0px;
		}

#belowthebottom {
		height: 30px;
		clear: both;
		}

#bottom{
		width: 700px;
		height: 30px;
		margin-top: -30px;
		text-align: right;
		margin-left: 50px;
		}

/*------------------------------- TEXTS --------------------------------*/

p {
		color: #c0c0c0;
		padding: 0px 20px 15px 20px;
		}

p.dot {
		background-image:url(img/dot-2.gif);
		background-repeat: no-repeat;
		width: 645px;
		float: left;
		margin-left: 20px;
		padding: 10px 20px 10px 12px;
		}

/*------------------------------- HEADINGS --------------------------------*/

h1 {
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #cccc99;
		padding: 0px 20px 0px 20px;
		line-height: 14px;
		}

h2 {
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #CCC;
		padding: 0px 20px 10px 0px;
		line-height: 14px;
		text-align: right;
		}
		
h3 {
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #CCC;
		padding: 0px 20px 10px 0px;
		margin-top: 10px;
		line-height: 14px;
		text-align: left;
		}

/*------------------------------- LINKS --------------------------------*/

a:link {
		color: #CCC;
		text-decoration: none;
		}

a:visited {
		color: #CCC;
		text-decoration: none;
		}

a:hover {
		color: #FFF;
		text-decoration: none;
		}

/*------------------------------- IMAGES --------------------------------*/

img.menu {
		padding: 0px 20px 0px 20px;
		}

img.index {
		margin-top: 150px;
		}

img.line {
		margin-left: 20px;
		margin-right: 0px;
		margin-top: 15px;
		margin-bottom: 15px;
		}

img.claudio {
		padding: 0px 20px 0px 20px;
		float: right;
		}

img.up {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: left;
		}

img.photo {
		margin-left: 20px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 5px;
		}
		
/*------------------------------- JQUERY --------------------------------*/

#sneakpeak { 
		position:relative; 
		overflow:hidden; 
		width: 480px; 
		height:510px;
		margin-left: auto;
		margin-right:auto;
		margin-bottom: 7px;
		} 
 
#sneakpeak .items { 
		width:20000em; 
		position:absolute; 
		} 

#sneakpeak .items div { 
		float:left;
		width: 480px;
		position: relative;
		}
	
#sneakpeak .items h2 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 480px;
		margin: 0;
		padding: 7px 10px;
		font-weight: normal;
		color: #fff;
		background-color: black;
		}

#sneakpeak .prev,
#sneakpeak .next {
		position: absolute;
		top: 0;
		display: block;
		width: 240px;
		height: 480px;
		cursor: pointer;
		background: url(img/nav-arrows.png) 240px 0px no-repeat;
		}

#sneakpeak .prev {
		left: 0;
		}

#sneakpeak .next {
		left: 240px;
		}
		
#sneakpeak .prev:hover {
		background-position: 15px 215px;
		}		
		
#sneakpeak .next:hover {
		background-position: -175px 215px;
		}
			
#sneakpeak .prev:active {
		background-position: 15px -215px;
		}		
		
#sneakpeak .next:active {
		background-position: -175px -215px;
		}
		
.navi {
		position: absolute;
		bottom: 3px;
		right: 0px;
  		width: 115px; 
 		height: 10px;
 	 	padding: 6px 0 6px 20px;
 	 	background: url(img/bg-paginate.png) 0 0 no-repeat;
		} 
 
.navi a { 
		width: 10px; 
 		height: 10px;
 		float: left; 
 		margin-left: 4px;
 		background: url(img/nav-paginate.png) 0 0 no-repeat; 
 		display: block;
 		cursor: pointer;
		} 

.navi a:hover {
	    background-position: -20px 0;      
		}
 
.navi a.active {
	    background-position: -10px 0;      
		}