@font-face { font-family: helveticaneue-condensedblack; src: url('helveticaneue-condensedblack.ttf'); } 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
a {border:0px;}
a img {border-radius:5px;}


*{font-family:helvetica neue, helvetica, sans-serif;}

 body {
	background-image: url("images/bg.jpg");
	background-size:1100px;	
	font-family:helvetica neue, helvetica, sans-serif;
	color:#1C1C1C;
	overflow:hidden;
	}  
		
#leftcol {
	width:200px; 
	position:fixed;
	left:50%;   
	margin-left:-490px;
	top:50px;
	border-right:1px dotted #AAAAAA;
	height:500px;
	z-index:100;} 

ul {
	list-style:none;
	margin-left:-47px;
	}
	
li {
	padding:7px;
	font-weight:800;
	font-family:helvetica CY, helvetica neue, helvetica;
	margin-top:3px;
        font-size:14px;
        letter-spacing: 1px;
	}	

h1, h2, h3, h4, h5 {margin:0px;}

a:link {text-decoration:none; font-family:helvetica neue; color:#8f5e23;}
a:visited {text-decoration:none; color:#765021;}
a:hover{color:#f38a09;}


h1 {
	font-family:helveticaneue-condensedblack,helvetica,arial;
	font-size:4.4em;
	letter-spacing:-1px;
	margin-bottom:20px;
	}	
	
h4 {
	font-family: helvetica CY,helvetica neue,helvetica;
	margin-top:3px;
	margin-left:40px;
	position:absolute;
	text-transform:uppercase;
	font-size:16px;
	}	
	
h3 {font-size:60px; font-family:impact; letter-spacing:0px; margin-bottom:10px; font-weight:200;}	
	 
#home	{position:absolute; left:50%; margin-left:-250px; top:0px; } 	
#slider1 {position:absolute; left:50%; margin-left:-250px;  top:1000px;}	
#slider2 {position:absolute; left:50%; margin-left:-250px;  top:2000px;}	
#slider3 {position:absolute; left:50%; margin-left:-250px;  top:3000px;}	
#slider4 {position:absolute; left:50%; margin-left:-250px;  top:4000px;}	
#slider5 {position:absolute; left:50%; margin-left:-250px;  top:5000px; padding-bottom:1000px;}	


 

.desctext {width:740px; -moz-transform:scale(1); 
column-count: 3; column-gap: 1.5em; 
-webkit-column-count: 3; -webkit-column-gap: 1.5em;
-moz-column-count: 3; -moz-column-gap: 1.5em;
-o-column-count: 3; -o-column-gap: 1.5em; 
font-size:13px; line-height: 140%;}

.frame1 {border:10px solid white; border-radius:10px; box-shadow:inset 1px 1px 2px #000; 
transition: .25s linear;  -webkit-transition: .25s linear; -moz-transition: .25s linear; -o-transition: .25s linear;  
float:left; margin-right:-30px; margin-top:50px;
transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg);
}
.frame1:hover{-webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg); -o-transform:rotate(10deg);}

.frame2 {border:10px solid white; border-radius:10px; box-shadow:inset 1px 1px 2px #000; 
transition: .25s linear; -webkit-transition: .25s linear; -moz-transition: .25s linear; -o-transition: .25s linear; 
float:left; margin-right:-30px; -webkit-transform:scale(1);
}
.frame2:hover{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg); transform:rotate(10deg); -o-transform:rotate(10deg); }

.frame3 {border:10px solid white; border-radius:10px; box-shadow:inset 1px 1px 2px #000; -webkit-transition: .25s linear; -moz-transition: .25s linear; transition: .25s linear; -o-transition: .25s linear;
float:left; margin-left:-70px; transform: rotate(10deg); -webkit-transform: rotate(10deg);-moz-transform: rotate(10deg); -o-transform: rotate(10deg); margin-top:50px;
}
.frame3:hover{-webkit-transform: rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg); -o-transform:rotate(10deg); }

.frame4 {border:10px solid white; border-radius:10px; box-shadow:inset 1px 1px 2px #000; -webkit-transition: .25s linear; -moz-transition: .25s linear; transition: .25s linear; -o-transition: .25s linear;float:left; margin-left:-50px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); margin-top:50px; -o-transform: rotate(-10deg);
}
.frame4:hover{-webkit-transform: rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg); -o-transform:rotate(10deg); }