/*** general.css.php ***/

* {
    margin: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    min-height: 100%;
    overflow-y: scroll;
    -ms-overflow-y: scroll;
}

    body {
        min-height: 100%;
        color: #FFF;
        font-family: 'Play', 'Arial', sans-serif;
        font-size: 12pt;
        line-height: normal;
        background: #000 url('/img/background.jpg') no-repeat center center;
        background-size: 100% 100%;
        background-size: cover;
        background-attachment: fixed;
    }

        header,
        section,
        footer,
        aside,
        nav,
        article,
        figure {
            display: block;
        }

        a:link,
        a:visited {
            color: #00D0FF;
            text-decoration: none;
        }
        
        a:hover,
        a:active {
            text-decoration: underline;
        }

        p {
            margin: 0 0 20px 0;
        }
        
        img {
            border: 0;
            max-width: 100%;
        }
        
        ul,
        ol {
            margin: 0 0 20px 0;
            padding: 0 0 0 40px;
        }
        
        textarea {
            font-family: inherit;
        }

        blockquote, q {
            quotes: none;
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        
        .clear {
            clear: both;
        }
        
        .center {
            text-align: center;
        }

        .small {
            font-size: 85%;
        }




        h2 {
            margin: 0 0 20px 0;
            color: #00D0FF;
            font-size: 225%;
            font-weight: 400;
            font-family: 'Jura', 'Arial', sans-serif;
        }

        h3 {
            margin: 0 0 20px 0;
            color: #FFBB00;
            font-size: 150%;
            font-weight: 400;
            font-family: 'Jura', 'Arial', sans-serif;
        }




        div.header {
            text-align: center;
            background: #000;
        }

            div.header-inner {
                min-width: 1090px;
                background: #000;
            }

                div.logo-parent {
                    display: inline-block;
                    padding: 20px 20px 20px 0;
                    vertical-align: middle;
                }

                    div.logo-parent a:link,
                    div.logo-parent a:visited,
                    div.logo-parent a:hover,
                    div.logo-parent a:active {
                        text-decoration: none;
                    }

                        div.logo-parent a img {
                            width: 100px;
                            height: auto;
                        }

                div.header h1 {
                    display: inline-block;
                    font-size: 175%;
                    font-weight: normal;
                    font-family: 'Jura', 'Arial', sans-serif;
                    color: #999;
                    text-align: left;
                    vertical-align: middle;
                }

                    div.header h1 span.sub-title {
                        font-size: 50%;
                        font-weight: normal;
                        font-family: 'Play', 'Arial', sans-serif;
                        color: #FFF;
                    }




        div.footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 45px;
            padding: 10px 0;
            font-size: 100%;
            text-align: center;
            background: #000;
            background: rgba(0,0,0, 0.8);
        }

            div.footer p {
                margin: 0;
            }




/*** content.css.php ***/

div.content {
    margin: 0 auto 60px auto;
    padding: 20px;
    width: 70%;
    min-width: 850px;
    text-align: left;
    background: rgba(0,0,0, 0.8);
}

    div.content-left {
        padding: 20px;
    }

    div.content-right {
        border: #999 solid;
        border-width: 0 0 0 1px;
        padding: 20px;
    }





        
    div.frontpage-left {
        padding-bottom: 60px;
        text-align: center;
    }

    div.frontpage-right {
        padding-bottom: 60px;
        text-align: center;
    }





    
    a.photo-album-preview:link,
    a.photo-album-preview:visited {
        display: block;
        margin: 0 0 20px 0;
        
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        padding: 20px;
        text-decoration: none;
    }

    a.photo-album-preview:hover,
    a.photo-album-preview:active {
        background: rgba(255,255,255, 0.1);
    }

        a.photo-album-preview img {
            
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            margin: 0 10px 0 0;
            width: auto;
            height: 100px;
        }





    
    div.photo-album-images {
        /**/
    }
        
        div.photo-album-images a {
            /**/
        }
        
            div.photo-album-images a img {
                
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
                margin: 0 10px 10px 0;
                width: auto;
                height: 100px;
            }





    
    div.services-parent {
        /**/
    }

        div.service-data {
            padding: 10px;
        }

            a.service-image:link,
            a.service-image:visited {
                display: block;
                width: 100%;
                height: 175px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }

            a.service-image:hover,
            a.service-image:active {
                /**/
            }

            a.service-album-link:link,
            a.service-album-link:visited,
            a.service-album-link:hover,
            a.service-album-link:active {
                display: block;
                margin: 0 0 10px 0;
            }

            a.service-order-button:link,
            a.service-order-button:visited {
                display: inline-block;
                margin: 0 0 10px 0;
                border: 0;
                
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
                padding: 10px 30px;
                color: #FFF;
                text-decoration: none;
                background: #00D0FF;
            }

            a.service-order-button:hover {
                background: #00C5F2;
            }

            a.service-order-button:active {
                background: #00BBE5;
            }




    
    div.projects-parent {
        margin: 20px 0 0 0;
    }
        
        a.project:link,
        a.project:visited {
            display: block;
            margin: 0 0 20px 0;
            
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            padding: 10px;
            color: inherit;
            text-decoration: none;
        }

        a.project:hover,
        a.project:active {
            background: rgba(255,255,255, 0.1);
        }
            
            img.project-image {
                float: left;
                margin: 0 20px 0 0;
                width: auto;
                height: 125px;
            }






    
    div.project-images {
        /**/
    }
        
        div.project-images a {
            /**/
        }
        
            div.project-images a img {
                
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
                margin: 0 10px 10px 0;
                width: auto;
                height: 100px;
            }




/*** forms.css.php ***/

@input-styling {
    border: 1px #444 solid;
    
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
    padding: 5px;
    font: inherit;
}

select {
    
border: 1px #444 solid;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
font: inherit;
    width: 70%;
}

    select option {
        /**/
    }

input[type='text'] {
    
border: 1px #444 solid;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
font: inherit;
    width: 70%;
}

textarea {
    
border: 1px #444 solid;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
font: inherit;
    width: 100%;
    min-height: 150px;
    resize: vertical;
}

input[type='submit'] {
    
border: 1px #444 solid;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
font: inherit;
    cursor: pointer;
    border: 0;
    padding: 6.6666666666667px 60px;
    color: #FFF;
    background: #9DC209;
}

input[type='submit']:hover {
    background: #92B408;
}

input[type='submit']:active {
    background: #85A407;
}




/*** grid.css.php ***/

.grid-row {
    /**/
}

.grid-row:before,
.grid-row:after {
    display: table;
    content: '';
    clear: both;
}
    
            
        .grid-cell-1 {
            float: left;
            width: 1.6666666666667%;
        }

            
        .grid-cell-2 {
            float: left;
            width: 3.3333333333333%;
        }

            
        .grid-cell-3 {
            float: left;
            width: 5%;
        }

            
        .grid-cell-4 {
            float: left;
            width: 6.6666666666667%;
        }

            
        .grid-cell-5 {
            float: left;
            width: 8.3333333333333%;
        }

            
        .grid-cell-6 {
            float: left;
            width: 10%;
        }

            
        .grid-cell-7 {
            float: left;
            width: 11.666666666667%;
        }

            
        .grid-cell-8 {
            float: left;
            width: 13.333333333333%;
        }

            
        .grid-cell-9 {
            float: left;
            width: 15%;
        }

            
        .grid-cell-10 {
            float: left;
            width: 16.666666666667%;
        }

            
        .grid-cell-11 {
            float: left;
            width: 18.333333333333%;
        }

            
        .grid-cell-12 {
            float: left;
            width: 20%;
        }

            
        .grid-cell-13 {
            float: left;
            width: 21.666666666667%;
        }

            
        .grid-cell-14 {
            float: left;
            width: 23.333333333333%;
        }

            
        .grid-cell-15 {
            float: left;
            width: 25%;
        }

            
        .grid-cell-16 {
            float: left;
            width: 26.666666666667%;
        }

            
        .grid-cell-17 {
            float: left;
            width: 28.333333333333%;
        }

            
        .grid-cell-18 {
            float: left;
            width: 30%;
        }

            
        .grid-cell-19 {
            float: left;
            width: 31.666666666667%;
        }

            
        .grid-cell-20 {
            float: left;
            width: 33.333333333333%;
        }

            
        .grid-cell-21 {
            float: left;
            width: 35%;
        }

            
        .grid-cell-22 {
            float: left;
            width: 36.666666666667%;
        }

            
        .grid-cell-23 {
            float: left;
            width: 38.333333333333%;
        }

            
        .grid-cell-24 {
            float: left;
            width: 40%;
        }

            
        .grid-cell-25 {
            float: left;
            width: 41.666666666667%;
        }

            
        .grid-cell-26 {
            float: left;
            width: 43.333333333333%;
        }

            
        .grid-cell-27 {
            float: left;
            width: 45%;
        }

            
        .grid-cell-28 {
            float: left;
            width: 46.666666666667%;
        }

            
        .grid-cell-29 {
            float: left;
            width: 48.333333333333%;
        }

            
        .grid-cell-30 {
            float: left;
            width: 50%;
        }

            
        .grid-cell-31 {
            float: left;
            width: 51.666666666667%;
        }

            
        .grid-cell-32 {
            float: left;
            width: 53.333333333333%;
        }

            
        .grid-cell-33 {
            float: left;
            width: 55%;
        }

            
        .grid-cell-34 {
            float: left;
            width: 56.666666666667%;
        }

            
        .grid-cell-35 {
            float: left;
            width: 58.333333333333%;
        }

            
        .grid-cell-36 {
            float: left;
            width: 60%;
        }

            
        .grid-cell-37 {
            float: left;
            width: 61.666666666667%;
        }

            
        .grid-cell-38 {
            float: left;
            width: 63.333333333333%;
        }

            
        .grid-cell-39 {
            float: left;
            width: 65%;
        }

            
        .grid-cell-40 {
            float: left;
            width: 66.666666666667%;
        }

            
        .grid-cell-41 {
            float: left;
            width: 68.333333333333%;
        }

            
        .grid-cell-42 {
            float: left;
            width: 70%;
        }

            
        .grid-cell-43 {
            float: left;
            width: 71.666666666667%;
        }

            
        .grid-cell-44 {
            float: left;
            width: 73.333333333333%;
        }

            
        .grid-cell-45 {
            float: left;
            width: 75%;
        }

            
        .grid-cell-46 {
            float: left;
            width: 76.666666666667%;
        }

            
        .grid-cell-47 {
            float: left;
            width: 78.333333333333%;
        }

            
        .grid-cell-48 {
            float: left;
            width: 80%;
        }

            
        .grid-cell-49 {
            float: left;
            width: 81.666666666667%;
        }

            
        .grid-cell-50 {
            float: left;
            width: 83.333333333333%;
        }

            
        .grid-cell-51 {
            float: left;
            width: 85%;
        }

            
        .grid-cell-52 {
            float: left;
            width: 86.666666666667%;
        }

            
        .grid-cell-53 {
            float: left;
            width: 88.333333333333%;
        }

            
        .grid-cell-54 {
            float: left;
            width: 90%;
        }

            
        .grid-cell-55 {
            float: left;
            width: 91.666666666667%;
        }

            
        .grid-cell-56 {
            float: left;
            width: 93.333333333333%;
        }

            
        .grid-cell-57 {
            float: left;
            width: 95%;
        }

            
        .grid-cell-58 {
            float: left;
            width: 96.666666666667%;
        }

            
        .grid-cell-59 {
            float: left;
            width: 98.333333333333%;
        }

            
        .grid-cell-60 {
            float: left;
            width: 100%;
        }

    




/*** main-menu.css.php ***/

nav.main-menu {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

    nav.main-menu ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: left;
    }
        
        nav.main-menu ul li {
            display: inline-block;
            position: relative;
            list-style: none;
        }

        nav.main-menu ul li:hover {
            /**/
        }
        
            nav.main-menu ul li a:link,
            nav.main-menu ul li a:visited {
                display: block;
                border: #444 solid;
                border-width: 0 1px 0 0;
                padding: 30px 20px;
                width: 100%;
                height: 100%;
                font-size: 90%;
                color: #FFF;
                text-decoration: none;
                
            transition: color 0.15s linear;
           -moz-transition: color 0.15s linear;
           -webkit-transition: color 0.15s linear;
            }
            
            nav.main-menu ul li a.current,
            nav.main-menu ul li a:hover,
            nav.main-menu ul li a:active {
                color: #FFBB00;
            }

            nav.main-menu ul li:last-child a {
                border: 0;
            }
            
                nav.main-menu ul li ul {
                    position: absolute;
                    left: -9999px;
                    top: auto;
                    width: 200px;
                    background: #000;
                }

                nav.main-menu ul li:hover ul {
                    left: 0;
                }
                
                    nav.main-menu ul li ul li {
                        width: 100%;
                    }
                    
                        nav.main-menu ul li ul li a:link,
                        nav.main-menu ul li ul li a:visited,
                        nav.main-menu ul li ul li a:hover,
                        nav.main-menu ul li ul li a:active {
                            border: 0;
                            padding: 20px;
                        }




/*** notifications.css.php ***/

@notification-styling {
    margin: 0 0 20px 0;
    padding: 6.6666666666667px 10px;
    
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
}

div.notification-neutral {
    
margin: 0 0 20px 0;
padding: 6.6666666666667px 10px;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
    color: #FFF;
    background: #00F;
}

div.notification-positive {
    
margin: 0 0 20px 0;
padding: 6.6666666666667px 10px;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
    color: #FFF;
    background: #9DC209;
}

div.notification-negative {
    
margin: 0 0 20px 0;
padding: 6.6666666666667px 10px;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
    color: #FFF;
    background: #DC381F;
}

span.error {
    font-size: 90%;
    color: #00D0FF;
}