/* @group General Styles */

body {
	background-color     : #e1e1e1;
	color                : #706e6e;
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
	font-size            : 13px;
	line-height          : 15px; 
	font-family          : "Gill Sans", "Courier New", "Courier", "Microsoft Serif"; 
}

p {
}

b, strong {
	color: #706e6e;
}

a:link, a:visited {
	color:           #aac5dd;
	text-decoration: none;
    font-weight:     light;
}

#commissions a:link,
#commissions a:visited {
	color:           #7a7a7a;
	text-decoration: none;
    font-weight:     light;
}

a:hover, a:active {
	color:           #989898;
	text-decoration: none;
	font-weight:     normal;
}

a.categories:link, a.categories:visited {
	color:           #7a7a7a;
	text-decoration: none;
    font-weight:     light;
}

a.categories:hover, a.categories:active {
	color:           #989898;
	text-decoration: none;
    font-weight:     normal;
}

a.rizzi:link, a.rizzi:visited {
	color:           #4b4a4a;
	text-decoration: none;
    font:            "Gill Sans";
	font-weight:     normal; 
}

a.rizzi:hover, a.rizzi:active {
	color:           #989898;
	text-decoration: none;
	font-weight:     normal;
}

a.now:link, a.now:visited,
a.now:hover, a.now:active {
	color:           #b58143;
	text-decoration: none;
}

span.yellow {
	color: #757575;
	font-weight: light;
}

span.highlight {
	color: #bb8840;
	font-weight: bold;
}

img {
}

ul {
	width:    150px;
	margin-left: -20px !important;
	margin-left:   5px;

	font-size: 13px;
	list-style: none;
	
	float:      left;
}

ul.results {
	width:    350px;
	margin-left: -20px !important;
	margin-left:   5px;

	font-size: 13px;
	list-style: none;
	
	float:      left;
}

h3 {
	position: relative; top: -5px !important;
	position: relative; top: -10px;
	font-family: "Gill Sans", "Times", "Microsoft Serif"; 
	color: #979797;
	margin: 0px;
	padding: 0px;
	padding-top: 0px !important;
	padding-top: 5px;
	font-size: 26px;
	height: 45px;
	float: left;
	font-weight: normal;
}

span.light {
	font-family: "SenzagilloLight", "Gill Sans Light", "Gill Sans", "Times", "Microsoft Serif"; 
}

/* @end */

/* @group Layout */

#colorline {
	background: #faf7d6;

	width: 100%;
	height: 15px;	
}

#colorside {
	background: #ffffff;
	border-top: 15px solid #faf7d6;
	border-bottom: 40px solid #faf7d6;
	width: 10px;
	height: 500px;
	
	float: left;	
}

#canvas,
#canvashome,
#canvasbigger,
#commissions,
#copyright {
	position:		  relative;
	margin:           0px auto;
	border:           0px;
	padding:          0px;
	width:            995px;
	min-width:        995px;
	height:		      630px;
	text-align:       left;
}

#canvas {
	background-color: #ffffff;
}

#canvasbigger {
	background-color: #ffffff;
	width:            1105px;
	min-width:        1105px;
	height:			   630px;
}

#commissions {
	background-color: #ffffff;
	width:         525px;
	min-width:     525px;
	padding-right: 470px;
	text-align: right;
	clear: both;
	color: #a0a0a0;
}

#copyright {
	background-color: #ffffff;
	position: relative;
	top: -12px;
	left: 295px;
	width:         300px;
	min-width:     300px;
	text-align: right;
	font-size: 10px;
	color: #a0a0a0;
}

#sitelinks {
	position: absolute;
	top: 85px;
	left: 0px;
}

#sitelinks li {
	margin-bottom: 10px;
	font-family: "SenzagilloLight", "Gill Sans Light", "Gill Sans", "Times", "Microsoft Serif"; 
	font-size: 1.2em;
}

#colSX,
#colSXbigger {
	width :   420px;
	overflow:   hidden;
	float :     left;
}

#colDX,
#colDXbigger {
	width :   565px;
	overflow:   hidden;
	float :     right;
}

#colSXbigger {
	width :   475px;
}

#colDXbigger {
	width :   620px;
}

.colSX_index {
	margin-top  : 140px;
	height      :  90px;
	padding-top : 160px;
}

.colDX_index {
	margin-top:   45px;
	height    :   40px;
	padding-top: 275px;
}

.back2home_up {
	background-color: #ffffff;
	margin-top: 10px;
	padding-top: 40px;
	z-index: 100;
}

.back2home_down {
	background-color: #ffffff;
	margin-top: 10px;
	padding-top: 40px;
	z-index: 100;
}

.back2home_home {
	background-color: transparent;
	margin-top: 10px;
	padding-top: 40px;
	z-index: 100;
}

.colSX_photographs {
	background: #ffffff;
	border:     1px solid #ffffff;
	height      :  90px;
	padding-top : 410px;
}

	#portfolio {
		position: relative;
		top:   -255px !important;
		top:  -270px;
		left:  150px !important;
		left:  -10px;
		height: 315px;
		width: 290px;
	}

		#portfolio_list {
			position: absolute; bottom: 0px;
		}
		
		#portfolio_list small {
			font-size: 1.0em;
			font-family: "SenzagilloLight", "Gill Sans Light", "Gill Sans", "Times", "Microsoft Serif"; 
		}

.colDX_photographs {
	background: #ffffff;
	border:     1px solid #ffffff;
	margin-top:  -40px;
	height    : 515px;
	padding-top: 10px;
}

/*	#content {
		margin-left: 10px;
    	width:  520px;
    	height: 505px;
    	float: left;
    	overflow: hidden;
    }
    
    #thumbs {
    	padding: 10px;
    } */

#scrollwrap {
	position:relative;
	overflow:hidden;
	width: 750px;	
	height:150px;
	border:1px solid #000;
	margin-bottom:15px;
	-moz-box-shadow:0 0 20px #666;
	-webkit-box-shadow:0 0 20px #666;
}

/* the element that moves forward/backward */
#scroll { 	
	position:relative;
	width:20000em;	
	padding:20px 100px;
	font:bold 90px  sans-serif;
	height:150px;
	background:url(../img/pattern.png);
	color:#fff;
	text-shadow:5px 1px 1px #000; 
	left:-100px;
} 

	#content {
		position:relative;
		margin-left: 10px;
    	width:  520px;
    	height: 505px;
    	float: left;
    	overflow: hidden;
    }
    
    #thumbs {
		position:relative;
    	padding: 10px;
		width: 520px;	
		height: 40000em;
    }

    img.thumbnails {
    	margin-right: 8px;
    	margin-bottom: 8px;
    	border: 1px solid #e4e5e6;
    	float: left;
    }
    
	/* slider root element */
	.slider { 
		background: #fff; 
		position:relative;
		left: -10px; 
		cursor:pointer;
		float:left; 
		clear:right;
		margin-top:10px;
		height:490px;
		width:15px;
	}
	
	/* progress bar (enabled with progress: true) */
	.progress {
		background-color:#C5FF00; 
		display:none;
		opacity:0.6;
		width:9px; 
		position:absolute;
		bottom:0;	
	}
	
	/* drag handle */
	.handle { 
    	background: #e4e5e6;
		position:absolute; 
		top:0;
		display:block; 
		margin-top:2px;
    	border-top: 2px solid #0f0f0f;
    	border-bottom: 2px solid #0f0f0f;    	
    	height: 15px;
    	width: 15px;
		cursor:move;
	}
	
	/* the input field */
	.range {
		display: none;
	}
	
.colSX_informations {
	background: #ffffff;
	margin-top: 45px;
	width : 220px;
	height: 450px;
	overflow:   hidden;
	float :     left;
}

.colDX_informations {
	background: #ffffff;
	padding-top:   0px;
	width      : 765px;
	height     : 480px;
	overflow:   hidden;
	float :     right;
}

.colSX_informations p {
	border:       1px solid #ffffff;
	margin-left: 10px;
}

.colSX_informations #spacer {
	border: 1px solid #ffffff;
	height: 5px;
}

span.accordion {
	cursor: hand;
	cursor: pointer;
}

#accordion {
	padding-left  : 20px;
	padding-bottom: 10px;
	padding-right :  0px;
	padding-top   :  0px;
	width: 765px;
}

/* accordion header */
#accordion .accordion_header {
	width       :  0px;
	margin-right: 10px;
	float       : left;
	cursor      : hand;
	cursor      : pointer;
	opacity     : 0.5;
	filter      : alpha( opacity = 50 );
}

#accordion .accordion_title {
	width         : 700px;
	color         : #c0c2c4;
	padding-top   :   10px;
	padding-bottom:   20px;
	font-family   : "Arial";
	font-size     : 2.2em;
	letter-spacing: 0.4em;
	font-weight   : bold;
	margin-left   : 100px;
	float         : none;
	clear         : both;
	overflow      : hidden;
}

#accordion .accordion_body {
	width       :  0px;
	float       : left;	
	display     : none;		
	margin-right: 10px;
}

#accordion .accordion_contents {
	margin-left: 100px;
	width      : 600px;
	overflow-x : hidden;
}

.endblock {
	display: block;
	float  : none;
	clear  : both;
}

.galleria_box {
	position: absolute;
	top: -5px;
	right: 0px;
	padding-top: 50px;
	width : 1px;
	height: 600px;
	overflow: hidden;

}

.galleria_elements {
	position: absolute;
	top: 15px;
	right: -900px;
	width : 800px;
	height: 570px;

/*
	-moz-box-shadow: 0 0 15px 5px #888;
	-webkit-box-shadow: 0 0 15px 5px #888;
	box-shadow: 0 0 15px 5px #888;
*/
}

.close_galleria {
	background-image: url( ../img/rizzi-close.png );
	cursor: hand;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: 57px;
	top: 3px;
	width: 28px;
	z-index: 9999;
}