@charset "utf-8";
/* CSS Document */

@media (min-width: 1023px) and (max-width: 1230px) {

#page, #footer_container { width: 990px; }
#page_left { width:540px;}
#page_right { width:421px; }

.rates_l, .rates_r {width:100%; }

.contact_left { width:340px; float:left;  }
.contact_right { width:200px; float:right; }

#one_third, #one_third_last { width: 316.66666666666666666666666666667px; }
#one_third p, #one_third_last p { min-height:100px !important; overflow:hidden }

ul.list_style li {width: 48%;}

.go { left:10px; top:10px;}

#footer_logo { width:300px; }
#footer_links { width:500px; }

}

/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {



#page, #footer_container  { width: 700px; }
#page_left { width:300px;}
#page_right { width:321px; }
#page_right img { width:100%; height:auto }

.rates_l, .rates_r {width:100%; }

.contact_left, .contact_right { width:100%; float:none; }
.contact_left { margin-bottom:20px; }

#one_third_last { margin-right:0px !important }
#one_third, #one_third_last { width: 220px; }

.go { left:0px; top:0px;}

ul.list_style li {width: 100%;}

#footer_logo { width:250px; }
#footer_links { width:400px; }

}

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

	/* ensure #nav is visible on desktop version */
	#menu { display: block !important;}



}



/* Mobile (Landscape), Design for a width of 480px */
@media (min-width: 557px) and (max-width: 767px) {


#page, #footer_container { width: 480px; padding-top:0px }
#page_left { width:100%;}
#page_right { width:100%; text-align:center }
#page_right img { max-width:100%; height:auto;}

#div_top { display:none}
#div_bot_alt { position:absolute; width:100%; height:22px; background:url(bottom-slider-divider.png); bottom:-21px;  z-index: 11; left:0; display:block }

.rates_l, .rates_r {width:100%; }

#footer_logo { width:480px; margin-bottom:20px; }
#footer_links { width:480px; }
#footer_links a { padding: 0 20px; }

.contact_left { width:200px; float:left;  }
.contact_right { width:200px; float:right; }

#one_third, #one_third_last { width: 100%; margin-right:0px !important; margin-bottom:50px;}

ul.list_style li {width: 48%;}

.go { left:80px; top:20px;}

#header_wrapper { margin-bottom:66px }
#shadow_m { display:none}
.logo img { padding:35px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#menu_container { z-index: 12; }
.table { display: table;   /* Allow the centering to work */ width:100%; z-index: 10000; }
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#fff; width: 100%; text-shadow: 1px 1px 1px #000; line-height: 66px; background: #292929 url(plus-minus.png) no-repeat 22px 10px; margin: 0 auto ; cursor: pointer; display: block; padding-left:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu-icon:hover { background-color: #e3ba3b ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #181715 url(plus-minus.png) no-repeat 22px -37px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu {  position: relative; top: 0px; padding: 10px; background: #23211f; display: none; margin-bottom:0px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu li { clear: both; float: none; margin: 0; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#fff; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; line-height:42px; border-bottom:1px solid #302c26 }
#menu a:hover, #menu ul a:hover {	background-color:#e3ba3b; background-image:none !important }
ul#menu li:hover { background:none; }
body#current #current a { color:#fff; background:#e3ba3b;}

#div_top { top:-5px;}

ul#footer_links { display:block; width:100%;; margin-bottom:10px; }
#footer_links, #footer_links li { float:none  }
#footer_links a { font: 16px/44px 'PT Sans Narrow', 'Oswald', Arial; display:block; border-bottom: 1px solid #333; border-right:none }


}





/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 556px) {

H1 { padding:20px 15px 0 15px }
H2 { display:none }

.logo img { padding:35px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#page, #footer_container  { width: 280px; padding-top:0px }
#page_left { width:100%;}
#page_right { width:100%; text-align:center }
#page_right img { max-width:100%; height:auto;}

#div_top { display:none}
#div_bot_alt { position:absolute; width:100%; height:22px; background:url(bottom-slider-divider.png); bottom:-21px;  z-index: 11; left:0; display:block }

.rates_l, .rates_r {width:100%; }

#footer_logo { width:280px; margin-bottom:20px; }
#footer_links { width:280px; }
#footer_links a { padding: 0 20px; }

.contact_left, .contact_right { width:100%; float:none; }
.contact_left { margin-bottom:20px; }

#one_third, #one_third_last { width: 100%; margin-right:0px !important; margin-bottom:50px;}

ul.list_style li {width: 100%;}

.go { left:10px; top:10px;}

#menu_container { z-index: 12; }
.table { display: table;   /* Allow the centering to work */ width:100%; z-index: 10000; }
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#fff; width: 100%; text-shadow: 1px 1px 1px #000; line-height: 66px; background: #292929 url(plus-minus.png) no-repeat 22px 10px; margin: 0 auto ; cursor: pointer; display: block; padding-left:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu-icon:hover { background-color: #e3ba3b ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #181715 url(plus-minus.png) no-repeat 22px -37px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu {  position: relative; top: 0px; padding: 10px; background: #23211f; display: none; margin-bottom:0px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu li { clear: both; float: none; margin: 0; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#fff; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; line-height:42px; border-bottom:1px solid #302c26 }
#menu a:hover, #menu ul a:hover {	background-color:#e3ba3b; background-image:none !important }
ul#menu li:hover { background:none; }
body#current #current a { color:#fff; background:#e3ba3b;}

#div_top { top:-5px;}

ul#footer_links { display:block; width:100%;; margin-bottom:10px; }
#footer_links, #footer_links li { float:none  }
#footer_links a { font: 16px/44px 'PT Sans Narrow', 'Oswald', Arial; display:block; border-bottom: 1px solid #333; border-right:none }


}

@media (max-width: 300px) {
body { overflow-x: visible  }



}