/*
HTML 5 Template Name: Basic 90
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{
margin:0; 
padding:0; 
font-size:13px; 
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
color:#000; 
}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}
/*****************************************************************************/
.container {
	width:980px;
	margin:0 auto;
	position:relative;
}
#header {
	padding:15px 0 0 0;
}
#main {
	padding:10px 0 0 0;
}
#main a {
	color:#000;
}
	#main h1 {
		font-size:25px;
		color:#FF7B00;
		text-shadow:1px 1px 3px #ddd;
	}
	#main h2 {
		font-size:18px;
		color:#333;
		text-shadow:1px 1px 3px #ddd;
	}
	#main ul {
		padding:8px 0 0 0;
		margin:0;
	}
		#main ul li {
			margin:0 0 5px 0;
			padding:10px 0 0 25px;
			line-height:120%;
			background:url(../images/li.png) left 9px no-repeat;
			list-style:none;
			list-style-image:none;
			font-size:15px;
		}
.button-carpediem {
	position:absolute;
	left:380px;
	top:200px;
	display:block;
	background:#FF7B00;
	color:#000;
	font-weight:bold;
	padding:10px 25px 10px 25px;
	font-size:22px;
	text-transform:uppercase;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}		
	.button-carpediem:hover {
		background:#FFC28C;
	}		
/*********************/
#shaker img {
	position:absolute;
	bottom:100%;
}		
#shaker img.ref-1 {
	left:5%;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
}		
#shaker img.ref-2 {
	left:13%;
	-ms-transform: rotate(12deg); /* IE 9 */
	-webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
	transform: rotate(12deg);
}		
#shaker img.ref-3 {
	left:19%;
	-ms-transform: rotate(-9deg); /* IE 9 */
	-webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
	transform: rotate(-9deg);
}		
#shaker img.ref-4 {
	left:26%;
	-ms-transform: rotate(5deg); /* IE 9 */
	-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
	transform: rotate(5deg);
}		
#shaker img.ref-5 {
	left:32%;
	-ms-transform: rotate(3deg); /* IE 9 */
	-webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	transform: rotate(3deg);
}		
#shaker img.ref-6 {
	left:38%;
	-ms-transform: rotate(-6deg); /* IE 9 */
	-webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
	transform: rotate(-6deg);
}		
#shaker img.ref-7 {
	left:47%;
	-ms-transform: rotate(15deg); /* IE 9 */
	-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
	transform: rotate(15deg);
}		
#shaker img.ref-8 {
	left:56%;
	-ms-transform: rotate(-4deg); /* IE 9 */
	-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
	transform: rotate(-4deg);
}		
#shaker img.ref-9 {
	left:65%;
	-ms-transform: rotate(12deg); /* IE 9 */
	-webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
	transform: rotate(12deg);
}		
#shaker img.ref-10 {
	left:73%;
	-ms-transform: rotate(4deg); /* IE 9 */
	-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
	transform: rotate(4deg);
}		
#shaker img.ref-11 {
	left:78%;
	-ms-transform: rotate(-6deg); /* IE 9 */
	-webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
	transform: rotate(-6deg);
}