/*
* Fluidal V2.0
* Copyright 2012, Duncan Arrow
* http://fluidal.duncanarrow.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* HEADER LAYOUTS */
.headerfullwidth {background-color: #fff; border-bottom: 0px solid #ddd; margin-top: 2%; margin-bottom: 0%; }
.headerfullwidth .container {background-color: white; margin: 0% auto!important; z-index: 99997; position: relative;}
.container {background: #fff;}
.container.pagelayout {padding-bottom: 1%;}
.socialmedia {margin-top: 10px; text-align: right;}
.mobile {display: none;}
.skinpep {padding-top: 15px;}
.whitewrapper .middleblock {/*border-left: #555 dotted 0.1em!important; border-right: #555 dotted 0.1em!important; width: 30%;*/}
.whitewrapper .middleblock h3, .whitewrapper .middleblock .entry {/*padding-left: 10px; padding-right: 10px;*/}

.homeblocks img {border: 1px solid #555;}

.header {height: 100px; margin-bottom: 2%!important;}
header h1 {margin: 0%;}
.header hr {margin : 7% 0 -2%!important;}

.widget {color: #ddd;}

.call {color: #bfaa3d; font-weight: bold; float: right!important; letter-spacing: -1px;}
.call a {font-weight: bold!important;}

.sidebar {padding: 1% 0 1% 0;}
.sidebar ul {padding-left: 8%;}
.entry ul {padding-left: 5%;}
.entry ol {margin-left: 0%; padding-left: 6%;}

.recentvideos .one-half.column {width: 49%; margin-right: 2%;}
.recentvideos .one-half.column a img, .recentvideos .one-half.column p {margin: 2px 0px 0px 0!important;}
.latestvideo a img, .latestvideo p {margin: 5px 0px 20px 0!important;}

.latestnews {border-right: 1px solid #555; border-left: 1px solid #555; min-height: 290px;}
.latestnews h2, .latestnews h5, .latestnews p, .latestnews hr {padding-left: 10px; padding-right: 10px;}


#footer {
width : 100%;
float : left;
color : #444;
padding : 0% 0 0% 0;
font-size: 1.0em; line-height: 1.5em; 
}

#footer .container {padding-top: 0%;}
#footer .container .ten.columns {}

nav select {
  display: none;
}




/* #Page Styles
================================================== */
.page_wrapper {margin-top: 1%;}




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

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


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.imagehover p {width: 221px; height: 100px; overflow; hidden;}

}

@media only screen and (max-width: 784px) {
.socialmedia {text-align: left!important; margin-bottom: 20px!important;}
#footer .divider {border-top: #555 1px solid; padding-bottom: 1px; margin-top: 5px!important;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.imagehover p {width: 100%; height: 95%; overflow; hidden;}
.divider {border-top: #ddd 1px solid; padding-bottom: 5px; margin-top: 5px!important;}
.latestnews {border-right: 0px dotted #555; border-left: 0px dotted #555;}
.latestnews h2, .latestnews h5, .latestnews p, .latestnews hr {padding-left: 0px; padding-right: 0px;}
.recentvideos .one-half.column {width: 50%; margin-right: 0%;}

} /* End of @ media max 767px */


@media only screen and (max-width: 667px) {
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {width: 100%!important;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.homeblocks img {float: none!important; margin-top: 15px!important;}
.homeblocks {border-bottom: 1px solid #555; }
.looping img {float: none!important;}
.looping {padding-top: 10px!important;}

ul.sub-menu {margin: 0% 0% 0% 0%!important; font-size: 75%; padding-right: 3%;}

ul.sub-menu li a {padding-left: 12%!important;}

#nav li {width: 47.9%!important; text-align: left!important; border-right: 0px!important; padding: 5px!important;} 
#nav li a {padding: 5% 5%;}
#nav ul li {padding: 0px!important;}
li.call {float: left!important;}
li.icon a {padding: 3px 0px 18px!important;}

#nav ul {width: 100%!important;}

.headerfullwidth {padding-bottom: 0px;}

.headerfullwidth .twelve.columns {background-color: #e0e0e0;}

#nav {max-height: 100%!important;}

#nav a {line-height: 1em!important;}


} /* End of @ media min 480px max 767px */



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.whitewrapper .middleblock {border-left: none!important; border-right: none!important; width: auto;}
.whitewrapper .middleblock h3, .whitewrapper .middleblock .entry {padding-left: 0px; padding-right: 0px;}
.mobile {display: inline;}
.homeblocks img {float: none!important; margin-top: 15px!important;}
.homeblocks {border-bottom: 1px solid #555;}
.looping img {float: none!important;}
.looping {padding-top: 10px!important;}


} /* End of @ media max 479px */




/* Minimum width of 481px (devices and browsers) */
@media only screen and (min-width: 480px) {

header {display: none!important;}
.socmedia img {padding-top: none!important;}

/*NAVIGATION */
.primary_nav {display: none;}

.primary_nav li.top {display: none!important;}

a.to_nav { display: none!important;}

#nav {
margin : 0px 0 0px;
width : 100%;
/*max-height : 36px;*/
padding : 0 0 0;
line-height : 100%;
}

#nav li {
margin : 0 0px;
padding : 6px 12px;
float : left;
position : relative;
/*z-index: 99999!important;*/
list-style : none;
/*width: 11%;*/ /* set this as 100% divided by number of top level menu items */
text-align: center;
line-height: 1.2em;
}

#nav li:first-child a{
    border-right: 0px solid #ddd!important;
}

#nav li li {width: 100%!important;} 

#nav .genericon-home {color: #333!important;}
#nav .genericon-home:hover {color: #fff!important;}

#nav a {
font-family: Georgia, 'Times New Roman', Times, serif !important;
font-weight : normal;
color : #333;
text-decoration : none;
font-size: 1.2em;
display : block; /* or inline */
/*padding : 8% 1% 8% 1%;
padding : 8px 10px;*/
line-height: 2em;
margin : 0;
}


#nav li a {color: : #fff!important; }

#nav a:hover { }

li.home, li.current_page_item, li.current_page_item .genericon-home, li.current_menu_item, li.current_page_parent, li.current_menu_parent, li.current-page-ancestor { background-color: #bfaa3d!important; color:#fff!important;}

li.home a, li.current_page_item a, li.current_menu_item a, li.current_page_parent a, li.current_menu_parent a, li.current-page-ancestor a {color:#fff!important;}


#nav li:hover{ background-color: #bfaa3d; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}

#nav li a:hover {color: #fff!important;}

#nav li:hover a{
    color: #fff!important;
}

#nav ul li:hover, #nav li:hover li {
background : none;
border : none;
color : #999; 
-moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;
}

#nav ul a:hover {
background-color : #bfaa3d!important; /* was 968530 */
color : #fff!important ;
-moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;
}

#nav li:hover > ul {
display : block;
}

#nav ul {
display : none;
margin : 6px 0;
padding : 0;
width : 185px;
position : absolute;
/*top : 35px;*/
left : 0;
background: #171717;
z-index: 99999!important;

}

#nav ul li {
float : none;
margin : 0;
padding : 0; 
border-left: 1px solid #000; text-align: left; position: relative; z-index: 99998!important;
}

#nav ul a {line-height: 1.7em!important;
font-weight : normal;
padding: 3% 5% 3% 5%!important;
}

/* Second level flyout */
#nav ul ul {
left : 175px;
top : -10px;
}

#nav:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}

#nav {
display : inline-block; padding: 0; float: left;
}

html[xmlns] #nav {
display : block;
}

* html #nav {
height : 1%;
}/* End nav menu */

} /* End of @ media min 480px */



/* Max width of 479px (devices and browsers) */
@media only screen and (max-width: 479px) {
.socmedia .genericon {padding-top: 10px;}
.socmedia {background-image: none; text-align: left; margin-bottom: -5px!important; height: auto;}
.socmedia img {padding-top: -20px!important;}

.logo {margin-bottom: 3%!important;}

#nav  { display: none!important; }

.hide {display: none!important;}

/*nav select { display: inline-block; }*/

.mobile_nav {background-color: #444!important;
margin: 0px!important;
padding: 0px!important;
width: 100%;
}

.mobile_header {
padding: 15px 10px 15px 10px;
cursor: pointer;
position: relative;
background-color:#444!important;
margin:1px; color: white; font-size: 1.1em; text-transform: uppercase; font-weight: bold;
}

.mobile_list {
padding: 0px 0px 0px;
background-color:#444!important;
}

ul.sub-menu {margin: 0% 0% 0% 0%!important; font-size: 75%; padding-right: 3%; }

ul.sub-menu li a {padding-left: 12%!important;}

header {display: block!important;
    background: #1c1c1c;
    padding: 0px!important; margin: 0px!important;
}
 
        header:before,
        header:after {
            content:"";
            display:table;
        }
 
        header:after {
            clear:both;
        }
 
        /* For IE 6/7 (trigger hasLayout) */
        header {
            /*zoom:1;*/
        }
 
h1.logo a {
    color: #d8d8d8;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    float: left;
    letter-spacing: 0.2em;
}
 
a.to_nav {
    float: right;
    color: #fff;
    background: #4e4e4e;
    text-decoration: none;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;*/
    border-radius: 2px;
}
 
a.to_nav:hover,
a.to_nav:focus {
    color: #1c1c1c;
    background: #ccc;
}

.primary_nav ul {
    list-style: none;
    background: #1c1c1c;
    padding: 0px 0px 0px 0px; margin-bottom: 0%!important;
}
 .primary_nav li {margin-bottom: 0%!important;}

.primary_nav li a {
    display: block;
    padding: 10px 20px 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838!important;
}
 
.primary_nav li:last-child a {
    border-bottom: 1px solid #383838!important;
}
 
.primary_nav li a:hover,
.primary_nav li a:focus {
    color: #1c1c1c;
    background: #ccc;
}

.primary_nav .current_page_item, .primary_nav .current-menu-item { color: #1c1c1c; background: #666;}

} /* End of @ media max 479px */







/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/