/* @override http://www.francischouquet.com/style.css */

/* @override http://www.francischouquet.com/style.css */


		*{
			margin:0;
			padding:0;
		}
		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			background: rgba(0,0,0,0.4);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
		
		img{
			border:none;
		}
		
		/* To fix IE 6 or less PNG issues */
img, div, span { behavior: url(wp-content/themes/whydot/iepngfix.htc) }
	
		body {
			background:#000;
			overflow-y: auto;
			height: 100%;
		}
		
		#content{
			margin:0px auto;
			margin-top: 100px;
			width: 920px;
			z-index: 3;
			position: relative;
		}
		
		#contentframe{
			overflow: hidden;
			border-top:solid 1px #4F4F4F;
			border-bottom:1px solid #000;
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
			top: 0;
			left: 0;
		}

* html #supersize img{
			position: absolute;
}
		
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			z-index: 0;
		}
		
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		

/* typography */

h1 {
	color: #ddb182;
			font-weight: 100;
			font-size: 3.7em;
			letter-spacing: -3px;
}

h1 span {
			font-size: 2em;
			font-weight: 100;
			font-style: italic;
			color: #d06f07;
}

div.web20 {
			width: 310px;
			margin: 70px 0 0 150px;
			padding: 50px 0 80px 90px;
			background: url(images/accol_grande.png) no-repeat;
}

h2 {
			font-size: 2em;
			font-weight: 100;
			font-style: italic;
			color: #d06f07;
			padding-left: 20px;
}

ul {
			list-style-type: none;
			padding: 10px 20px;
			line-height: 1.5em;
}

		ul li a {
			color: #ddb182;
			padding: 4px;
}

div.contact {
			width: 310px;
			margin-left: 500px;
			margin-top: -100px;
			margin-bottom: 100px;
			color: #ddb182;
			font-style: italic;
			font-size: 1.3em;
			padding: 60px 0 70px 50px;
			background: url(images/accol_petite.png) no-repeat;
}

		div.contact a {
			color: #d06f07;
			padding: 2px;
}


/* borders */


#top {
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 14px;
	z-index: 4;
}

#bottom {
	background: rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 14px;
	right: 0;
	height: 14px;
	z-index: 4;
}

#left {
	background: rgba(0,0,0,0.2);
	position: fixed;
	left: 0;
	top: 14px;
	bottom: 0;
	width: 14px;
	z-index: 4;
}

#right {
	background: rgba(0,0,0,0.2);
	position: fixed;
	right: 0;
	top: 14px;
	bottom: 14px;
	width: 14px;
	z-index: 4;
}