*{margin:0; padding:0;}
html {height:100%;}
@font-face {
font-family: 'AndaleMonoRegular';
src: url('/fonts/AndaleMono-webfont.eot');
src: url('/fonts/AndaleMono-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/AndaleMono-webfont.woff') format('woff'),
url('/fonts/AndaleMono-webfont.ttf') format('truetype'),
url('/fonts/AndaleMono-webfont.svg#AndaleMonoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;
font-size:11px;
background-color:#000;
height:100%;
width:100%;
color:white;
}
img
{
-ms-interpolation-mode: bicubic; /* turn on bicubic image rescaling in internet explorer to fix its pile of crap default method!*/
border:0px;
}
fieldset {border:0px;}
#contact-form p { margin:10px 0px 0px 0px;padding:0px;}
.textarea {width:180px;border:0px;height:150px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;background-color:#24ABE2;color:white;}
.input {width:180px; border:0px;background-colour:white;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;background-color:#24ABE2;color:white;}
.contact-form-button {border:0px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;margin-top:5px;background-color:#24ABE2;color:white;}
.inputerror {background-color:#FFF;width:180px;border:0px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;color:black;}
.textareaerror{background-color:#FFF;width:180px;border:0px;height:150px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;color:black;}
.validationerror {color:#CE0000;}
#nav {
z-index:10;
position:fixed;
top:0px;
background-color:black;
width:100%;
height:26px;
}
.forward-back {line-height:26px;height:26px;display:block;float:left;width:26px;}
.forward-back:hover {background-color:#24ABE2;}
.blank-forward-back {display:block;float:left;width:6px;}
#image-description {
z-index:9;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background-color:black;
color:white;
text-align:left;
height:26px;
}
#image-description p { padding:5px; padding-left:20px;}
#nav ul {
list-style: none;
float:left;
}
#nav ul li { float:left;width:200px;}
#nav ul li a {
display: block;
height:26px;
text-decoration: none;
color:white;
text-align:left;
padding: 0 10px 0 10px;
font-size:11px;
line-height:26px;
}
#nav ul li a:hover { color:white; background-color:#24ABE2;}
#nav ul li a img { border:0;margin-top:10px;margin-left:50px;}
#language { float:right;margin-right:20px;line-height:26px;color:white;}
#language a {text-decoration:none;color:#24ABE2;}
#controls {position:absolute; top:0px; left:815px;height:26px;line-height:26px;}
#controls img { border:0px;margin-top:4px;margin-left:10px;margin-right:10px;}
p { padding-top:20px;}
.menutextarea {width:180px;border:0px;height:150px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;}
.menuinput {width:180px; border:0px;background-colour:white;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;}
.button {background-color:#221F1F;color:white;border:0px;font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;padding:3px;margin-top:5px;}
.menu-top { padding-top:0px; padding-bottom:10px;}
.text-highlight { color:#24ABE2;}
#content-about, #content-work, #content-video, #content-contact {
background:url('images/arrow-button-down.gif') 150px 8px no-repeat #000;
z-index:10;
width:190px;
height:100%;
color:white;
padding:5px;
position:fixed;
top:0px;
height:16px;overflow:hidden;
}
#content-about {
left:10px;
}
#content-work {
left:210px;
padding:0px;
width:200px;
}
#content-work .menu-top, #content-video .menu-top {padding:5px 0px 5px 10px;cursor:pointer;}
#content-video {
left:410px;
padding:0px;
width:200px;
}
#content-contact {
left:610px;
}
#content-contact a {color:#221F1F;}
#content-contact form p { margin:10px 0px 0px 0px;padding:0px;}
#content-about:hover, #content-work:hover,#content-video:hover, #content-contact:hover { height:100%;z-index:15;background-image:url('images/arrow-button-up.gif');background-color:#24ABE2;}
.work-menu {
list-style:none;
margin:0px;
}
.work-menu li a { color:white;text-decoration:none;display:block;margin-top:2px;padding:5px 10px 5px 10px;}
.work-menu li a:hover { background-color:black;}
#gallery {
z-index:5;
width:99%;
margin-left:10px;
margin-top:22px;
}
#gallery .thumb { border:0px;width:200px;margin:0px;padding:0px;}
#bg, #bg table, #bg td {
z-index:5;
height:100%;
width:100%;
overflow:hidden;
}
#bg {
position: fixed;
}
#bg div {
height:200%;
left:-50%;
position:absolute;
top:-50%;
width:200%;
}
#bg td {
text-align:center;
vertical-align:middle;
}
#bg img {
margin:0 auto;
min-height:50%;
min-width:50%;
}
.image-block {
margin: 0;
overflow: hidden;
float: left;
position: relative;
height:200px;
width:200px;
z-index:5;
}
.video-block {height:150px;}
.image-block a {
text-decoration: none;
float: left;
}
.image-block a:hover {
cursor: pointer;
}
.imageblock a img {
float: left;
margin: 0;
border: none;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
}
.image-block a:hover .desc{
background-image:url('images/80-trans-cyan.png');
position: absolute;
bottom: 0px;
left: 0px;
margin: 0px;
padding:15px;
width: 170px;
height:200px;
display:table-cell;vertical-align:middle;
}
.video-block a:hover .desc {height:150px;}
.image-block a .desc { display: none; }
.descvert {height:200px;width:170px;font-size:18px;text-align:center;color: #fff;
font-family:Times,serif; display:table-cell;vertical-align:middle; padding:10px;
}
.video-block .descvert {height:150px;}
.jbgallery ul li a {display:none;} /* Hide links for non java browsers */
p#vtip { font-family:"AndaleMonoRegular",Helvetica,Arial,sans-serif;font-size:11px;color:white;display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #24abe2; border: 1px solid #24abe2; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -11px; left: 15px }