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


/* =============================================================================
 *  fonts
 * ========================================================================== */

@font-face {
    font-family: 'Avenir';
    font-weight: bold;
    src:  url('../fonts/av_2.ttf')  format('truetype');
}
@font-face {
    font-family: 'Avenir';
    font-weight: 500;
    src:  url('../fonts/av_1.ttf')  format('truetype');
}
@font-face {
    font-family: 'Avenir';
    font-weight: normal;
    src:  url('../fonts/av_0.ttf')  format('truetype');
}

/* =============================================================================
 *  basic html
 * ========================================================================== */

body  {
    background:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#fff;
    line-height:17px;
    margin:0;
    padding:0;
}

p  {
    margin:0 0 12px 0;
    padding:0;
    letter-spacing:1.4px;
}

a  {
    color:#fff;
    text-decoration:none;
}
a:hover  {
    text-decoration:underline;
}
a:focus {
    outline:none;
}

a img	{
    border:0;
}

div, span  {
    margin:0;
    padding:0;
}

form  {
    margin:0;
}
input, textarea   {
    margin:0;
}
input	{
    border:0px;
    background:none;
}
select   {
    margin:0;
    width:auto;
}

ul, ol  {
    margin:0;
    padding:0;
    margin:0 25px 10px 25px;
}
li  {
    margin:0;
    padding:0;
}

h1  {
    font-family: 'Avenir', Helvetica, Arial, Verdana, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 29px; 
    margin: 0 0 20px;
}
h2 {
    font-family: 'Avenir', Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;    
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 22px;
}

h6  {
}

strong {
    font-weight: bold;
}

img {
    max-width: 100%;
    height: auto
}
/* =============================================================================
 *  content
 * ========================================================================== */


/*  */

#pageWrap	{
    max-width:975px;
    margin:0 auto;
    padding-top:30px;
    padding-bottom:30px;
}

#colLeft	{
    float:left;
    width:419px;
    height:424px;
    background:url(../images/couch.jpg) no-repeat bottom;
    max-width: calc(100% - 33px);     
}
#colLeft, .colRight {
    margin-top: 30px;
}
#colLeft div	{
    margin-left:39px;
}
#colLeft div img	{
    margin-bottom:12px;
}

.colRight	{
    float:left;
    width:477px;
    margin-left: 40px;
    padding-bottom: 30px;
    margin-right: 33px;
    max-width: calc(100% - 493px);    
}
.colRight div	{
    /*height:337px;*/
}
.colRight div div	{
    /*    height:auto;
        float:right;*/
}
.colRight img	{
    margin-bottom:22px;
}
.colRight p	{
    display: inline;
}
.colRight h2 {
    display: inline
}

.colRight a	{
    color:#ffffff;
    text-decoration:none;
}

.colRight a:hover {
    color:#42feff;
    text-decoration:none;
}

#imageBorder	{
    max-width:100%;
    height:315px;
    background:url(../images/images_border.gif) no-repeat top left;
    overflow:hidden;
    margin: 0 33px;
    padding-top: 1px;
}
#imageBorder img {
    border: 1px solid #43ffff;
    border-top: none;
    max-width: calc(100% - 2px);
}

#imageBorder #padTopLeft	{
    padding:0px 0 0 1px;
}

#contactInfo	{
    height:30px;
    background:url(../images/contact_info.gif) no-repeat 362px 0px;
    margin-top:15px;
    text-align:center;
}

#contactInfo p	{
    text-indent:116px;
    line-height:20px;
}

#contactInfo a	{
    color:#ffffff;
    text-decoration:none;
}

#contactInfo a:hover {
    color:#42feff;
    text-decoration:none;
}
#canvas0_0, #master0, #canvas0_1 {
    max-width: 100%;
    position: relative !important;
}

#copyright	{
    height:30px;
    margin-top:15px;
    text-align:center;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#CCCCCC;
}

.clearBoth	{
    height:0;
    clear:both;
}

.blue {
    color: #43ffff;
}

.uppercase {
    text-transform: uppercase;
}

/* video player */
.projekktor {
    margin-bottom: 20px;
    width: 100% !important
}



@media screen and (max-width: 768px) {
    #colLeft {
        float: none;
        width: 100%;
    }
    .colRight {
        float: none;
        width: 100%;
        max-width: calc(100% - 73px);
        margin-top: 60px;
        margin-bottom: 30px;
    }
}