/* Style Sheet by Rémi Georgiou */

@font-face {
    font-family:'OleoScript';
    src:url('../fonts/oleoscript-regular.eot');
    src:url('../fonts/oleoscript-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/oleoscript-regular.woff') format('woff'),
        url('../fonts/oleoscript-regular.ttf') format('truetype'),
        url('../fonts/oleoscript-regular.svg#OleoScript') format('svg');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'DroidSans';
    src:url('droidsans.eot');
    src:url('../fonts/droidsans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/droidsans.woff') format('woff'),
        url('../fonts/droidsans.ttf') format('truetype'),
        url('../fonts/droidsans.svg#DroidSans') format('svg');
    font-weight:400;
    font-style:normal;
}

/* RESETS */

a:link, a:visited, a:active, a:hover {
    text-decoration:none;
    border-bottom:0px transparent;
}

ul {
    padding:0;
    margin:0;
    list-style:none;
}

table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    
}

td {
    padding-top: 8px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

body {
    font-family:DroidSans,arial,sans-serif;
    margin:0;
    padding:0;
    background-color:#fff;
    font-size:14px;
}

/* LINKS */

.linkstyle:link, .linkstyle:visited, .linkstyle:active  {
    font-family:inherit;
    text-decoration:none;
    color:#000;
    font-weight: bold;
    border-bottom:2px solid rgb(28,119,234);
}

.linkstyle:hover {
    text-decoration:none;
    border-bottom-color:#000;
}

img {
    border:0px;
}
            
h1 {
    margin:0;
    padding:0;
}

/* CONTAINERS */

#container {
    width:100%;
    min-height:100%;
    margin:10px 0 auto;
    position:relative;
    display:block;
}

#wrapper {
    position:relative;
    width:1000px;
    margin:0 auto 0 auto;
    background-color:#dedede;
    border:1px solid rgb(28,119,234);
    border-radius:20px;
    border-top-style:hidden;
    border-left-width:55px;
    border-right-width:55px;
    border-bottom-style:hidden;
    -webkit-box-shadow: 0 2px 6px 3px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 2px 6px 3px rgba(0,0,0,0.4);
    box-shadow:         0 2px 6px 3px rgba(0,0,0,0.4);
}

/* CONTAINERS */

#main {
    padding:20px 0 35px 20px;
    overflow:hidden;   
}

.underline {
    /*color: rgb(28,119,234);*/
    color: #C7AD5F;
    /*border-bottom: 2px dashed rgb(28,119,234);*/
    border-bottom: 3px solid #C7AD5F;
}

h2 {
    margin:12px 0 18px 0;
    font-family:DroidSans;
    text-decoration:underline;
    font-size:25px;
    color: rgb(28,119,234);
    text-shadow:0 1px 1px #000;
    overflow:hidden;
}

#content {
    position:relative;
    width:610px;
    max-width:610px;
    float:left;
    overflow:hidden;
}

#content h1 {
    font-family:DroidSans;
    text-shadow:3px solid #999;
    margin-bottom:24px;
}

#content p {
    font-family:inherit;
    font-size:14px;
    width:500px;
}

.widget form {
    width:300px;
    padding:0;
    margin:25px 0px 15px 0px;;
}

.widget form label {
    display:block;
    float:left;
    clear:both;
    width:300px;
}

.widget input[type="text"], .widget input[type="password"], .widget textArea {
    margin-bottom:10px;
    padding:8px;
    width:250px;
    max-width:250px;
    font:inherit;
    color:slategrey;
    float:left;
    border:3px solid #ffe;
    border-radius:4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
    -webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.1),0 0 16px rgba(0,0,0,0.1);
    box-shadow:inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    background:rgba(255,255,255,0.5);
}

.widget textarea {
    height:200px;
    max-height:200px;
    resize:none;
    font:inherit;
}

.widget input[type="submit"] {
    margin-top:20px;
}

.widget textArea:focus, .widget input:focus {
    border:3px solid rgb(28,119,234);
}

#awesome {
    position:relative;
    background: rgb(28,119,234);
    /*background-image:-webkit-linear-gradient(bottom, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    background-image:linear-gradient(bottom, rgb(28,119,234) 0%, rgb(14,41,88) 100%);*/
    display:inline-block;
    padding:5px 10px;
    margin-bottom:8px;
    color:#fff;
    font-family:DroidSans;
    font-size:inherit;
    text-decoration:none;
    line-height:1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    text-shadow:0 1px 2px #000;
    border-bottom:1px solid rgba(0,0,0,0.25);
    border-style:none;
    cursor:pointer;
    -webkit-touch-callout:one;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.asterisk {
    color:orangered;
}

/* SIDEBAR */

#sidebar {
    position:relative;
    width:360px;
    max-width:360px;
    padding-bottom:30px;
    font-family:DroidSans;
    height:0 auto;
    float:right;
}

.widget {
    margin:10px 5px 5px 15px;
    padding:0px 15px 20px 15px;
    font-family:inherit;
    width:300px;
    height:0 auto;
    float:left;
    background:#C7AD5F;
    border-radius:3px 40px 3px 40px;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    clear:right;
    overflow:hidden;
}

.rowname {
    width: 120px;
}

.rownameformat {
    font-weight: bold;
    /*color: rgb(28,119,234)*/
}

.widget h1, .widget h2, .widget h3  {
    margin-bottom:0px;
    font-family:inherit;
}

.widget h3 {
    margin:10px 0 20px 0;
}

/*
.inner {
    font-family:inherit;
    border-top:1px dotted #999;
    padding:10px 0;
}

.inner .loggedin li {
    padding:5px 0 5px 10px;
}

.inner form .login li {
    padding:5px 0;
}

.inner .login li input[type="text"], .inner .login li input[type="password"] {
    width:190px;
    margin:2px 0 0 0;
    padding:3px 5px;
    font:inherit;
    color:slategrey;
}

.inner .login li input:focus {
    border:2px solid rgb(195,56,122);
}

.inner p {
    margin:0.6em 0;
}
*/

/* PRODUCTS */

/* DIV */
.product {
    position:relative;
    width:550px;
    height:auto;
    clear:right;
}

/* DIV */
.title {
    position:relative;
    height:28px;
    width:100%;
    margin-bottom:8px;
    padding:0 0 0 8px;
    background-color:#555;
    border-radius:6px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow:         0 2px 4px rgba(0, 0, 0, 0.4);
    z-index:100;
}

/* DIV */
.product-image, .portrait-image {
    position:relative;
    width:516px;
    max-width:516px;
    margin:50px 0 100px 0;
    left:40px;
    z-index:10;
}

.product-image span, .portrait-image span {
    position:absolute;
    padding:15px;
    left:18px;
    bottom:18px;
    width:480px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
    font-family:OleoScript;
    text-align:right;
    font-size:11pt;
    color:#fff;
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.6);
    text-decoration:underline;
    display:inline-block;
}

.portrait-image span {
    line-height:12px;
}

/* NICE FX */

/* Image*/
.product-image img, .portrait-image img {
    max-width:100%;
    height:auto;
    vertical-align:bottom;
    border:18px solid #fff;
    border-radius:8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 2px 4px rgba(0,0,0,0.4);
    box-shadow:         0 2px 4px rgba(0,0,0,0.4);
}

.product-image::before, .portrait-image::before, .product-image::after, .portrait-image::after {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    background-color:#fff;
    border:18px solid #fff;
    border-radius:8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 2px 4px rgba(0,0,0,0.4);
    box-shadow:         0 2px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}

/* 1st element in stack behind image */
.product-image::before, .portrait-image::before {
    top:4px;
    z-index:-10;
}

/* 2nd element in stack behind image */
.product-image::after, .portrait-image::after {
    top:8px;
    z-index:-20;
}

.product-image.rotated::before {
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-transform:rotate(2deg);
    -moz-transform:rotate(2deg);
    transform:rotate(2deg);
}

.product-image.rotated::after {
     -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    transform:rotate(3deg);
}

.product-image.twisted::before, .portrait-image::before {
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    transform:rotate(3deg);
}
.product-image.twisted::after, .portrait-image::after {
    -webkit-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    transform:rotate(-4deg);
}

.product-image.rotated-left::before {
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
.product-image.rotated-left::after {
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-transform:rotate(-6deg);
    -moz-transform:rotate(-6deg);
    transform:rotate(-6deg);
}

/* Reset all rotations on hover */
.product-image:hover::before, .product-image:hover::after {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
}

/* FOOTER */

#footer {
    height:100px;
    margin-top:25px;
    left:0;
    bottom:0;
    color:#C7AD5F;
    text-shadow:0 1px 2px #000;
    background: rgb(28,119,234);
    background-image:-webkit-linear-gradient(top, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    background-image:-moz-linear-gradient(top, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    background-image:linear-gradient(top, rgb(28,119,234) 0%, rgb(14,41,88) 100%);
    padding:10px 20px 10px 20px;
    position:relative;
}

#disclaimer {
    width:500px;
    min-height:100%;
    max-height:100%;
    font-sitze:14px;
    color:inhertit;
    position:relative;
    float:left;
}

/* ERROR MESSAGE */

.errormessage {
    color:orangered;
    font-size:12px;
    font-weight:bold;
    padding:8px 0;
}

/* clear div */

.clear {
    clear:both;
}