body,html{
    height:100%;
}

.tk-proxima-nova{
    font-family: "proxima-nova",sans-serif;
}

.affix {
    top: 0px;
    background-color:#fff;
    width:100%;
    z-index:500;
    border-bottom:1px solid #b1b8bb
}

header{
    background-color:#3d4041;
    color:#fff;
    text-transform:uppercase
}

header p span{
    color:#25c5c7 !important;
    font-weight:bold;
    font-size:22px
}

#contact{
    background-color:#25c5c7;
    color:#fff;
    
}

nav a {
    text-transform:uppercase;
    color:#3d4041;
    display:block;
    padding:20px;
    border-right:1px solid #b1b8bb
}

nav a:hover{
    background-color:#25c5c7;
    text-decoration:none;
    color:#fff
}

nav .row-fluid div{
    margin:0px !important;
    width:25% !important
}

.cycle-slideshow img{
    width:100%;
}

.next-nav,.prev-nav{
    width:48px;
    height:35px;
    position:absolute;
    bottom:50px;
    z-index:100;
    background-image:url(images/prev.png);
    background-position:0 35px;
    cursor:pointer;
}

.next-nav{
    left:48px;
    background-image:url(images/next.png)
}

a.next-nav:hover,a.prev-nav:hover{
    background-position:0px 0px !important;
}

#features{
    padding-top:100px;
    padding-bottom:100px;
} 

#features h2{
    color:#25c5c7;
    font-size:50px;
    padding-bottom:50px
}

#features h4{
    text-transform:uppercase;
    color:#3d4041 !important;
    background-image:url(images/divider.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-bottom:30px;
    margin-bottom:30px
}

#features ul{
    color:#3d4041;
    margin:0;
    list-style:none;
}

#features ul li{
    padding-bottom:30px;
    padding-left:15px;
    background-image:url(images/bullet.gif);
    background-repeat:no-repeat;
    background-position:0 7px
}

#photo-gallery{
    background-color:#3d4041;
    color:#fff;
    padding-top:100px;
    padding-bottom:100px
}

#photo-gallery h2{
     font-size:50px;
    padding-bottom:50px
}

#photo-gallery img{
    margin-bottom:20px;
    border:2px solid #3d4041
}

#photo-gallery a:hover img{
    border:2px solid #fff
    
}

#location{
    padding-top:140px;
    text-transform:uppercase;
    color:#3d4041;
}

#location iframe{
    margin-bottom:-5px  
}

#location p{
    font-size:30px;
    background-image:url(images/flag.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:65px;
    padding-bottom:50px;
    padding-top:7px;
    line-height:37px
}

#location p span{
    color:#14b5b7;
    font-weight:bold;
    font-size:45px
}


#contact{
    padding-top:150px;
    padding-bottom:200px;
}

#contact img{
    margin-bottom:20px
}

#contact h2{
    font-size:50px;
    text-transform:uppercase;
    padding-bottom:20px;
    line-height:57px
}

#contact p{
    padding-bottom:20px
}


@media (max-width: 767px) {
    body{
        padding:0 !important
    }
    
    #features,#photo-gallery,#contact,header{
        padding-left:20px;
        padding-right:20px;
    }
    
    #location p{
        margin-left:20px;
        margin-right:20px;
    }
    
    nav .row-fluid div{
        width:100% !important
    }
    
    nav a {
    text-transform:uppercase;
    color:#3d4041;
    display:block;
    padding:20px;
    border-bottom:1px solid #b1b8bb;
    border-right:0
}
ul.nav{
    margin-right:0px !important;
    background-color:#ccc;
}

ul.nav a{
    padding-left:0;
    padding-right:0;
}

ul.nav a:hover{
        background-color:#25c5c7;

}
.nav-header{;
    padding-top:10px;
    padding-bottom:10px
}
}

/** Slider Test **/
#home-rotator-container { width:100%; overflow:hidden; position:relative; }
#home-rotator .cycle-slideshow { width:3840px; }
#home-rotator .cycle-slideshow img  { width: 1280px; height: 641px; }
#home-rotator .cycle-slide, #home-rotator .cycle-slide-active{ opacity:0.4 !important;
filter:alpha(opacity=40); /* For IE8 and earlier */transition: opacity 1.25s ease-in-out;
   -moz-transition: opacity 1.25s ease-in-out;
   -webkit-transition: opacity 1.25s ease-in-out;}
#home-rotator .cycle-slide-active + .cycle-slide{ opacity:1 !important;
filter:alpha(opacity=100); /* For IE8 and earlier */ 
transition: opacity 2.25s ease-in-out;
   -moz-transition: opacity 2.25s ease-in-out;
   -webkit-transition: opacity 2.25s ease-in-out; }

#home-rotator .cycle-slideshow {
	position:absolute;
	top:0;
	left:0;	
}