@charset "UTF-8";
/* CSS Document */

body {
	background-color: #333333;
}

div.preloader_portfolio {
	position:absolute;
	top:110px;
	left:265px;
	width:600px;
}

div.preloader_melange {
	position:absolute;
	top:130px;
	left:265px;
	width:600px;
}

div.preloader_new_sweden {
	position:absolute;
	top:150px;
	left:265px;
	width:600px;
}

div.preloader_wheeler_house {
	position:absolute;
	top:170px;
	left:265px;
	width:600px;
}

div.preloader_a_good_place {
	position:absolute;
	top:190px;
	left:265px;
	width:600px;
}

div.preloader_people {
	position:absolute;
	top:210px;
	left:265px;
	width:600px;
}

a.portfolio { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/portfolio_up.jpg");
     background-repeat: no-repeat;
	 position: absolute;
	 top:0px;
     }
	 
a:hover.portfolio { 
     background-image: url("images/portfolio_down.jpg"); 
	 position: absolute;
	 top:0px;
     }

a.melange { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/melange_up.jpg");
     background-repeat: no-repeat;
	 position: absolute;
	 top:17px;
     }
	 
a:hover.melange { 
     background-image: url("images/melange_down.jpg");
	 position:absolute;
	 top:17px; 
     }
	 
a.new_sweden { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/new_sweden_up.jpg");
     background-repeat: no-repeat;
	 position:absolute;
	 top:34px;
     }
	 
a:hover.new_sweden { 
     background-image: url("images/new_sweden_down.jpg");
	 position:absolute;
	 top:34px; 
     }
	 
a.wheeler_house { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/wheeler_house_up.jpg");
     background-repeat: no-repeat;
	 position:absolute;
	 top:51px;
     }
	 
a:hover.wheeler_house { 
     background-image: url("images/wheeler_house_down.jpg");
	 position:absolute;
	 top:51px; 
     }
	 
a.a_good_place { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/a_good_place_up.jpg");
     background-repeat: no-repeat;
	 position:absolute;
	 top:68px;
     }
	 
a:hover.a_good_place { 
     background-image: url("images/a_good_place_down.jpg");
	 position:absolute;
	 top:68px; 
     }
	 
a.people { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/people_up.jpg");
     background-repeat: no-repeat;
	 position:absolute;
	 top:85px;
     }
	 
a:hover.people { 
     background-image: url("images/people_down.jpg"); 
	 position:absolute;
	 top:85px;
     }
	 
a.contact { 
     display: block; 
     width: 100px; 
     height: 18px; 
     background-image: url("images/contact_up.jpg");
     background-repeat: no-repeat;
	 position:absolute;
	 top:102px;
     }
	 
a:hover.contact { 
     background-image: url("images/contact_down.jpg");
	 position:absolute;
	 top:102px; 
     }


div.blue {
	
	font-size: 14px;
	color: #6699ff;
	position:absolute;
	top:50px;
	left:50px;
	text-align:right;
	background-image:url("images/logo.jpg");
	background-repeat:no-repeat;
	height:50px;
	width:200px;
}

div span {display:none;}

.gray {
	
	font-size: 12px;
	color: #CCCCCC;
	position:absolute;
	top:108px;
	left:150px;
	text-align:right;
}

/* general */
* { margin: 0; padding: 0; }

/* gallery */
#jgal { list-style: none; width: 540px; position:absolute; top: 58px; left: 265px; }
#jgal li { opacity: .5; float: left; display: block; width: 12px; height: 12px; background-position: 50% 50%; cursor: pointer; border: 0px solid #fff; outline: 1px solid #ddd; margin-right: 12px; margin-bottom: 12px; }
#jgal li img {position: absolute; top: 48px; left: -1px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #6699ff; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li {margin-left:260px; margin-bottom:14px; }