@import url(http://fonts.googleapis.com/css?family=News+Cycle);
body {
font-family: 'News Cycle',Swiss721 Cn BT, sans-serif;
font-size: 14px;
color: black;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

li {
font-size: 100%;
font-weight: light;
font-style: light;
}

li a {
text-decoration: none;
color: black;
}

li a:hover {
background: none;
text-decoration: none;
}


#footer2 { /*meny høyre*/
	font-size: 12px;
	background-color: rgba(222,221,212,0.8);
	text-align: none;
	position: absolute;
	bottom: 15px;
	left: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	right: 10px;
	height: 100px;
	letter-spacing: 10px;
	min-width: 1000px;
	filter: alpha(opacity=80);
}

#footer3 { /*meny*/
	font-size: 12px;
	background-color: rgba(205,177,120,0.8);
	text-align: none;
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 200px;
	width: 200px;
	filter: alpha(opacity=80);
}

#about { /*info/contact*/
	z-index: 5;
	font-size: 12px;
	background-color: rgba(222,221,212,0.8);
	text-align: none;
	position: absolute;
	bottom: 15px;
	left: 230px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 350px;
	height: 200px;
	filter: alpha(opacity=80);
	}
	
#about3 { /*description/services offered*/
	z-index: 5;
	font-size: 12px;
	background-color: rgba(226,223,207,0.8);
	text-align: none;
	position: absolute;
	bottom: 15px;
	left: 600px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 350px;
	height: 200px;
	filter: alpha(opacity=80);
	}

#about2 { /*project info*/
	z-index: 5;
	font-size: 12px;
	background-color: rgba(222,221,212,0.8);
	text-align: none;
	position: absolute;
	bottom: 231px;
	left: 230px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 400px;
	filter:alpha(opacity=80);
}



#projects {/*overmeny*/
	font-size: 12px;
	background-color: rgba(222,221,212,0.8);
	position: absolute;
	bottom: 145px;
	left: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	right: 10px;
	height: 55px;
	letter-spacing: 10px;
	min-width: 1000px;
	filter:alpha(opacity=80);
	
}

#projects2 {/*overmeny*/
	font-size: 12px;
	background-color: rgba(222,221,212,0.8);
	text-align: none;
	position: absolute;
	bottom: 120px;
	left: 230px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	right: 10px;
	height: 125px;
	letter-spacing: 10px;
	min-width: 1000px;
	filter:alpha(opacity=80);
}

#tease {/*tease*/
	text-align: none;
	position: absolute;
	bottom: 600px;
	right: 80px;
	height: 125px;

}

#about2 a{
	text-decoration: none;
	color: black;
}

#about a{
	text-decoration: none;
	color: black;
}

#about a:hover{
	color: rgba(205,177,120,1.0);
}

#about2 a:hover{
	color: rgba(205,177,120,1.0);
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{

background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
visibility: hidden;
position: absolute;
background-color: none;
padding: 0px;
display:none;
color: black;
text-decoration: none;
opacity: none;
}

.thumbnail span img{ 
border-width: 0;
padding: none;
opacity: none;
}

.thumbnail:hover span{

position: right;
	display: inline;
visibility: visible;
bottom: -150px;
left: 150px;
}

#projects2 img, #projects img, #footer2 img, #footer3 img, #tease img, #about img, #about2 img, a#button1a, #about a, li a
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */ 
-webkit-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
   -moz-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
    -ms-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
     -o-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
        transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.700, 0.250, 0.500, 0.750);
   -moz-transition-timing-function: cubic-bezier(0.700, 0.250, 0.500, 0.750);
    -ms-transition-timing-function: cubic-bezier(0.700, 0.250, 0.500, 0.750);
     -o-transition-timing-function: cubic-bezier(0.700, 0.250, 0.500, 0.750);
        transition-timing-function: cubic-bezier(0.700, 0.250, 0.500, 0.750); /* custom */
}

#projects2 img:hover, #projects img:hover, #footer2 img:hover, #footer3 img:hover, #tease img:hover, #about img:hover, #about2 img:hover, a#button1 a:hover, #about a:hover, li a
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
   -moz-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
    -ms-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
     -o-transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750);
        transition: all 700ms cubic-bezier(0.500, 0.250, 0.500, 0.750); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.300, 0.250, 0.500, 0.750);
   -moz-transition-timing-function: cubic-bezier(0.300, 0.250, 0.500, 0.750);
    -ms-transition-timing-function: cubic-bezier(0.300, 0.250, 0.500, 0.750);
     -o-transition-timing-function: cubic-bezier(0.300, 0.250, 0.500, 0.750);
        transition-timing-function: cubic-bezier(0.300, 0.250, 0.500, 0.750); /* custom */

}

 .swap-container {
            position: relative;
            float: left;
			padding-right: 60px;
        }
        .swap-container div, .swap-container a {
			display: block;
			border: none;
			text-decoration: none;
            position: absolute;
            opacity: 0; /* Will not work in IE8 and below. */
            
            /* Transitions are non-standard. Will not work in IE! */
            -webkit-transition: opacity 700ms;
            -moz-transition: opacity 700ms;
            -o-transition: opacity 700ms;
            transition: opacity 700ms;
            
            text-align: center;
        }
        .swap-container, .swap-container div, .swap-container a {
            width: 90px;
            height: 90px;
        }
        
        .swap-container .swap-neutral {
            opacity: 1;
        }
        
        .swap-container:hover .swap-hover {
            opacity: 1;
        }
        .swap-container:hover .swap-neutral {
            opacity: 0;
        }
		
		
		
        .lamborghini p, .lamborghini img {
            position: absolute;
            display: block;
        }
        .lamborghini p {
            left: 10px;
            top: 10px;
        }
		a { color: white; }