/* ------------------------------------------------------------------
    Front Page
--------------------------------------------------------------------*/
#join, #find {background-color:#f8f6eb}

#find{ margin: 50px 0 0 0;}   
#find h2 {color:#818681;font-size: 1.8em; text-align:left; margin-bottom:15px;text-align: center; }
#join {padding:10px 0;}
    .find-form{padding:0; margin:0 auto; width:300px; border:0px solid red; }    
.find-a-photographer {margin: 10px 0 30px 0;}
.tips{margin:70px 0 0 0;}
.icon-magnifying-glass {background: #fff url(/i/icon-magnifying-glass.png) no-repeat 2px 6px;}

#search {margin: 10px 0 0 0; padding:20px; background-color:#f8f6eb}
#search h2 {font-size:3.0em; text-align:center;}
#search p {text-align:center;}

.find-form .zipcodeSearch {
    margin-left:0;
    margin-top:5px;
    height: 40px;
    padding: 6px 12px 6px 33px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.what-to-look-for ul {margin: 0 0 0 10px;padding:0; }
.what-to-look-for li{float:left; text-indent: -3000px;overflow: hidden; width: 145px; height: 145px;}
.what-to-look-for li a {width: 145px; height: 145px;float:left; display: block; background: url(/i/questions.png) no-repeat 0 0; }
.what-to-look-for li a.questions-to-ask { background-position: 0 0;}
.what-to-look-for li a.newborn-safety {background-position: -150px 0;}
.what-to-look-for li a.what-to-expect {background-position: -300px 0;}
.what-to-look-for li a.when-to-book {background-position: -450px 0;}
.what-to-look-for li a.questions-to-ask:hover {background-position: 0 -150px;  }
.what-to-look-for li a.newborn-safety:hover {background-position: -150px -150px;}
.what-to-look-for li a.what-to-expect:hover {background-position: -300px -150px;}
.what-to-look-for li a.when-to-book:hover {background-position: -450px -150px;}


/*Unsure what to do with these just now...*/
p.detail {font-size: 13px;color: #999;margin-top: 4px;}
p.member-price {color: #a89a90;font-size:35px; margin:-5px 10px 10px 0;}
p.member-price-detail {font-size: 13px;color: #999;}

.pregnant{background-color:White;background: url(/i/questions.jpg) no-repeat 0 0;background-position: -450px -150px;}
.member-signup {float:none;  margin: 10px 0 10px 0px;}
.member-price-can {width:70%;margin:0 auto; text-align:center;}

#join {text-align:center;padding-bottom:35px;}
#join h2 {font-size:3.0em;margin-bottom:10px; }
#join .price {margin-bottom:25px;color: #a89a90;font-size:40px; }
     
#member-gallery {margin-bottom:10px; margin-top:10px;} 
#member-gallery h2 {text-align: center; } /*top:60px; font-size:50px**/
#member-gallery h2 a {color:gray;}
#member-gallery h2 a:hover {text-decoration:none;}


#features{position:relative; top:-30px}
#features h2 {text-align:center; position: relative;top:39px; z-index:10;}
#features h2.bw a, #features h2.bw a {color:#000;} 
#features h2.wb a, #features h2.wb a {color:#fff}

#features h2 a:hover {text-decoration:none;}
#features .feature {float:left;margin:0; width:100%}
#features img {width:100%; height:auto;}






.als-container { position: relative; width: 100%; margin: 0px auto; z-index: 0;}
.als-viewport { position: relative; overflow: hidden; margin: 0px auto;}
.als-wrapper {position: relative; /* if you are using a list with <ul> <li> */   list-style: none;   padding:0;}
.als-item { position: relative;   display: block; text-align: center;  cursor: pointer; float: left; margin:0;   min-height: 210px;min-width: 190px;   /*Viewport width is this value x visible_items (8) = */}
.als-item img {display: block;margin: 0 auto; vertical-align: middle; width:180px;    height:180px;}   
.als-item p { margin:0px;   text-align:center;}
.als-prev, .als-next {  position: absolute;  cursor: pointer;  clear: both;}
.als-prev { left: -20px;      top:80px; }
.als-next {   right: -20px; top:80px;}
.item img {width:100%;}



.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:180px;
    max-height:180px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: -30px;
        top: 95px !important;
    background: url(/i/als-left.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: -30px;
        top: 95px  !important;
    background: url(/i/als-right.png) no-repeat;
}



/*Signup*/
hr.gr { border:1px solid #eee;margin:70px 0}
div.join p {font-size:14px; line-height: 18px;margin-bottom: 13px;}
ul.features {margin:10px 0;}
.note {min-height:75px; background: url(/i/stalk.png) no-repeat #fff 20px 10px; margin: 10px 0 20px 0;  padding:10px 10px 10px 90px; color: #999; border: 1px solid #EBF1CA;font-size:14px;}
span.header {font-size:20px;}

/*Features*/
.utu-message {margin:0 0 10px 0;}
.utu-message-text {font-size:12px; margin-top:10px; }
.bro-message {background: url(/i/stalk.png) no-repeat #fff 20px 10px;  margin:0 0 10px 0; padding: 0 0 0 80px; }
.bro-message-text { margin-top:10px; }
.my-notif {margin:5px 0 0 0; padding:5px 0 0 0; border-top:1px solid #eee; text-align:right;}
.mn-can {margin:15px 0; border-left:1px dotted #ddd}
.mn {border-bottom: 1px dotted #ddd; margin:5px 0 0 0; clear:both;}
.ref-code {float:right; width:250px; text-align:right; margin:0 10px 0 0;}

.quote-r {color:#CCC; font-style:italic; font-size:x-large; width:300px; line-height:1.5em; margin:0 0 20px 20px; padding:20px; float:right; text-align:right; background-color:#EBF1CA;}
.quote-l {color:#CCC; font-style:italic; font-size:x-large; width:300px; line-height:1.5em; margin: 0 20px 20px 0; padding:20px; float:left; text-align:left;}

.quote-r span, .quote-l span {font-style:normal; color:black; font-size:small; display:block; text-align:right;}
img.loader{margin:3px 3px 0 3px; height:18px; width:18px;}


.site-feature img {margin: 0 0 20px 0; border:1px solid #e0dcd8; }
.site-feature p {margin-bottom:10px;}



/*Find A Photographer*/
.p-res-can {}
.p-res { margin: 0; padding: 10px 10px 0px 10px;border-bottom: 1px solid #eee;}
.p-res h2 {line-height:1.0em; font-size:2.0em;margin-bottom:3px;}
.p-res-dist {color:#bbb; margin-bottom:5px;}
.p-res-photo {float: left;clear: none;}
.p-res-photo img {    margin: 0;width: 92px;}
.p-res-info, .mini-gallery {margin-left: 100px;}

.mini-gallery ul {width:100%;padding:7px 0px;margin:0;}
.mini-gallery ul li {float:left;margin:0 4px 4px 0; list-style:none;}
.mini-gallery img {width:50px;}

img.p-badge {width:92px; float:none; margin:0;}
ul#locationList {margin:0; padding:0 0 0 25px;}


/* ------------------------------------------------------------------
    Login
--------------------------------------------------------------------*/
.bg-1 {background: url('/i/login.jpg') no-repeat center center scroll; min-height:600px;}  
.bg-1{padding-top:10px; color: #fff;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}   
#home {padding: 50px 0 250px 0; }
#home h3 {font-size:30px;}
#home {text-align:center;}
#home #txtPassword {width:74%; float:left;}
#home {text-align:left;}
#home .modal-dialog {color:Gray;}
#home h2, #home p.tag {text-align:center;} 

.signup-form {width:450px;padding:20px; margin: 0 auto; } 

 




/* ------------------------------------------------------------------
    Most Active Member
--------------------------------------------------------------------*/
.mostActiveMember {float:left; margin:0 5px 5px 0; width:150px;}
.mostActiveMember img {width: 145px;}
.mostActiveMember p {width: 145px;height: 18px; overflow: hidden; text-align:center;}

.mentor {margin:0 10px 10px 0;float:left;}

/*Photographer Public Profile*/


/* User Profile - Image Gallery Pagination*/

#slides .pagination li.current a {border:1px solid #7f7f7f;margin:0;}

img.ac-p-img {float:left; margin: 0 10px 0 0; height:40px; width:40px;}


/*----------------------------------------------------------------
    RESPONSIVE LAYOUT
-----------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .logo-image-container img { width: 150px;margin: 0 auto;}
    .profile-row {padding: 1px 0 2px 0; margin-bottom: 5px; clear: both; text-align: center;}
    #pnlJoined img {width: 50%; margin: 0 auto;}
    .icon-name, .icon-location, .icon-contact, .icon-search {background-image:none;}
    .what-to-look-for{    padding: 0 20px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
    .logo-image-container img { width: 150px;margin: 0 auto;}
    .profile-row {padding: 1px 0 2px 0; margin-bottom: 5px; clear: both; text-align: center;}
    #pnlJoined img {width: 50%; margin: 0 auto;}
   .icon-name, .icon-location, .icon-contact, .icon-search {background-image:none;}
   .what-to-look-for{    padding: 0 85px;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px)  {
    .what-to-look-for{    padding: 0 40px;}
    .member-price-can {  margin: 0 auto; width: 75%;    text-align: center;}     
    .member-price-can {}
}

@media only screen and (min-width : 992px)  {
    .profile-testimonial {width: 46%; margin:15px 18px 10px 0; }
    .what-to-look-for{    padding: 0;}
    .member-price-can {width:60%;margin:0 auto;}
    .what-to-look-for { padding: 0 140px;}
    .member-signup {float:left; width:130px; height:80px; margin: 50px 50px 0 0;}
    .find-form{width: 410px; padding-top: 20px;}
    #features .feature {float:left;margin:0px 3px 5px 0; width:465px; height:347px}
    #features .f2, #features .f4, #features .f6  {float:left;margin:0px 0 5px 0; width:465px; height:347px}
    #features img {width:465px; height:347px}
    
    .find-form .zipcodeSearch {margin-left:48px; font-size: 16px;}




}

@media only screen and (min-width : 1200px) {
 .profile-testimonial {width: 31%; margin:15px 18px 10px 0; }
     #main-feature .col-lg-8 {padding-right:0px}
    #main-feature .col-lg-4 {}
    #find {margin: 0;}
    .what-to-look-for {
        padding: 0px;
    }
    .find-form{padding-top:0px;}
    .member-price-can {width: 580px;margin:0 auto;}
    #features .feature {float:left;margin:0px 3px 5px 0; width:378px; height:280px;}
    #features .f3, #features .f6 {float:left;margin:0px 0 5px 0; width:378px; height:280px;}
    #features img {width:375px; height:280px;}
    .profile-container { padding: 0 0 50px 0;}
    .site-feature img {width:275px;height: 224px; margin: 0 0 20px 0; }
}