/*!
shade: color:#CFEEFD;
light: color:#89D7FE;
Mid: color:#7CBCDC;
Dark: color:#006699;
 */


h2{
 font-size:18px;
 font-weight:normal;
 margin:6px 0px 10px 0px;
 line-height:1.2;
}

h5{
 font-weight:normal;
 text-align:center;
 line-height:1.3;
 text-align:left;
 font-size:30px;
}

h6{
 margin:0px 0px 0px 10px;
 font-style: italic;
 font-size:16px;
}

a{
 color:#006699;
}

a:hover{
 color:#B42323;
}

a:visited{
 color:#006699;
}

.help_link {
 float:right; 
 font-size:9px;
 margin-top:4px;
}

.space_8{ margin-bottom:8px }
.space_11{ margin-bottom:11px }
.space_15{ margin-bottom:15px }
.space_35{ margin-bottom:35px }
.left_15{ margin-left:15px }
.padding_11{ padding-bottom:11px }
.padding_35{ padding-bottom:35px }

input, textarea, select {
 border-radius: 6px;
 border: 1px #FEB6BB solid;
 padding: 0.50em;
 margin-bottom: 0.5em;
 /*  display: block; */
}

#idx-search select{
 line-height:13.4px;
 font-size:17px;
 font-weight:normal;
}

input:focus, textarea:focus, select:focus {
 color:#000000;
}

.center { text-align:center; }
.right { text-align:right; }

.red-box {
 border:1px solid #DA2115;
 padding:8px;
 text-align:center;
 margin:16px 20px 18px 20px;
}

#net-header {
  background: url("/image/ca-header-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 444px;
  margin-bottom: 110px;
}

#net-header .content {
  position: relative;
  min-height: 444px;
  margin: 0 auto;
  background: url("/image/ca-header-fg.gif") no-repeat center bottom;
}

#footer a{
 text-decoration:none;
 line-height:1.6;
}

#footer a:hover{
 text-decoration:underline;
}

#footer ul {
 margin-left:-1.5em;
}

#footer h4{
 font-size:16px;
 margin:10px 0px 4px 0px;
}

#mobnav-btn {
 display: none;
}

.mobnav-subarrow {
}

.idx-round {
 height:166px;
 width:166px;
 -webkit-border-radius: 83px;
 -moz-border-radius: 83px;
 border-radius: 83px;
 border:3px solid #DA2115;
 background-color:#CFEEFD;
 margin: 0 auto;
}

.text-round a {
 position: relative;
 top: 34px;
 line-height:30px;
 color: #000000;
 text-decoration:none;
 font-size: 26px;
 font-style: italic;
 text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

.text-round a:hover {
 color:#006699;
}

.text-round a:visited {
 color:#006699;
}

.text-field {
 width:200px;
}

#net-header .content #btn-hookup-now {
 position: relative;
 width: 550px;
 bottom: -430px;
 margin: 0 auto;
 line-height: 95px;
 text-decoration:none;
 text-align: center;
 font-size: 50px;
 font-weight: bold;
 cursor:default;
 border:3px solid #DA2115;
 color: #FFF;
 text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
 background-color: #006699;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006699), to(#FEB6BB));
 background-image: -webkit-linear-gradient(bottom, #006699, #89D7FE);
 background-image: -moz-linear-gradient(bottom, #006699, #89D7FE);
 background-image: -ms-linear-gradient(bottom, #006699, #89D7FE);
 background-image: -o-linear-gradient(bottom, #006699, #89D7FE);

 filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#89D7FE, endColorstr=#006699)

 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#89D7FE, endColorstr=#006699)";
 -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.45);
 -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.45);
 box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.45);
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
}

#net-header .content #btn-hookup-now:hover {
 background-color: #006699;
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2', endColorstr='#B42323');
}

ul.featured {
 font-size:16px;
 line-height:1.5;
 margin-left:15px;
}

#red_box {
 font-size:16px;
 line-height:1.5;
 -webkit-border-radius: 16px;
 -moz-border-radius: 16px;
 border-radius: 16px;
 background-color: #FEB6BB;
 padding:11px;
}

#idx-search {
 -webkit-border-radius: 14px;
 -moz-border-radius: 14px;
 border-radius: 14px;
 background-color: #7CBCDC;
 padding:11px;
}

#idx-search span {
 padding-left:11px;
 white-space:nowrap;
 font-size: 16px;
}

.idx-form {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.entry_form {
 font-size: 14px;
 line-height:1.8;
 overflow:hidden;
}

.form_f{
 display: block;
 clear: both;
}

.form_t{
 float:left;
 width:166px;
 line-height:1.8;
 overflow:visible;
 background:#FFF2F2;
 margin:4px 0 0 0px;
 border-radius: 6px;
 padding: 7px;
}

.form_t_wide{
 float:left;
 width:100%;
 line-height:1.8;
 overflow:visible;
 background:#FFF2F2;
 margin:4px 0 0 0px;
 border-radius: 6px;
 padding: 7px;
}

.form_e{
 margin:4px 0 0 13px;
 float:left;
}

.but_a{
 text-align: center;
 float:left;
 width:196px;
 line-height:1.4;
 overflow:hidden;
 background:#FFF2F2;
 margin:8px 0 0 13px;
 border-radius: 6px;
 padding: 7px;
}

.but_b{
 width:166px;
 border-radius: 6px;
 background:#FFF2F2;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF2F2), color-stop(1, #B42323) );
 background:-moz-linear-gradient( center top, #FFF2F2 5%, #B42323 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2', endColorstr='#B42323');
 border: 1px solid #9c9c9c; /* Fallback style for IE */
 text-shadow: 0 1px 0 rgba(0,0,0,0.4);
 box-shadow: 0 0 .10em rgba(0,0,0,0.4);
 text-align: center;
 color:#000000;
 font-weight: bold;
 float:left;
 line-height:1.8;
 overflow:hidden;
 margin:8px 10px 13px 0;
 padding: 7px;
}

.but_b:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B42323), color-stop(1, #FFF2F2) );
 background:-moz-linear-gradient( center top, #B42323 5%, #FFF2F2 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B42323', endColorstr='#FFF2F2');
}

.but_c{
 border:#FFF2F2;
 border-radius: 6px;
 background:#FFF2F2;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF2F2), color-stop(1, #B42323) );
 background:-moz-linear-gradient( center top, #FFF2F2 5%, #B42323 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2', endColorstr='#B42323');
 border: 1px solid #9c9c9c; /* Fallback style for IE */
 text-shadow: 0 1px 0 rgba(0,0,0,0.4);
 box-shadow: 0 0 .10em rgba(0,0,0,0.4);
 text-align: center;
 color:#000000;
 font-weight: bold;
 line-height:1.8;
 padding: 10px;
}

.but_c:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B42323), color-stop(1, #FFF2F2) );
 background:-moz-linear-gradient( center top, #B42323 5%, #FFF2F2 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B42323', endColorstr='#FFF2F2');
}

/* #Media Queries follow
================================================== */


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #idx-search span {
    display:inline-block;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:6px;
    white-space:normal;
    line-height:1.2;
  }
  .but_c{
    width:200px;
  }
}

@media only screen and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

  #header-right{
    display:none;
  }

  .header-left h2{
    font-size:12px;
    line-height:1;
    font-style: italic;
  }

  #tagline h1{
    font-size: 20px;
    line-height:0.8;
    margin:18px 0px 10px 6px;
  }

  #tagline h2{
    font-size: 16px;
    line-height:1.0;
    margin:6px 0px 20px 20px;
  }

  #net-header {
    height: 280px;
    min-height: 280px;
    margin-bottom: 70px;
  }

  #net-header .content {
    height: 280px;
    min-height: 280px;
    background-size: 100% 100%;
  }

  #net-header .content #btn-hookup-now {
    height: 60px;
    width: 270px;
    bottom: -275px;
    line-height: 58px;
    font-size: 24px;
  }

  #idx-search span {
    display:inline-block;
    margin-left:40px;
    margin-right:200px;
    margin-bottom:6px;
    white-space:normal;
    line-height:1.2;
  }

  .but_c{
    width:200px;
  }
}

@media only screen and (max-width: 479px) {
  #mobnav-btn {
    cursor: pointer;
    display:block;
    padding:1px 2px 0px 2px;
    margin:2px 4px 0px 0px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #B42323; 
  }
  #mobnav-btn:hover {
    border:1px solid #000000; 
  }
  .sf-menu {
    width: 100%!important;
    display: none;
  }
  .sf-menu.xactive {
    display: block!important;
  }
  .sf-menu li {
    float: none!important;
    display: block!important;
    width: 100%!important;
    font-weight:bold;
  }
  .sf-menu li a {
    float: none!important;
  }
  .sf-menu ul {
    position:static!important;
    display: none!important;
  }
  .xpopdrop ul {
    display: block!important;
  }
  .but_c{
    width:200px;
  }

  #header-right{
    display:none;
  }
  
  .header-left h2{
    font-size:11px;
    line-height:l.8;
    font-style: italic;
  }
  
  #tagline h1{
    font-size: 18px;
    line-height:0.8;
    margin:18px 0px 10px 6px;
  }
  
  #tagline h2{
    font-size: 12px;
    line-height:1.0;
    margin:6px 0px 20px 20px;
  }
  
  #net-header {
    height: 240px;
    min-height: 240px;
    margin-bottom: 70px;
  }
  
  #net-header .content {
    height: 240px;
    min-height: 240px;
    background-size: 100% 100%;
  }

  #net-header .content #btn-hookup-now {
    height: 60px;
    width: 270px;
    bottom: -235px;
    line-height: 58px;
    font-size: 24px;
  }
  
  #idx-search span {
    display:inline-block;
    margin-right:200px;
    margin-bottom:6px;
    white-space:normal;
    line-height:1.2;
  }

}