/*- Crealo design CSS
/*- Jan 2010
/*- carofelmy@gmail.com


/*---------- General Formatting -----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {
	/*font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	/*background-image: url(../images/bg1.png);*/
	background-color: #FFF;
	font-weight: 200;
}

h1,h2,h3,h4,h5,h6{ 
	font-weight: 200; 
	/*font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	line-height: 1.2em;
}

h1{ font-size: 65px; 
	color: #222;
	letter-spacing: -1px;
	text-shadow:1px 3px 6px #733;
	
	}
h2{ font-size: 20px; letter-spacing: 0px; }
h3{
	font-size: 15px;
	letter-spacing: 0px;
	
}
h4{ font-size: 10px; }
h5{ font-size: 8px; }
h6{ font-size: 6px; }

/* Inline styles */

a:link {text-decoration: none; color: #990000; }
a:visited{ text-decoration: none; color: #990000; }
a:hover {color: #000; }

b,strong{ font-weight: bold; }
i,em{ font-style: italic; }
abbr,acronym{ border-bottom:1px dotted #000; cursor:help; }
address{ }
cite{ font-style: italic; }
sup{ vertical-align: super; }
sub{ vertical-align: sub; }

/* Text changes */
ins{ font-style: italic; text-decoration: none; }
del{ text-decoration: line-through; color: gray; }

/* Quotes */
blockquote{ text-indent: 20px; font-style: italic; }
q{ font-style: italic; }

/* Code */
code,pre,samp,kbd,var,tt{ font-family: "Monaco"; }
code,samp,var{ border: 1px solid #5393D0; background-color: #C5E2FF; padding: 2px; }
pre,tt{ border: 1px solid #5393D0; background-color: #C5E2FF; padding: 10px; margin: 10px 0px; }

/* Lists
ul{ list-style-type: disc; list-style-position: outside; margin-left: 18px; }
ol{ list-style-type: decimal; list-style-position: outside; margin-left: 22px; }
 */
/*Form*/
input,textarea{

}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

.pagenumbers {	text-align:center}
	
.pagenumbers a {text-decoration: none; color: #990000;}
.pagenumbers a:hover {color: #ff0000; }


.tiny {
	font-size: 9px;
	color: #666;
}
/*------- positionning ------------ */
#top {
	background-image: url(../images/oblique_paper.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 230px;
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 1;
}
#logo {
	position: absolute;
	top: 123px;
	left: 20px;
	height: 80px;
}


#menubar			{ 
	height:190px; 
	width:600px;
	position:absolute; 
	top: 12px; 
	left: 260px;
}
#menubar li			{
	float:left; position:relative; margin:0px;
	padding: 0;
	width: 100px;
	height:200px;
	
}

#wrapper {	
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 1000px;
	width: 100%;
}

#leftmenu {
	position: absolute;
	left: 18px;
	top: 297px;
	width: 229px;
	height: 255px;
	text-align: right;
}
#welcomequote {
	position: absolute;
	left: 51px;
	top: 319px;
	width: 692px;
	height: 225px;
	text-align: left;
}
#welcomeblurb {
	position: absolute;
	top: 771px;
	left: 531px;
	width: 284px;
	height: 94px;
	text-align: right;
}
#content {
	position: absolute;
	left: 247px;
	top: 121px;
	width: 480px;
	height: auto;
	background-image: url(../images/transparentpx.png);
	z-index: 0;
	padding-top: 150px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	display: block;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	-moz-box-shadow:3px 3px 5px #bbb;
	box-shadow:3px 3px 5px #bbb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/* ------ Icons bar ----------------*/
#iconbar			{ 
	height:40px; 
	position:relative; 
}
#iconbar li			{
	float:left; position:relative; margin-right:4px;
	padding: 1px 1px 0px 2px;
	width: 30px;
	height: 30px;
	background:#eee;
	border: 1px dotted #990000;
}
#iconbar span	{
	width: 100px;
	height: 35px;
	position: absolute;
	left: 40px;
	padding: 0px 2px 2px;
	display: none;
	line-height:110%;
	color:#888;
	font-size: 9px;
}

.base{
	position:absolute;
	top: 0px;
}
.hover{
	display:none;
	position:absolute;
	top: 0px;
}
/*------------- Gallery ------------*/
#gallery { 
	height:80px; 
	position:relative; 
}
#gallery li			{
	float:left; position:relative; 
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 15px 0px;
	width: 500px;
	height: 80px;
	
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background: url(../images/pixtrans56.png);
	border: 1px solid #DDDEDA;
	
}
#gallery li:hover			{
	
	border: 1px solid #555;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow:3px 3px 7px #777;
	box-shadow:3px 3px 7px #777;
	
	
}
#gallery span	{
	width: 500px;
	height: 35px;
	position: relative;
	top: 2px;
	left: 10px;
	display: none;
	line-height:110%;
	color:#888;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	
}
#gallery span2	{
	
	height: 35px;
	position: relative;
	float: right;
	top: 2px;
	right: 10px;
	display: none;
	line-height:110%;
	color:#888;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#900;
	
}
.gallery_base{
	position:absolute;
	top: -100px;
	clip:rect(100px 500px 200px 0px);
	opacity:0.9;
	



}
.gallery_hover{
	display:none;
	position:absolute;
	top: 20px;
	
	
}

img.framed {
    padding: 5px; 
	margin: 5px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background: url(../images/pixtrans56.png);
	border: 1px solid #DDDEDA;
}

/*---------------------------------*/

span.resize{
	width:100px;
	height:75px;
	overflow:hidden;
	padding:3px;
	}

span#pic1, span#pic2, span#pic3, span#pic4{
	position:absolute;
	z-index:-1;
	}

span#pic1{
	margin:0;
	}

span#pic2{
	margin:0 0 0 110px;
	}

span#pic3{
	margin:85px 0 0 0;
	}

span#pic4{
	margin:85px 0 0 110px;
}
#floatleft {
	display: block;
	float: left;
}
/** menu deactivated links **/
#works nav .works > a {
       pointer-events: none;
       cursor: default;
}