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

a, a:link, a:visited, a:hover, a:active {
text-decoration:none;
}

a:link, a:visited {
color:rgba(105,185,255,1.0);
}

a:hover {
font-weight:900;
}

a:active {
color:#FFF;
}

a.offset {
display:block;
position:relative;
top:12px;
visibility:hidden;
}

a.offset02  {
display:block;
position:relative;
top:64px;
visibility:hidden;
}

body {
font:12px Arial, Helvetica, sans-serif;
line-height:20px;
}

h1 {
color:#444;
font:20px Arial, Helvetica, sans-serif;
font-weight:600;
font-variant:small-caps;
letter-spacing:5px;
text-align:center;
}

h2 {
font:16px Arial, Helvetica, sans-serif;
font-variant:small-caps;
letter-spacing:2px;
text-align:center;
}


li {
list-style-type:none;
}

p {
margin-top:8px;
}

p.text_layout {
margin-top:0px;
}

#about {
float:right;
margin-left:10%;
margin-right:548px;
position:relative;
top:166px;
max-width:324px;
min-width:124px;
}

#author {
height:36px;
margin-left:48px;
padding:106px 12px 12px 12px;
position:relative;
text-overflow:clip;
width:376px;
}

#content_center {
margin:0 auto;
width:1096px;
}

#content_left {
float:left;
margin-right:-548px;
position:relative;
width:50%;
}

#footer_center {
margin:0 auto;
width:1096px;
}

#header {
height:154px;
position:fixed;
width:100%;
z-index:1;
}

#header_center {
float: left;
height:154px;
position:relative;
width:1096px;
}

#header_left {
float:left;
height:154px;
margin-right:-548px;
width:50%;
}

#header_right {
float:left;
height:154px;
margin-left:-548px;
width:50%;
}

#headroom {
background-image:url(../IMG/DECO/dot_4x4_dark.png);
border-bottom:2px solid #666666;
position:fixed;
width:100%;
}

#logo {
background:url(../IMG/DECO/arrows_logo.png) no-repeat;
background-position: -288px 0px;
height:38px;
left:-2px;
position:absolute;
top:111px;
width:46px;
}

#logo_container {
float:left;
width:48px;
}

#nav_container {
float:right;
width:648px;
}

#reel_wrapper {
border:2px solid #666;
height:112px;
margin-top:-20px;
position:absolute;
right:48px;
width:596px;
}

.bevel {
border:8px solid white;
box-shadow:0px -10px 20px 0px #999999;
-webkit-box-shadow:0px -10px 20px 0px #999999;
overflow:hidden;
}

.bevelS {
box-shadow:0px -10px 20px 0px #999999;
-webkit-box-shadow:0px -10px 20px 0px #999999;
z-index:-1;
}

.radPrim {
border-radius:20px;
-webkit-border-radius:20px;
}

.radSec {
border-radius:16px;
-webkit-border-radius:16px;
}


.light {
background-color:#fff;
}

.medium {
background-color:#666666;
}

.prim {
height:354px;
position:relative;
}

.sec {
height:290px;
position:relative;
top:106px;
}

.sec_offset {
top:154px;
}

.tert {
height:76px;
}

.quart {
height:48px;
}

.title {
background:#FFF;
height:34px;
margin:0px 8px;
padding-top:12px;
position:absolute;
top:17px;
left:48px;
width:382px;
}

.title_round {
border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
box-shadow:0px -5px 2px 0px #666666;
-webkit-box-shadow:0px -5px 2px 0px #666666;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
height:32px;
width:378px;
}

.gradVertDown {
background: url(../IMG/DECO/grad_vert.png) repeat-x;
}

.gradVertUp {
background: url(../IMG/DECO/grad_vert.png) repeat-x;
background-position: 0px -70px;
}

.banderole {
margin-top:106px;
}

.border {
border:4px solid white;
}

.border:hover {
border:4px solid rgba(105,185,255,1.0);
}

.impressum {
float:left;
margin-right:12px;
width:308px;
padding:8px;
}

.left {
margin:106px 520px 0px 0px;
}

.label {
position:relative;
bottom:-52px;
border-left:2px solid #FFF;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
border-radius:12px 12px 0px 0px;
-webkit-border-radius:12px 12px 0px 0px;
box-shadow:0px -5px 5px 0px rgba(0,0,0,0.5);
-webkit-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.5);
height:50px;
margin:0 auto;
padding-top:8px;
width:200px;
}

.nav_item {
float:left;
padding-top:16px;
text-align:center;
width:100px;
}

.right {
margin:106px 0px 0px 520px;
}

.text {
color:#CCCCCC;
height:176px;
width:976px;
margin:0 auto;
padding:12px;
position:absolute;
top:72px;
left:48px;
}

.text_layout {
-moz-column-count:3;
-moz-column-gap:20px;
-webkit-column-count:3;
-webkit-column-gap:20px;
}

.thumb {
width:184px;
height:184px;
overflow:hidden;
margin:4px;
}



/*-------------- slider common--------------*/

.loading {
position: absolute;
}

.loading_bg {
filter: alpha(opacity=70);
opacity:0.7;
position: absolute;
display: block;
background-color: #FFF; 
}

.loading_img {
position: absolute; 
display: block; 
background: url(../IMG/DECO/JSSOR/loading.gif) no-repeat center center;
}

.container {
position: relative; 
margin:0 auto;
}

.slides_container {
position: absolute; 
overflow: hidden;
}

/*--------------reel slider specific --------------*/
#reel_slides {
cursor:move;
text-align:center;
}

/*-------------portfolio slider specific -------------*/
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/

.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
position: absolute;
cursor: pointer;
display: block;
background: url(../IMG/DECO/arrows_logo.png) no-repeat;
overflow: hidden;
width:48px;
height:48px;
top:120px;
}

.jssora03l, .jssora03ldn {
left: 0px;
border-radius:8px 0px 0px 8px;
-webkit-border-radius:8px 0px 0px 8px;
box-shadow:-5px 0px 5px 0px #666666;
-webkit-box-shadow:-5px 0px 5px 0px #666666;
}

.jssora03r, .jssora03rdn {
right: 0px;
border-radius:0px 8px 8px 0px;
-webkit-border-radius:0px 8px 8px 0px;
box-shadow:5px 0px 5px 0px #666666;
-webkit-box-shadow:5px 0px 5px 0px #666666;
}

.jssora03l {
background-position: 0px 0px;
}

.jssora03r {
background-position: -48px 0px;
}

.jssora03l:hover {
background-position: -96px 0px;
}

.jssora03r:hover {
background-position: -144px 0px;
}

.jssora03ldn {
background-position: -192px 0px;
}

.jssora03rdn {
background-position: -240px 0px;
}

/*------------------- form -------------------*/

#formWrapper {
left:48px;
position:absolute;
top:72px;
width:1050px;
}

.legend {
bottom:5px;
position: absolute;
right:12px;
text-align:right;
width: 200px;
}

.inputField {
border: 2px solid;
height:20px;
padding: 12px;
width: 300px;
color: #abaeb3;
}

.inputFieldWide {
border: 2px solid;
height:20px;
padding: 12px;
width: 636px;
color: #abaeb3;
}

.formItem {
float: left;
margin:0px 12px 12px 0px;
position:relative;
width:324px;
}

.formItemWide {
float: left;
margin:0px 12px 12px 0px;
position: relative;
width: 660px;
}

.inputArea {
border: 2px solid;
color: #abaeb3;
height: 118px;
padding: 12px;
width: 636px;
}

.button {
background-color:#666666;
color:#FFF;
border:none;
outline:none;
margin: 0px 0px 12px 0px;
padding: 0px;
width:328px;
}

.button:hover {
border:4px solid rgba(105,185,255,1.0);
}