@charset "utf-8";
body {background-color:#1F1F1F; margin:0px 0px 0px 0px; font-size:80%}
body, div, p {font-family:Arial, Helvetica, sans-serif; color:#838383}
fieldset {border:0; margin:0; padding:0; clear:both}
ul {margin:10px 0px 5px 0px; list-style-type:square; padding-left:23px}
li {font-size:80%; margin:0; padding:0; line-height:123%}

.input-proceed {background-color:#424242; color:#A5A5A5; border:0; font-size:100%}
.input-text {width:220px; background-color:#424242; color:#A5A5A5; border:1px solid #1F1F1F; font-size:100%}
.input-submit {width:250px; background-color:#424242; color:#A5A5A5; border:1px solid #1F1F1F; font-size:120%}
.input-textarea {width:621px; width:620px; font-size:12px; color:#A5A5A5; background-color:#424242; margin:0px 0px 0px 0px; border:1px solid #1F1F1F}
.input-select {width:220px; font-size:100%; color:#A5A5A5; background-color:#424242; border:1px solid #1F1F1F}

H2 {font-size:120%; margin:6px 0px 6px 0px; padding:0; font-weight:normal; text-align:left; color:#DE970E; display:block; width:450px; float:left}
H3 {font-size:120%; margin:0px 0px 6px 8px; padding-top:6px; font-weight:normal; text-align:left; color:#DE970E}

p {font-size:80%; color:#838383; font-weight:normal; text-align:left; margin:0px 10px 10px 20px}
.p-showreel {font-size:120%; margin:6px 0px 6px 0px; padding:0; font-weight:normal; text-align:right; color:#DE970E}
.p-home-newslabel {font-size:100%; margin:0px 0px 0px 8px; color:#DE970E}
.p-home-linkslabel {font-size:100%; margin:5px 0px 5px 8px; color:#DE970E}
.p-contact-error {float:right; font-size:100%; margin:6px 4px 6px 0px; text-align:right; color:#CC0000}
.p-right {text-align:right; margin:-7px 10px 0px 0px}

.span-shadow {background-color:#1F1F1F; padding:0px 2px 0px 2px}
.span-green {color:#70A91D}

.alert {color:#FFFFFF; font-weight:bold}

a {color:#838383; font-weight:normal; text-decoration:underline}
a:visited {color:#838383; font-weight:normal; text-decoration:underline}
a:active {color:#838383; font-weight:normal; text-decoration:underline}
a:hover {color:#FFFFFF; font-weight:normal; text-decoration:underline}

#portfolio-menu a {color:#A5A5A5; text-decoration:none; display:block; width:32px; height:24px; background-color:#292929; text-align:right}
#portfolio-menu a:visited {color:#A5A5A5; text-decoration:none; display:block; width:32px; height:24px; background-color:#292929; text-align:right}
#portfolio-menu a:active {color:#A5A5A5; text-decoration:none; display:block; width:32px; height:24px; background-color:#292929; text-align:right}
#portfolio-menu a:hover {color:#1F1F1F; text-decoration:none; display:block; width:32px; height:24px; background-color:#A5A5A5; text-align:right}

#ul-menu {text-align:center; margin:0; padding:0}
#ul-menu li {float:right; list-style:none; display:block; margin-left:12px; font-size:100%}
#ul-menu a {font-size:100%; color:#A5A5A5; letter-spacing:2px; text-decoration:underline; display:block; padding:32px 1px 6px 3px}
#ul-menu a:hover {color:#FFFFFF; background-color:#B41F1F; text-decoration:none}
#ul-menu-selected {font-size:100%; color:#FFFFFF; background-color:#383838; letter-spacing:2px; display:block; padding:32px 1px 6px 3px}

#ul-language {text-align:center; margin:0; padding:0}
#ul-language li {float:right; list-style:none; display:block; margin-left:12px; font-size:100%}
#ul-language div {font-size:100%; letter-spacing:2px; margin:22px 0px 0px 0px; color:#FFFFFF; padding:10px 1px 6px 3px; background-color:#383838; clear:both}
#ul-language a {font-size:100%; color:#A5A5A5; letter-spacing:2px; text-decoration:underline; display:block; padding:10px 1px 6px 3px; margin-top:22px}
#ul-language a:hover {color:#FFFFFF; background-color:#B41F1F; text-decoration:none}

.links a {font-size:100%; padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.links a:visited {font-size:100%; padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.links a:active {font-size:100%; padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.links a:hover {font-size:100%; padding-right:10px; background-image:url(../design/anchor_bg_hover.gif); background-position:right; background-repeat:no-repeat}

#training a {width:60px; height:18px; display:block; background-color:#424242; color:#A5A5A5; font-size:100%; text-align:center; margin-right:5px; text-decoration:none; float:left}
#training a:visited {width:60px; height:18px; display:block; background-color:#424242; color:#A5A5A5; font-size:100%; text-align:center; margin-right:5px; text-decoration:none; float:left}
#training a:active {width:60px; height:18px; display:block; background-color:#424242; color:#A5A5A5; font-size:100%; text-align:center; margin-right:5px; text-decoration:none; float:left}
#training a:hover {width:60px; height:18px; display:block; background-color:#424242; color:#A5A5A5; font-size:100%; text-align:center; margin-right:5px; text-decoration:underline; float:left}

#training-a {color:#DE970E; text-decoration:underline}
#training-a:visited {color:#DE970E; text-decoration:underline}
#training-a:active {color:#DE970E; text-decoration:underline}
#training-a:hover {color:#DE970E; text-decoration:none}

.a-external {padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.a-external:visited {padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.a-external:active {padding-right:10px; background-image:url(../design/anchor_bg.gif); background-position:right; background-repeat:no-repeat}
.a-external:hover {padding-right:10px; background-image:url(../design/anchor_bg_hover.gif); background-position:right; background-repeat:no-repeat}

.div-bottom-left {width:600px; text-align:left; margin:0; padding-top:2px; float:right; color:#383838; font-size:90%; border-top:1px solid #383838}
.div-bottom-left a {font-size:90%; padding-right:10px; color:#383838; background-image:url(../design/anchor_dark_bg.gif); background-position:right; background-repeat:no-repeat}
.div-bottom-left a:visited {font-size:90%; padding-right:10px; color:#383838; background-image:url(../design/anchor_dark_bg.gif); background-position:right; background-repeat:no-repeat}
.div-bottom-left a:active {font-size:90%; padding-right:10px; color:#383838; background-image:url(../design/anchor_dark_bg.gif); background-position:right; background-repeat:no-repeat}
.div-bottom-left a:hover {font-size:90%; padding-right:10px; color:#484848; background-image:url(../design/anchor_dark_bg_hover.gif); background-position:right; background-repeat:no-repeat}

.div-main {width:900px; text-align:center; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:10px}
.div-header {width:900px; height:54px; text-align:right}
.div-banner {width:898px; height:70px; background-image:url(../design/banner.jpg); background-repeat:no-repeat; border:1px solid #383838; text-align:right}
.div-content {width:900px; text-align:left; margin:0; clear:both}
.div-bottom-left {width:300px; text-align:left; margin:0; padding-top:0px; clear:both; float:left; border-top:1px solid #383838}
.div-bottom-right {width:600px; text-align:right; margin:0; padding-top:2px; float:right; color:#383838; font-size:90%; border-top:1px solid #383838}
.div-home-topleft {width:575px; height:153px; text-align:left; background-color:#292929; float:left; margin:0px 5px 5px 0px}
.div-home-topright {width:320px; height:153px; text-align:left; background-color:#292929; float:right; margin:0px 0px 5px 0px;
		background-image:url(../design/home_contact_bg.gif); background-position:right; background-repeat:no-repeat}
.div-home-bottomleft {width:568px; height:270px; padding-right:7px; text-align:left; background-color:#292929; float:left; margin:0px 5px 5px 0px}
.div-home-bottomright {width:320px; height:270px; text-align:left; background-color:#292929; float:left; margin:0px 0px 5px 0px}
#div-home-scroller {margin:0px 0px 0px 0px}
.div-home-scroller-frame {width:550px; height:234px; text-align:left; float:left; margin:0px 0px 0px 0px; overflow:hidden}
.div-home-scroller-uparrow {width:18px; height:18px; line-height:16px; float:right; background-image:url(../design/scroll_up.gif);
		margin-top:194px; background-position:top; background-repeat:no-repeat}
.div-home-scroller-downarrow {width:18px; height:18px; line-height:16px; float:right; background-image:url(../design/scroll_down.gif);
		margin-top:4px; background-position:top; background-repeat:no-repeat}

.div-home-previewleft {width:120px; height:72px; margin:0px 5px 8px 0px; padding-left:8px; float:left}
.div-home-previewright {width:167px; height:72px; margin:0px 0px 8px 0px; overflow:hidden; padding-right:20px; text-align:left; float:right}

.div-portfolio-left {width:66px; height:492px; margin:0px 6px 5px 0px; float:left}
.div-portfolio-middle {width:570px; height:492px; background-color:#292929; margin:0px 6px 5px 0px; float:left; position:relative; z-index:0}
.div-portfolio-right {width:252px; height:492px; background-color:#292929; margin:0px 0px 5px 0px; float:left}
.div-portfolio-menuitem {background-color:#BF810A; color:#1F1F1F; width:32px; height:24px; text-align:right}
.div-portfolio-previewbox {width:124px; height:72px; position:absolute; left:50%; top:155px; float:left; background-image:url(../design/portfolio_preview_bg.gif);
		display:none; z-index:99}
.div-links-left {width:149px; margin:0px 2px 5px 0px; float:left; background-color:#292929}
.div-links-middle {width:148px; margin:0px 2px 5px 0px; float:left; background-color:#292929}
.div-links-right {width:149px; margin:0px 0px 5px 0px; float:left; background-color:#292929}
.div-training-topleft {width:505px; height:120px; text-align:left; background-color:#292929; float:left; margin:0px 5px 5px 0px}
.div-training-topright {width:390px; height:120px; text-align:left; background-color:#292929; float:right; margin:0px 0px 5px 0px}
.div-training-long {width:900px; height:107px; text-align:left; background-color:#292929; clear:both; margin:0px 0px 5px 0px}
.div-order-long {width:900px; height:140px; text-align:left; background-color:#292929; clear:both; margin:0px 0px 5px 0px}

.div-header h1 {float:left; display:block; overflow:hidden; position:relative; padding:0; margin:0; width:130px; height:54px}
.div-header h1 a {display:block; position:absolute; top:0; left:0; z-index:1; font-size:medium; padding:17px 0px 0px 15px; text-decoration:underline; color:#A5A5A5}
.div-header h1 a:hover {display:block; text-decoration:none; color:#FFFFFF}
#div-header-bg {position:absolute; top:0; left:0; z-index:2; padding:0; margin:0; width:130px; height:54px; border:0; background-image:url(../design/duber_logo.gif)}

.training-button-active {width:60px; height:18px; background-color:#DE970E; color:#292929; font-size:100%; text-align:center; margin:0px 5px 0px 0px; float:left}
.training-button-passive {width:60px; height:18px; background-color:#292929; color:#A5A5A5; font-size:100%; text-align:center; margin:0px 5px 0px 0px; float:left}

.showreel-anchor {width:450px; text-align:right; float:right}

.img-home-preview {width:118px; height:70px; border:1px solid #424242}
.img-home-preview:hover {width:118px; height:70px; border:1px solid #505050}

.img-training-preview {width:200px; height:100px; border:1px solid #424242}
.img-training-preview:hover {width:200px; height:100px; border:1px solid #505050}

.img-portfolio-preview {border:1px solid #424242; display:block}
.img-portfolio-preview:hover {border:1px solid #505050; display:block}