﻿/* -- COLUMNS 1 -- */

#inner .columns-1 div {
    float: left;
    width: 100%;
}

#wrap1 #inner .columns-1 div div {
    width: auto;
    float: none;
}




/* -- COLUMNS 2 -- */

#inner .columns-2 div {
    float: left;
    width: 50%;
}

#inner .columns-2 div div {
    width: auto;
    float: none;
}

#inner .columns-2 div.col-1 div { margin-right: 5px; }
#inner .columns-2 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-2 div div div { margin: 0; }




/* -- COLUMNS 60 40 -- */

#inner .columns-60-40 div.col-1 { float: left; width: 60%; }
#inner .columns-60-40 div.col-2 { float: left; width: 40%; }

#inner .columns-60-40 div.col-1 div { margin-right: 5px; }
#inner .columns-60-40 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-60-40 div div div { margin: 0; }


/* -- COLUMNS 30 70 -- */

#inner .columns-30-70 div.col-1 { float: left; width: 30%; }
#inner .columns-30-70 div.col-2 { float: left; width: 70%; }

#inner .columns-30-70 div.col-1 div { margin-right: 5px; }
#inner .columns-30-70 div.col-2 div { margin-left: 5px;  }
#wrap1 #inner .columns-30-70 div div div { margin: 0; }




/* -- COLUMNS 3 -- */

#inner .columns-3 div {
    float: left;
    width: 33%;
}

#inner .columns-3 div div {
    margin-left: 5px;
    margin-right: 5px;
    width:auto;
    float: none;
}

#inner .columns-3 div.col-2 { width: 34%; }
#inner .columns-3 div.col-1 div { margin-left: 0; }
#inner .columns-3 div.col-3 div { margin-right: 0; }
#wrap1 #inner .columns-3 div div div { margin: 0; }




/* -- COLUMNS 60 20 20 -- */

#inner .columns-60-20-20 div div {
    margin-left: 5px;
    margin-right: 5px;
}
#inner .columns-60-20-20 div.col-1 { float: left; width: 60%; }
#inner .columns-60-20-20 div.col-2 { float: left; width: 20%; }
#inner .columns-60-20-20 div.col-3 { float: left; width: 20%; }

#inner .columns-60-20-20 div.col-1 div { margin-left: 0; }
#inner .columns-60-20-20 div.col-3 div { margin-right: 0; }
#wrap1 #inner .columns-60-20-20 div div div { margin: 0; }

/* -- COLUMNS 20 60 20 -- */

#inner .columns-20-60-20 div div {
    margin-left: 5px;
    margin-right: 5px;
}
#inner .columns-20-60-20 div.col-1 { float: left; width: 20%; }
#inner .columns-20-60-20 div.col-2 { float: left; width: 60%; }
#inner .columns-20-60-20 div.col-3 { float: left; width: 20%; }

#inner .columns-20-60-20 div.col-1 div { margin-left: 0; }
#inner .columns-20-60-20 div.col-3 div { margin-right: 0; }
#wrap1 #inner .columns-20-60-20 div div div { margin: 0; }


/* -- GALLERY -- */

#inner .gallery-5 div {
    float: left;
    width: 20%;
}

#inner .gallery-5 div div {
    margin-left: 5px;
    margin-right: 5px;
    width:auto;
    float: none;
}

#inner .gallery-5 div.col-1 div { margin-left: 0; }
#inner .gallery-5 div.col-5 div { margin-right: 0; }
#wrap1 #inner .gallery-5 div div div { margin: 0; }

/* -- GALLERY 6-- */

#inner .gallery-6 div {
    float: left;
    width: 16.6%;
}

#inner .gallery-6 div div {
    margin-left: 5px;
    margin-right: 5px;
    width:auto;
    float: none;
}

#inner .gallery-6 div.col-1 div { margin-left: 0; }
#inner .gallery-6 div.col-5 div { margin-right: 0; }
#wrap1 #inner .gallery-6 div div div div { margin: 0; }





/* -- CONTACT -- */

#inner .contact label {
    display: block;
}

#inner .contact input {
    display: block;
    margin-bottom: 1em;
}

