/* General Layout in my demos */
/* body {font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;color:#333;line-height:180%;margin:0;padding:0;}

h1, h2, h3, h4, h5{margin: 0 0 15px 0;padding: 0;color: #690;font-weight: normal;}
h1{font-size: 200%;letter-spacing: -2px}
p{margin: 0 0 15px 0;padding: 0;line-height:21px;}
a{color: #690;text-decoration: underline;font-weight: bold;}
a:hover{color: #333;text-decoration: none;font-weight: bold;}
img{border:none;}
pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	
body {font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;color:#333;line-height:180%;margin:0;padding:0;} 

#container {margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;}

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }*/

#homeSliders {
  overflow:hidden;
  }

#homeSliders:before,
#homeSliders:after {
    content: "";
    display: table;
	} 

#homeSliders:after {
    clear: both;
	}


#homeLeft {
  float:left;
  width: 63.6%;
  box-sizing:border-box;
  padding: 10px 0 10px 0;
  margin-left: -20px;
}

#homeRight {
  float:right;
  width: 36.4%;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}

.header-sliders {
	color: #082F6D;
  font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
  border-bottom: 10px solid #EDEDED;
	margin: 0 0 20px 0;
}

#homeLeft .header-sliders {
  margin-left: 20px;
}


/* // Sudo Slider */
#slider {width: 696px} /* It can be a good idea to set a width of the slider, mostly so Old-IE can figure out how to render */

/* Numeric Navigation */
ol.numericControls {margin:1em 0;padding:0;height:28px;	}
ol.numericControls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol.numericControls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol.numericControls li.current a{background:#5DC9E1;color:#fff;}
ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:#000000 url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:696px;}														
.nextBtn {background:#000000 url(../images/btn_next.gif) no-repeat 0 0;}


#rallySlider {width: 100%}

#rallySlider:before,
#rallySlider:after {
    content: "";
    display: table;
	} 

#rallySlider:after {
    clear: both;
	}

#rallySlider ul {
  padding-bottom: 0;
}

#rallySlider li {
  padding-bottom: 25px;
}

#rallySlider p {
  margin: 0 0 0 0;
}

#rallySlider h2 {
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight: bold;
  font-weight: 700;
  text-transform: none;
  margin: 0 0 0 0;
}

#rallySlider a,
#rallySlider a:link,
#rallySlider a:visited {
  color: #CC0000;
  text-decoration: none;
}

#rallySlider a:active,
#rallySlider a:hover {
  color: #333333;
  text-decoration: none;
}

#rallySlider h2 a,
#rallySlider h2 a:link,
#rallySlider h2 a:visited {
  font-weight: bold;
}

#rallySlider h2 a:active,
#rallySlider h2 a:hover {
  font-weight: bold;
}

#videoSlider {width: auto; max-width: 980px;}

#videoSlider {width: 100%;}

#videoSlider {
  margin-bottom: 15px;
}

#videoSlider:before,
#videoSlide:after {
    content: "";
    display: table;
	} 

#videoSlider:after {
    clear: both;
	}

#videoSlider div.slideWrap,
#homeLeft div.slideWrap {
  padding-left: 20px;
}

#videoSlider li img {
  width: 100%;
}
  
  
  
@media only screen and (max-width: 767px) {

  #homeLeft {
    float:none;
    width: 100%;
    width: calc(100% + 20px);
    margin-bottom: 20px;
  }

  #homeRight {
    float:none;
    width: 100%;
    padding: 0 0 0 0px;
  }

  #homeLeft .header-sliders {
	  margin-left: 20px;
  }


}

@media only screen and (max-width: 440px) {

  #videoSlider li {
    padding-right: 0;
  }

}
