/**
*
* FSS - Full Screen Sliding Website Plugin
* URL: http://www.codecanyon.net/user/lydian
* Version: 1.0
* Author: Lydian
* Author URL: http://www.codecanyon.net/user/lydian
*
*
* ATTENTION:
*
* This styles file include the styles for the sample content. You can completely
* ignore this file.
*
*/


body {
    background: #fff;
    font: 14px Helvetica, "Times New Roman", Times, serif;
    border-top: 4px solid #757562;
	
}

.slider {
    border-bottom: 1px solid #d1d1cd;
}

#introduction {
	/* background: transparent url(../images/home-back.jpg) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%; */
        overflow: hidden !important;
}

/* classes to work with cycle plugin for BG images */

#bg_containers div {width:1000px; height:820px; margin:0 auto;}
/*#bg_containers .bg1 {background:url(../images/home-black.jpg) 0 -6px no-repeat; width: 1280px;}*/

#bg_containers .bg1 {background:url(../images/homepage-images/home2.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg2 {background:url(../images/homepage-images/home3.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg3 {background:url(../images/homepage-images/home4.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg4 {background:url(../images/homepage-images/home5.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg5 {background:url(../images/homepage-images/home6.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg6 {background:url(../images/homepage-images/home7.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg7 {background:url(../images/homepage-images/home8.jpg) 0 -6px no-repeat; width: 1280px;}
#bg_containers .bg8 {background:url(../images/homepage-images/home9.jpg) 0 -6px no-repeat; width: 1280px;}

#who-are-we {
    z-index: 997;
    position: absolute;
    width: 100%;
	
}

#careers {
    z-index: 997;
    position: absolute;
    width: 100%;
}

#partners {
    z-index: 997;
    position: absolute;
    width: 100%;
}

#products {
    z-index: 997;
    position: absolute;
    width: 100%;
}

#locations {
    z-index: 997;
    position: absolute;
    width: 100%;
}

#contact-us {
    z-index: 997;
    position: absolute;
    width: 100%;
}

#nav-bar {
    background: transparent url(../images/nav-background.png) top left repeat;
    width:407px;
    height: 100%;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 999;
    color: #dbd8c6;
}


#nav-bar .nav-content p {
	margin-top: 172px;
	padding: 45px;
	width: 313px;
	font-weight: bold;
	line-height: 135%;
}

#nav-bar .links {
}

#nav-bar .links .company {
	background: transparent url(../images/company-header.png) 44px 23px no-repeat;
	padding-top: 60px;
}

#nav-bar .links .company a {
	display: block;
	padding: 1px 12px 5px 12px;
	color: #dbd8c6;
	margin-left: 82px;
	text-decoration: none;
	font-size: 12px;
	width: 200px;
}

#nav-bar .links .contact-us {
	background: transparent url(../images/contact-us-header.png) 48px 15px no-repeat;
	padding-top: 45px;
}

#nav-bar .links .contact-us a {
	display: block;
	padding: 1px 12px 5px 12px;
	color: #dbd8c6;
	margin-left: 82px;
	text-decoration: none;
	font-size: 12px;
	width: 200px;
}

#nav-bar .links .meet-us {
	background: transparent url(../images/meet-us-header.png) 52px 15px no-repeat;
	padding-top: 50px;
}

#nav-bar .links .meet-us a {
	display: block;
	padding: 1px 12px 5px 12px;
	color: #dbd8c6;
	margin-left: 82px;
	text-decoration: none;
	font-size: 12px;
	width: 200px;
}

.outer-wrapper {
    border-top: 1px solid #d1d1cd;
    min-width: 1024px;
    height: 100%;
}

.inner-wrapper {
    /* width: 1024px; */
    margin: 0px auto;
    /*overflow: hidden;*/
}

/**
* Styles for the top logo.
*/
span.nav-title {
    float: left;
    background: url(../images/swnr-logo.png) no-repeat;
    width: 336px;
    height: 164px;
    padding-top: 15px;
    outline: 0;
    margin: 37px 0 0 16px;
}

/**
* Styles for the preloader.
*/
.slider .loading {
    /*background: url(../images/preloader.gif) no-repeat center center;*/
}

/**
* Styles for the header menu.
*/
.header .top-menu {
    position: relative;
    list-style: none;
    float: right;
    font: 14px "Century Gothic", AppleGothic, Arial, sans-serif;
    margin: 6px 0 0 0;
    z-index: 1;
}

    .header .top-menu li {
        position: relative;
        float: left;
    }

    .header .top-menu li a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #ccc;
        outline: 0;
    }

    .header .top-menu li a:hover {
        color: #000;
    }

    .header .top-menu li.selected a {
        font-weight: bold;
        color: #000;
        margin-top: 1px;
    }

/**
* Styles for the navigation.
*/
.nav {
    position:relative;
    clear: both;
    padding-top: 360px;
    width: 120px;
    height: 100px;
    margin: 0 0 0 0;
    float: right;
    z-index:997;
}

    .nav a {
        float: right;
        width: 54px;
        height: 0;
        padding-top: 54px;
        margin-left: 10px;
        overflow: hidden;
        outline: 0;
        display: block;
        clear: both;
    }

    .nav a.home {
        float: right;
        height: 0;
        margin-left: 10px;
        overflow: hidden;
        outline: 0;
        display: block;
        clear: both;
}

    .nav a.home-button {
        background: url(../images/home-button-off.png) no-repeat;
    }

    .nav a.home-button:hover {
        background: url(../images/home-button-on.png) no-repeat;
    }

    .nav a.prev-button {
        background: url(../images/previous-tab.png) 9px 0px no-repeat;
        width: 108px;
    }

    .nav a.prev-button:hover {
        background: url(../images/previous-tab-hover.png) no-repeat;
        width: 108px;
    }

    .nav a.next-button {
        background: url(../images/next-tab.png) 9px 0px no-repeat;
        width: 108px;
    }

    .nav a.next-button:hover {
        background: url(../images/next-tab-hover.png) no-repeat;
        width: 108px;
    }
	
	    .nav .home-tab p {
        font-weight: bold;
        color: #dbd8c5;
        font-size: 20px;
        padding: 5px 0 0 35px;
    }

    .nav .weather-tab {
        background: url(../images/weather-tab.png) top left no-repeat;
        width: 102px;
        height: 100px;
        margin: 0 0 0 0;
        float: right;
    }

    .nav .weather-tab p {
        font-weight: bold;
        color: #dbd8c5;
        font-size: 20px;
        padding: 23px 0 0 35px;
    }

     .nav .weather-tab-home {
        background: url(../images/weather-tab.png) top left no-repeat;
        width: 102px;
        height: 100px;
        margin: 0 0 0 0;
        display: block;
        float: right;
    }

     .nav .weather-tab-home p {
        font-weight: bold;
        color: #dbd8c5;
        font-size: 20px;
        padding: 24px 0 0 36px;
    }

    .nav .home-tab {
        background: url(../images/home-tab.png) no-repeat;
        width: 102px;
        height: 25px;
        margin: 10px 0 0;
}

/**
* Styles for the content.
*/
.content-tab {
    float: left;
    width: 10%;
    z-index: 999;
}

.content {
    float: left;
    /*height: 880px;*/
    z-index: 999;
    width: 90%;
}

    .content h1 {
        font: 96px Georgia, Cambria, "Times New Roman", Times, serif;
        letter-spacing: -1.5px;
        text-align: center;
        margin: 62px 0 0 0;
        line-height: 102px;
    }

    .content h2 {
        font-size: 24px;
        font-style: italic;
        font-weight: normal;
        line-height: 30px;
        margin: 37px 0 0 0;
        text-align: justify;
    }

        .content h2 a {
            color: #000;
            text-decoration: none;
            font-weight: bold;
            outline: 0;
        }

        .content h2 a:hover {
            text-decoration: underline;
        }


    .content p {
        line-height: 22px;
        margin-top: 48px;
    }

        .content p img {
            display: block;
            margin: 20px 0 40px 0;
        }

    .content .column {
        float: left;
    }

    .content .column.left-column {
        margin-right: 20px;
        width: 405px;
        float: left;
        height: 95%;
    }


    .content .column.right-column {
        margin-left: 20px;
        width: 50%;
        float: left;
    }

    .content-footer {
        display: block;
        width: 100%;
        margin-left: 475px;
        clear: both;
        height: 99%;
        vertical-align: bottom;
}

.about {
        margin-top: 95px;
}

.about-title {
    background: url(../images/about-title.png) top left no-repeat;
    width: 175px;
    height: 27px;
    margin-left: 72px;
}

.what-title {
    background: url(../images/what-were-about-title.png) top left no-repeat;
    width: 240px;
    height: 27px;
    margin-left: 72px;
}

 .about-content {
        background: url(../images/about-content-background.png) top left no-repeat;
        display: table;
        width: 541px;
        margin-top: 10px;
        margin-left: 72px;
        padding: 0 30px 30px;
}

.about-content p {
        color:#DBD8C6;
        margin-top: 20px;
        text-shadow: black 0.1em 0.1em 0.2em;
}

.about-content span.brown {
    color:#b8ac98;
}

.products-title {
    background: url(../images/products-title.png) top left no-repeat;
    width: 267px;
    height: 27px;
    margin-left: 72px;
}

.careers-title {
    background: url(../images/careers-title.png) top left no-repeat;
    width: 175px;
    height: 27px;
    margin-left: 72px;
}

.partners-title {
    background: url(../images/partners-title.png) top left no-repeat;
    width: 175px;
    height: 27px;
    margin-left: 72px;
}

.contact {
    margin-top: 80px;
    color: #DBD8C6;
    font-size: 12px;
}

.contact-details {
    width: 578px;
}

.contact .woods-title {
    background: url(../images/contact-will-woods.png) top left no-repeat;
    width: 558px;
    height: 26px;
    padding: 0 10px;
    display: block;
}

.contact .woods-photo {
    background: url(../images/image-will-woods.png) top left no-repeat;
    width: 206px;
    height: 182px;
    margin: 10px 10px 0 0;
    float: left;
}

.contact .english-title {
    background: url(../images/contact-dan-english.png) top left no-repeat;
    width: 558px;
    height: 30px;
    padding: 0 10px 0 0;
    margin: 24px 0 0 0;
    display: block;
}

.contact .english-photo {
    background: url(../images/image-dan-english.png) top left no-repeat;
    width: 206px;
    height: 182px;
    margin: 10px 10px 0 0;
    float: left;
}

.contact-content {
    margin: 5px 10px 10px 0;
    width: 332px;
    float: left;
}

.contact-content p {
    padding-left: 10px;
    margin-top: 0px;
    line-height: 20px;
}

.contact-info {
    width: 600px;
    padding: 20px 10px 0;
    margin: 0 0 29px 0;
    clear: both;
}

.contact-info .email {
    background: url(../images/email-icon.png) top left no-repeat;
    padding-left: 40px;
    padding-bottom: 10px;
    height: 20px;
    color: #4c4c43;
}

.contact-info .phone {
    background: url(../images/phone-icon.png) 10px 0 no-repeat;
    padding-left: 40px;
    height: 25px;
    color: #4c4c43;
}

.contact-info span.contact-green {
    color: #4c4c43;
}

/**
* Styles for the footer.
*/
.footer {
    float: left;
    padding: 5px 0 0 490px;
    overflow: hidden;
    background: url(../images/footer-background.jpg) bottom left repeat-x;
    width: 100%;
    display: table;
    z-index: 998;
}

    .footer p {
        color: #ccc;
        font-size: 11px;
    }

    .footer .experts {
        background: url(../images/visit.png) top left no-repeat;
        width: 361px;
        height: 22px;
        float: left;
}

.footer .experts a {
    display: block;
    width: 361px;
    height: 22px;
}

    .footer .voormi {
        background: url(../images/voormi.png) top left no-repeat;
        width: 178px;
        height: 69px;
        float: left;
}

.footer .voormi a {
    display: block;
    width: 178px;
    height: 69px;
}

    .footer .khione {
        background: url(../images/khione.png) top left no-repeat;
        width: 179px;
        height: 28px;
        float: left;
}

.footer .khione a {
    display: block;
    width: 179px;
    height: 28px;
}

/**
* Styles for the sample images.
*/
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }

		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }

#bg {
	position:absolute;
	width:100%;
	height:100%;
	/*overflow: hidden;*/
}
#bg img {
	min-height:100%;
  	height:auto !important;
  	height:100%;
	min-width:100%;
  	width:auto !important;
  	width:100%;
	margin:0 auto;
	display:block;
}

#hr {
    background: url(../images/hr.jpg) top left repeat-y;
    height: 1px;
    border: 0px;
}

#emaillink {
	color:#b8ac98;
}


@media only screen and (max-height: 720px) {
.links {position: absolute;top: 0;width: 2020px;left: 408px;background: transparent url(../images/nav-background.png) top left repeat;}
.links a {float: left;width: auto!important;padding: 0 10px 0 25px!important;margin: 0!important;}
.links .company {float: left;padding: 20px 0 15px 0!important;background: 0!important;margin-right: 20px;}
.links .company a:first-child:before {margin: -8px 10px 0 0;content: "";float: left;height: 24px;display:block;padding-left: 40px;background: transparent url(../images/company-header.png) 0 -1px no-repeat;}
.links .contact-us {float: left;padding: 20px 0 15px 0!important;background: 0!important;}
.links .contact-us a:first-child:before {margin: -6px 10px 0 0;content: "";float: left;height: 24px;display:block;padding-left: 34px;background: transparent url(../images/contact-us-header.png) 0 -1px no-repeat;}
}