html, body {height:100%;margin:0;padding:0;background: url('../img/background.jpg') center repeat-x; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 15px; color: #848484; text-align: center;}

#distance {width: 1px;height: 50%;margin-bottom: -200px;float:left;}
#container {position: relative;min-height: 530px;height: 80%;padding-bottom: 120px;}
#page {margin: 0 auto;position: relative;text-align: left;width: 960px;clear: left;overflow: hidden;}

#top, #content, #menu, #works {width:958px;overflow:hidden}
#content, #menu, #works {margin:2px 1px 0 1px;}
#top {margin: 0 1px 0 1px;}
#top, #content {background-color:#232628;}
#top, #menu {height:18px;line-height:18px;overflow:hidden;}
#content {height:458px;position:relative;}
#works {margin-top:1px;height:22px;}

#top {width:956px;padding-left:2px;}
#top h2 {color:#848484;font-size:10px;font-weight: bold; text-transform: uppercase;float:left;margin:1px 0 0 3px;}
#top p {color:#fff;float:left;margin:1px 0 0 3px;}

#menu ul {list-style-type:none;margin:0;padding:0;}
#menu ul li {float:left;display:block;width:190px;background-color:#44494b;margin-right:2px;line-height:20px;}
#menu ul li.last {margin:0;}
#menu ul li a {padding:0 0 0 5px;color:#848484;text-decoration:none;display:block;}
#menu ul li a:hover, #menu ul li.act {background-color:#fff;color:#363637;}
#menu ul li.act {padding:0 0 0 5px;width:185px;}
#menu ul li.lastact {margin:0;padding-left: 5px;width:185px;background-color:#fff;color:#363637;}

#prev {display:block;position:absolute;top:0;left:0;z-index:100}
#next {display:block;position:absolute;top:0;right:0;z-index:100}

#works div {float:left;width:8px;height:8px;overflow:hidden;margin:1px 2px 1px 0;}
#works div a {display:block;line-height:8px;width:8px;height:8px;}
#works div a:hover, #works div.act {width:6px;height:6px;border:1px solid #fff;}
#works div.act a,#works div.act a:hover{border:none!important}
#works div.last {margin-right:0;}

#clientname {color:#fff;margin-left:6px;}

img {border:0;}
table {border:0;margin:0;padding:0;}
table td {height:420px;}

#scrolljail{width:958px;height:458px;overflow:hidden}
#scrollcontainer{width:2000000px;height:458px}
#scrollcontainer img{display:block;float:left}

.work-img{float:left;width:958px;height:458px;overflow:hidden;display:block;}

.textlink:link, .textlink:visited, .textlink:active {color:#848484;text-decoration:none;}
.textlink:hover {color:#363637;text-decoration:none;}

.infolink:link, .infolink:visited, .infolink:active {color:#C4C4C4;text-decoration:none;}
.infolink:hover {color:#848484;text-decoration:none;}

#content{background:url('../img/contentbackground.jpg') top left no-repeat}

.flash-flv{float:left;width:958px;height:458px;overflow:hidden;padding:85px 0 0 223px}

.agency a{color:#fff;text-decoration:none}
.agency a:hover{color:#b7001c}