/*DEFAULT*/
.link {
    text-decoration: none;
}

.link:hover {
    text-decoration: underline;
}

h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 3em;
    text-decoration: underline;
}

.imggallery {
    margin: 1px;
    border: 1px solid #ccc;
    max-width: 100%;
}

.quotes {
    color: #808080;
    font-style: italic;
}

.arrow {
    cursor: pointer;
}

#container {
    background: #ffffff;
}

#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

.form {
    width: 100%;
    padding: 5px 8px;
    font-size: 0.87em;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
}

.form:focus {
    outline: #C5DDFE solid 4px;
}
/*END DEFAULT*/

/*SLIDES*/
.slide_text{
    width: 300px;
    height: 35px;
    background: #e43;
    text-align: center;
    line-height: 35px;
    letter-spacing: 1px;
    color: #f0f0f0;
    opacity: 0.6;
    font-weight: bold;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#down_arrow {
    position: absolute;
    bottom: -10px;
    font-size: 50px;
    left: 50%;
    margin-left: 160px;
}

#gears {
    background-image: url("../images/slides/gears.jpg");
}

#cnc {
    background-image: url("../images/slides/cnc.jpg");
}

#forged {
    background-image: url("../images/slides/forged.jpg");
}

#diff {
    background-image: url("../images/slides/diff.jpg");
}

#integra {
    background-image: url("../images/slides/integra.jpg");
}

#fensport {
    background-image: url("../images/slides/fensport.jpg");
}

#civic {
    background-image: url("../images/slides/civic.jpg");
}

#springs {
    background-image: url("../images/slides/springs.jpg");
}

#nsx {
    background-image: url("../images/slides/nsx.jpg");
}

#superformula {
    background-image: url("../images/slides/superformula.jpg");
}

#fairlady {
    background-image: url("../images/slides/350z.jpg");
}

#closeratiogears {
    background-image: url("../images/slides/closeratiogears.jpg");
}

#finaldrive {
    background-image: url("../images/slides/finaldrive.jpg");
}

#axles {
    background-image: url("../images/slides/axles.jpg");
}

#carbonrebuildkit {
    background-image: url("../images/slides/carbonrebuildkit.jpg");
}

#carboncompositesynchros {
    background-image: url("../images/slides/carboncompositesynchros.jpg");
}

#twin {
    background-image: url("../images/slides/twin.jpg");
}

#aluminium {
    background-image: url("../images/slides/aluminium.jpg");
}

#drykits {
    background-image: url("../images/slides/drykits.jpg");
}

#gt86 {
    background-image: url("../images/slides/gt86.jpg");
}

#golf {
    background-image: url("../images/slides/golf.jpg");
}

#pads {
    background-image: url("../images/slides/pads.jpg");
}

#r35 {
    background-image: url("../images/slides/r35.jpg");
}

#model3 {
    background-image: url("../images/slides/model3.jpg");
}

#c8 {
    background-image: url("../images/slides/c8.jpg");
}

#f488 {
    background-image: url("../images/slides/488.jpg");
}

#u9 {
    background-image: url("../images/slides/u9.jpg");
}

#yaris {
    background-image: url("../images/slides/yaris.jpg");
}

#gears, #cnc, #forged, #diff, #integra, #fensport, #civic, #springs, #nsx, #superformula, #fairlady, #closeratiogears, #finaldrive, #axles, #carbonrebuildkit, #carboncompositesynchros, #twin, #aluminium, #drykits, #golf, #gt86, #pads, #r35, #model3, #c8, #f488, #u9, #yaris {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
}
/*END SLIDES*/

/*IMAGE CONTAINERS*/
#cte1 {
    /* The image used */
    background-image: url("../images/showroom.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#cte2 {
    /* The image used */
    background-image: url("../images/e11.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ycw1 {
    /* The image used */
    background-image: url("../images/logistics.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ycw2 {
    /* The image used */
    background-image: url("../images/bg2.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mfactory1 {
    /* The image used */
    background-image: url("../images/office.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mfactory2 {
    /* The image used */
    background-image: url("../images/dyno.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#swift1 {
    /* The image used */
    background-image: url("../images/advantage.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#swift2 {
    /* The image used */
    background-image: url("../images/advantage2.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ycwsus1 {
    /* The image used */
    background-image: url("../images/hpd.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ycwsus2 {
    /* The image used */
    background-image: url("../images/gtr.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sync1 {
    /* The image used */
    background-image: url("../images/synchros.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sync2 {
    /* The image used */
    background-image: url("../images/synchrotech.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#whyus {
    /* The image used */
    background-image: url("../images/dubai.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

#contact {
    /* The image used */
    background-image: url("../images/map.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
/*END IMAGE CONTAINERS*/

/*TABS*/
.tab:hover {
    background-color: #f0f0f0;
}
/*END TABS*/

/*FOOTER*/
.footer_link {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.footer_link:hover {
    color: #ff0000;
    cursor: pointer;
    text-decoration: none;
}

.footer_menu_link {
    color: #000000;
    text-decoration: none;
}

.footer_menu_link:hover {
    color: #ff0000;
    cursor: pointer;
    text-decoration: none;
}
/*END FOOTER*/
