@font-face {
font-family: 'GiorgioSansRegularRegular';
src: url('font/Giorgio/giorgio_sansregular.eot');
src: local('Giorgio Sans Regular'),local('GiorgioSans-Regular'),url('font/Giorgio/giorgio_sansregular.woff') format('woff'),url('font/Giorgio/giorgio_sansregular.ttf') format('truetype'),url('font/Giorgio/giorgio_sans-regular.svg#GiorgioSans-Regular') format('svg');
}
@font-face {
font-family: 'GiorgioSansExtralightRegular';
src: url('font/Giorgio/giorgio_sansextra_light.eot');
src: local('Giorgio Sans Extralight'),local('GiorgioSans-Extralight'),url('font/Giorgio/giorgio_sansextra_light.woff') format('woff'),url('font/Giorgio/giorgio_sansextra_light.ttf') format('truetype'),url('font/Giorgio/giorgio_sans-extra_light.svg#GiorgioSans-ExtraLight') format('svg');
}
@font-face {
font-family: 'GiorgioSansLightRegular';
src: url('font/Giorgio/giorgio_sanslight.eot');
src: local('Giorgio Sans Light'),local('GiorgioSans-Light'),url('font/Giorgio/giorgio_sanslight.woff') format('woff'),url('font/Giorgio/giorgio_sanslight.ttf') format('truetype'),url('font/Giorgio/giorgio_sans-light.svg#GiorgioSans-Light') format('svg');
}
body {
margin: 0;
background: #DDD;
font-family: "GiorgioSansRegularRegular,Georgia,sans";
min-height: 600px;
}
#main {
position: fixed;
background: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-height: 640px;
overflow: auto;
}
#scrollbar {
position: absolute;
top: -25px;
left: 40px;
text-transform: uppercase;
font-family: "GiorgioSansRegularRegular";
font-size: 20px;
color: #BBB;
}
#scrollbar span.left {
position: absolute;
display: inline;
background: url(images/arrow-left.png) no-repeat center;
height: 20px;
top: 3px;
width: 20px;
}
#scrollbar span.right {
position: absolute;
display: inline;
background: url(images/arrow-right.png) no-repeat center;
height: 20px;
top: 3px;
width: 13px;
}
#scrollbar div.bar a {
text-decoration: none;
color: #666;
padding: 0 5px;
padding-left: 7px;
padding-right: 5px;
font-size: 18px;
top: 0;
letter-spacing: .2em;
position: relative;
}
.ie8 #scrollbar div.bar a {
top: -3px;
}
#scrollbar div.bar a.img {
padding-left: 28px;
}
#scrollbar div.bar a span {
position: absolute;
width: 18px;
left: 7px;
top: 2px;
border: 1px solid #666;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-position: center;
height: 13px;
opacity: .4;
filter: alpha(opacity=40);
}
.ie8 #scrollbar div.bar a span {
top: 8px;
}
#scrollbar div.bar a.active {
color: #699;
}
#scrollbar div.bar a.active span {
opacity: 1;
filter: alpha(opacity=100);
}
#scrollbar div.bar {
display: inline;
margin-left: 20px;
}
#content {
height: 600px;
position: absolute;
top: 0;
left: 180px;
right: 0;
background: #FFF;
bottom: 0;
margin: auto;
overflow: visible;
}
#helper {
overflow-y: hidden;
overflow: hidden;
top: 30px;
height: 523px;
position: relative;
padding-left: 20px;
}
#page {
position: relative;
}
#helper div.collection {
width: 10000px;
position: relative;
height: 450px;
}
div.singleCase {
padding-top: 0;
width: 10000px;
padding-left: 0;
position: relative;
}
div.singleCase div.image {
float: left;
position: relative;
top: 37px;
margin: 0 10px;
}
div.singleCase div.info {
padding-top: 30px;
float: left;
position: relative;
padding-right: 435px;
}
div.singleCase div.info div.text {
position: absolute;
width: 380px;
right: 20px;
top: 40px;
padding-left: 20px;
}
div.singleCase h4 {
color: #666;
position: info;
font-family: "GiorgioSansExtralightRegular";
width: 300px;
font-weight: normal;
font-size: 32px;
line-height: .9em;
letter-spacing: .06em;
display: inline;
text-transform: uppercase;
margin: 0;
margin-top: 10px;
}
div.singleCase div.info div.column {
font-size: 12px;
text-columns: 2;
padding-top: 10px;
color: #666;
margin-right: 17px;
}
div.me {
position: relative;
float: left;
padding-top: 0;
height: 400px;
margin-right: 60px;
margin-left: 10px;
}
div.me h4 {
text-transform: uppercase;
position: relative;
font-family: "GiorgioSansLightRegular";
font-weight: normal;
font-size: 32px;
line-height: .9em;
padding-top: 10px;
letter-spacing: .06em;
color: #666;
margin: 0;
text-indent: 0;
}
div.me div.persons {
overflow: hidden;
}
div.me img.person {
top: 80px;
display: none;
position: absolute;
width: 150px;
right: -170px;
}
div.me div.persons div.column {
float: left;
padding-right: 10px;
}
div.me div.persons div.column div {
margin: 20px 0;
color: #666;
cursor: pointer;
}
div.me div.persons div.column div h5 {
margin: 0;
color: #333;
}
div.me div.persons div.column div:hover h5 {
color: #699;
}
div.me div.persons span.title {
font-style: italic;
display: block;
}
div.me ul li {
display: block;
margin-bottom: 10px;
color: #666;
}
div.me ul li:hover {
color: #699;
cursor: pointer;
}
div.me ul li:hover h5 {#navigation color:#699;
}
div.me ul li.active {
color: #699;
cursor: pointer;
}
div.me ul li.active h5 {
color: #699;
}
div.me ul li h5 {
display: block;
margin: 0;
color: #444;
}
#animated {
top: 40px;
left: 30px;
position: relative;
height: 300px;
width: 480px;
}
#animated img {
width: 100%;
position: absolute;
height: 100%;
}
#image-2 {
display: none;
}
div.me div.images {
position: relative;
display: inline;
width: auto;
left: 0;
padding-top: 300px;
width: 600px;
top: 30px;
margin-left: 0;
}
div.me div.images div.person {
display: inline;
position: absolute;
padding-top: 0;
visibility: hidden;
margin-right: 0;
opacity: .4;
cursor: pointer;
}
div.me div.images div.person:hover {
opacity: 1;
}
div.me div.images div.person.active {
opacity: 1;
visibility: visible;
}
div.me div.images div.person h6 {
text-align: center;
margin: 0;
position: absolute;
font-size: 15px;
font-family: "GiorgioSansRegularRegular";
letter-spacing: .1em;
display: inline;
width: 100px;
display: none;
bottom: 8px;
left: 0;
text-transform: uppercase;
}
div.me div.images div.person img {
width: 120px;
position: relative;
top: -35px;
}
div.me ul li span.title {
font-style: italic;
display: block;
}
#topbar {
position: absolute;
width: 100%;
top: 0;
left: 0;
background: #FFF;
height: 57px;
}
#address {
position: absolute;
left: 40px;
top: 20px;
font-size: .8em;
text-align: left;
font-style: italic;
color: #024731;
}
#language {
position: absolute;
right: 40px;
text-align: right;
bottom: 20px;
font-size: 12px;
z-index: 100;
font-style: italic;
}
#language a {
text-decoration: none;
color: #666;
}
#language a.active {
color: #699;
}
#bottombar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 57px;
font-size: 15px;
background: #FFF;
}
#sidebar {
background: #FFF;
position: absolute;
top: 0;
z-index: 10;
left: -180px;
bottom: 0;
width: 200px;
}
#navigation {
font-family: "GiorgioSansRegularRegular";
top: 20%;
position: absolute;
width: 80%;
padding-top: 60px;
margin-left: 30px;
padding-left: 3px;
}
#navigation a img {
border: none;
padding: 10px 0;
}
#navigation a {
display: block;
color: #666;
text-transform: uppercase;
letter-spacing: .15em;
font-weight: normal;
font-size: 17.5px;
line-height: 1.55em;
text-decoration: none;
}
#navigation a:hover {
color: #699;
}
ol.case {
height: 0;
width: 10000px;
top: 50px;
position: relative;
margin: 0;
-webkit-padding-start: 0;
}
ol.case li {
float: left;
margin-right: 17px;
list-style-position: inside;
font-family: "GiorgioSansLightRegular";
position: relative;
width: 285px;
font-size: 58px;
color: #9CC;
margin-top: 329px;
padding: 0;
height: 20px;
cursor: pointer;
}
ol.case li h5 {
display: inline;
position: absolute;
margin: 0;
font-weight: inherit;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: normal;
color: #666;
font-size: 24px;
line-height: 1em;
top: 11px;
width: 200px;
left: 32px;
padding-left: 8px;
}
.ie8 ol.case li h5 {
top: 18px;
}
ol.case li img {
position: absolute;
top: -350px;
left: 0;
}
#frontImage {
position: absolute;
width: 1000px;
height: 500px;
top: 30px;
overflow: hidden;
background-repeat: no-repeat;
}
#frontImage img {
position: absolute;
top: -20px;
}
#SilverStripeNavigatorMessage {
display: none;
}
#frontText {
background: none;
width: 200px;
position: absolute;
font-size: 11px;
top: 140px;
left: 20px;
color: #666;
font-family: "Georgia";
padding: 10px 20px;
line-height: 1.4em;
z-index: 2;
}
#frontShadow {
top: 0;
display: none;
position: absolute;
left: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: -2px 2px 5px #000;
-moz-box-shadow: -2px 2px 5px #000;
z-index: 1;
opacity: .4;
}
#short #frontImage {
position: absolute;
top: 30px;
height: 230px;
width: 620px;
}
#short #items {
top: 280px;
}
#short #items div.piece {
width: 300px;
}
#items {
position: absolute;
bottom: 15px;
width: 720px;
overflow: hidden;
}
#items div.piece {
width: 200px;
float: left;
position: relative;
margin: 5px 13px 5px 0;
padding-right: 23px;
}
#short #items div.piece.another {
padding-top: 22px;
}
#short #items div.piece div.splitter {
top: 30px;
}
#items div.piece div.splitter {
position: absolute;
width: 1px;
left: -20px;
height: 200px;
background: #699;
}
#items div.piece.last {
background: none;
}
#items div.piece h4 {
font-family: "GiorgioSansLightRegular";
text-transform: uppercase;
font-weight: normal;
letter-spacing: .1em;
font-size: 20px;
margin: 0;
color: #666;
}
#items div.piece p {
margin-top: 7px;
font-size: 12px;
color: #666;
margin-bottom: 5px;
}
#items div.piece p a {
text-decoration: none;
color: #699;
}
#SilverStripeNavigator {
z-index: 20;
}

#bottombar iframe {
	position: absolute;
	left: 750px;
	bottom: 10px;
	font-size: 11px;
}

.fan_box .connect_action .name {
	font-size: 11px !important;
}