/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* TYPE */
body {
    font-family:'Helvetica Neue', Helvetica,  Arial, sans-serif;
    font-weight:300;
}
h1, h2, h3 {
    color: #010080; 
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1.5px;
    line-height:30px;
    margin:0;
}
h2 {font-size:22px; }
h3 {font-size:14px; color: #850938; margin:0; padding:0; line-height:; }
a { color:#850938; text-decoration:none; /*font-weight:500;*/ }
a:hover {color:#850938; text-decoration:underline; }

blockquote {
    color:#850938;
    font-style:italic;
    margin:0;
    border:0;
    padding:0;
}
ul.list { padding:0px 15px;}
ul.services { -webkit-margin-before:1em; -webkit-padding-start:0px; }
ul.services li { margin-bottom:15px; }
ul.services strong { color:#850938; }
.top20 {padding-top:20px;}
.underline { border-bottom: solid 2px #850938; margin-bottom:10px; }
.center { text-align:center; }
.header-container { position:relative; margin-top:30px; }
.header-container h2 { 
    position:absolute;
    bottom:0;
    left:0;
}
.error { color:#850938; margin-bottom:5px; display:block; }
.success { color:#18700e; margin-bottom:5px; display:none; }


body { margin:0px auto; padding-top:0px; padding-bottom:0px;
background-color:#777777;    
/*background: url(http://contrarianedge.com/wp-content/uploads/whistler-3.jpg) repeat; */
background-position: 0px 165px;
}
@media (min-width: 992px) {
    .container { max-width:1000px; }
}
.container {background-color:#fff; padding:0; }
.panel { box-shadow:none; border-radius:0; }
.row {margin: 30px 45px;}



/* NAVBAR */
.navbar {height:165px; border-radius:0px; box-shadow:none; background-image:none; border:0px; padding-top:40px;
background-color:#fff;

}

.navbar-header {position:absolute; z-index:1; width:100%;}
.navbar-header .social { 
    float:right;
    margin-right:60px;
    text-align:right;
}
.navbar-header .social a { margin-right:5px; } 
.navbar-header .phone { margin-top:10px; font-size:22px; color:#010080; display:block; }

.navbar>.container .navbar-brand {
    background:transparent url(../img/logo.png) no-repeat; 
    display:block; width:270px; height: 165px; 
    text-indent:-9999px;
    margin:0px 60px; margin-bottom:-20px;
    z-index:1;
}
.navbar .container{ position:relative; }
.navbar .container{ position:relative; }
.navbar-collapse {
    padding:0;
    position:absolute;
    top:125px;
    width:100%;
    z-index:0;
    width:100%;
    background:#fff url(../img/tile.gif);    
}
.navbar-nav { float:right; margin-right:45px; }
.navbar-nav>li>a {padding-top:10px; padding-bottom:10px; line-height:20px; font-weight:500; letter-spacing:1px; }
.navbar .navbar-nav>.active>a {background-color:transparent; color:#010080;}
.navbar .navbar-nav a:hover { color:#010080;}
.navbar-nav li {float:left;}



/* JUMBOTRON */
.jumbotron {background-color:transparent; margin:0; padding:0; font-size:inherit;}
.jumbotron h1, .jumbotron h2 {font-size:22px; color:#010080;}
.jumbotron .container { 
	padding: 60px 0px 0px 0px; margin: 0px auto; 
	position:relative;
	width:1040px; 
 }
.jumbotron .row {
	margin:20px auto;
    position:relative;
    width: 1040px; 
	padding:0px 45px;

}




/* CAROUSEL */

.carousel{
	margin:20px auto;
    position:relative;
    width: 1040px;
    overflow:hidden;    
}

.carousel h2{
	color: #fff;
}	

/*
.carousel .backgrounds{
    height: 374px;
}

.carousel .backgrounds .item{
    width: 1040px;
    height: 374px;
    float:left;
    left:320px;
    position:relative;
    z-index:1;
    overflow:hidden;        
}

.carousel .panel{
    position:absolute;
    left: 0;
    top:0;
    
    background-image: url(../img/tile.gif);
    float:left;
    padding-left:60px; 
    padding-right:30px;
    height:374px;
    border-right:20px solid #fff;
    
    width: 394px;
    z-index:10;
}

.carousel .panel .paging{
    position:absolute;
    bottom: 150px;
    left: 1000px;    
    text-align:center; 
}

.carousel .panel .paging a{
	display:inline-block;
    padding: 0 5px 0 5px;
   	text-indent:-9999px;
    width:30px;
    height:12px;
    margin-left:2px;
}

.carousel .panel .paging #numbers { display:none; }
.carousel .panel .paging .next {
    position:absolute;
    right:0;
    bottom:0;
    display:block;
    width: 49px;
    height: 64px;
    background: transparent url(../img/arrow-right.png) no-repeat 0 0;
    text-indent: -6000px;
}

.carousel .panel .paging #numbers a {
    background-color:#808080;
}

.carousel .panel .paging #numbers a.selected {
    background-color: #333;
}



.carousel .panel .details_wrapper {
    position:absolute;
    top:0px;
    left:0px;
    width: 100%;
    overflow:auto;
    height: 374px;
}

.carousel .panel .details_wrapper .details{
    height: 374px;
}

.carousel .panel .details_wrapper .details .detail{
    padding:35px 30px 50px 60px;
    height: 374px;
    width:374px;
    float:left;
}

.carousel .panel .details_wrapper .details h2{
	color:#010080;
    font-size: 22px;
    line-height: 1.5em;
    margin: 0 0 5px 0px;
}

.carousel .panel .details_wrapper .details a { color:#850938; }
*/


/* END CAROUSEL */

.notch {position:absolute; width:100%; margin:-20px 0px; right:-40px; padding:0; float:right; text-align:right;}
.backgroundNotch {background:#fff url(../img/backgroundNotch.png) no-repeat; background-position:top; }



/* thumbnail */
.thumbnail {
    box-shadow:none; -webkit-box-shadow: none;
    padding:0;
    border:0;
    border-radius:0;
    position:relative;
    margin-bottom:20px; 
    width:252px; height:164px;
    background-size:cover;
}
.thumbnail .arrow { 
    position:absolute; 
    width:40px;
    height:40px;
    bottom:15px; 
    right:5px;
	background: url(../img/controls.png) no-repeat -43px -41px;
}
.thumbnail:hover .arrow {
	background-position: -43px 0;
}

.galthumb {
    width:125px;
    height:93px;
    border: solid #777777 5px;
}
.galthumb .arrow { visibility:hidden; }

.tweet {
    background-color:#fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075), 
        inset 0 -2px 2px rgba(0,0,0,0.2), /*bottom internal shadow*/ 
        inset 0 2px 2px rgba(255,255,255,0.4); /*top internal highlight*/;
    padding:10px 20px;
    margin-bottom:10px;
}



/* Form */
.form {
    background-image: url(../img/formtile.gif);
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075), 
        inset 0 -2px 2px rgba(0,0,0,0.2), /*bottom internal shadow*/ 
        inset 0 2px 2px rgba(255,255,255,0.4); /*top internal highlight*/;
    padding:0px 20px;
}

input {
    width:100%;
    display:block;
    border: 1px solid #999;
    height: 32px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    padding:0px 5px;
    margin-bottom:20px;
}
.btn { 
    height:32px;
    width:auto;
    color:#bcfaf5;
    text-shadow:none;
    background:#850938;
    border-radius:0;
    border:0;
    clear:both;
    margin-bottom:20px;
    text-transform:uppercase;
    font-size:14px;
}   
.btn:hover { background:#999; }

.fileUpload {
	position: relative;
	overflow: hidden;
	width:100px;
    margin:17px 0px 20px 5px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#uploadFile { width:153px; display:inline; }



/* FOOTER */
footer {background-color:#2b2b7f; color:#fff;}
footer .container {background-color:inherit;}
footer .social {float:left; margin:0px 40px 10px 0;  }
footer .contact {float:left; }
footer h2, footer a { color:#fff; }
footer a:hover {color:#fff;}
footer .social a { display:inline-block; margin-bottom:10px; z-index:2;}
@media (min-width: 992px) {
    footer .copyright { margin-left:80px; margin-top:-40px; }
    footer .social a {display:block; margin-bottom:10px; }
}




/* Responsive Design Edits */
@media (max-width: 1024px) {
    .jumbotron .container, .jumbotron .row, .carousel { 
        width:auto; 
     }
    .notch {display:none;}
    
    .navbar-nav { float:none; margin:0 45px; }
    .navbar { padding-top: 0px; }
    .navbar-header .social { padding-top:30px; }
    .navbar>.container .navbar-brand {
        width:25%;
        top:0;
        margin-top:0;
        background-size:contain;
        background-position:center;
        padding:0;
    }
    .container>.navbar-collapse {top:165px; text-align:center; }
    
    /* styling breaks because of responsive full width */
    .center {text-align:left;}

    /*.carousel .backgrounds, .carousel .backgrounds .item { width:100%; display:none; }
    
    .carousel .panel { width:100%; height:100px; border-right:0; }
    .carousel .panel .details_wrapper
    { display:block; height:auto; }
    .carousel .panel .details_wrapper .details .detail{
        width:600px;
        margin:0 auto;
        padding:0;
    }*/
}

@media (max-width: 767px) {
    .navbar-header .social {
        display:none;
    }
    .container>.navbar-header {
        margin:0;
        text-align:center;
        position:relative;
        clear:both;
    }
    .navbar>.container .navbar-brand {
        margin:0 auto;
        float:none;
        width:50%;
        background-size:contain;
        background-position:center;
        padding:0;
    }
    .navbar { margin-bottom:0; position:relative; height:auto; }
    .navbar-nav { float:none; margin:0 45px; }
    .container>.navbar-collapse {
        display:block;
        margin:0;
    }
    .container>.navbar-collapse {
        position:relative;
        clear:both;
        top:0;
    }
}