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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'fontawesome';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-caret-right {
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: auto;
-webkit-font-smoothing: antialiased;
position:relative;
right:-10px;
top:5px;
}
.icon-caret-right:before {
content: "\f0da";
}

/* ==========================================================================
Base
========================================================================== */

body { }

a { color: #00a0af; text-decoration: none;}
a:hover { color: #000; text-decoration: none; }



/* =============================================================================
Header
========================================================================== */

.banner { }

/* ==========================================================================
UBER MENU BLACK AND WHITE BASE
========================================================================== */


/**** Isotope Filtering ****/

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}


/* Menu Bar */
#megaMenu {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
z-index:1000;
}


/* Top Level Items */
#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle {
color: #fff; text-transform: uppercase; font-family: "nimbus-sans",sans-serif; font-weight: 400; line-height: 23px;
}
/* Horizontal Menu Items */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator {

}
/* Vertical Menu Items */
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > span.um-anchoremulator {

}
/* Menu Items with Dropdowns */
#megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a,
#megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator,
#megaMenu ul li.menu-item.mega-with-sub > a,
#megaMenu ul li.menu-item.mega-with-sub > span.um-anchoremulator,
#megaMenu ul li.menu-item.ss-nav-menu-mega > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {

}
/* Top Level Menu Item Titles */
#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title {
text-transform: uppercase;
text-shadow: none;
font-weight:400 !important;
font-size:14px !important;
border: 0;
}


/* Top Level Items - Hover */
#megaMenu ul.megaMenu > li.menu-item:hover > a,
#megaMenu ul.megaMenu > li.menu-item > a:hover,
#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover,
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {
color: #fff !important;
background-color: #777;
-webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-ms-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
transition: background 400ms ease-in-out;
}
/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li.menu-item:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator span.wpmega-link-title {
text-shadow: none;

}
/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {
color: #00A0AF;
}
/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
color: #000;
background: #fff;
border-radius: 0 !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
}
/* Horizontal Sub Menus */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
border-top: none;
}
/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {
min-width: 122px;
}
/* Sub Menu Headers */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
#megaMenu .wpmega-widgetarea h2.widgettitle {
color: #000; font-size: 22px; font-weight: 900; font-family: "nimbus-sans-condensed",sans-serif; text-transform: uppercase;


}

#megaMenu .wpmega-nonlink h2 { line-height: 0.8; margin-top: 14px; font-size: 30px; }
#megaMenu .wpmega-nonlink i { float:right; margin-top: 35px;}
#megaMenu .wpmega-nonlink p { font-size: 14px;}


#megaMenu .membership-dd .sub-menu-1 > li { height: 220px; margin-top:0px !important; margin-bottom:0px !important; padding-top: 30px!important;}


#megaMenu .menu-2014 { background: #f9f9f9 !important; /*border-left: solid 1px #ccc !important; margin-left: -1px!important;*/}

#megaMenu .menu-2013 { background: #f5f5f5 !important; /*border-left: solid 1px #ccc !important; margin-left: -1px!important;*/}
#megaMenu .sub-menu-newcol { background: #f9f9f9 !important;}

/* Sub Menu Links & Fake Links */

#megaMenu ul li.ss-nav-menu-reg  ul.sub-menu li.menu-item > a,
#megaMenu ul li.ss-nav-menu-reg  ul.sub-menu li.menu-item > span.um-anchoremulator {
color: #00A0AF;
font-size: 14px;
line-height: 48px;
padding: 12px 20px 12px 20px !important;
}
#megaMenu ul ul.sub-menu li.menu-item > a,
#megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator.
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator {
color: #00A0AF;
font-size: 14px;
line-height: 48px;
padding: 12px 12px 12px 12px !important;

 -webkit-transition:color 0.3s ease-in;  
   -moz-transition:color 0.3s ease-in;  
   -o-transition:color 0.3s ease-in;  
   transition:color 0.3s ease-in;  

}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a > span.wpmega-link-title {font-size: 14px;}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a > span.wpmega-item-description {font-size: 12px; color: #999; line-height: 1.1;}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a {
padding: 5px 0px;
margin: 3px 0px;
line-height: 1.4em;
width: auto;
display: block;
}



/* Sub Menu Link Hover */
#megaMenu ul ul.sub-menu > li.menu-item:hover > a {
color: #fff;
background-color: #00A0AF;
-webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-ms-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
transition: background 400ms ease-in-out;
}


#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover {
color: #000;
 -webkit-transition:color 0.3s ease-in;  
   -moz-transition:color 0.3s ease-in;  
   -o-transition:color 0.3s ease-in;  
   transition:color 0.3s ease-in;  

}




/* Top Level Search Bar */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 {
padding-top: 2px;
}
/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
color: #00A0AF;
}
/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
padding-left: 25px;
}
.ss-nav-menu-with-img {
min-height: 16px;
}
/* Item Description */

/* Arrow Colors */
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
border-top-color: #fff;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after {
border-left-color: #fff;
}
/* Vertical */
#megaMenu.megaMenuVertical > ul > li.menu-item > a, #megaMenu.megaMenuVertical > ul > li.menu-item > span.um-anchoremulator {
background-color: #fff;
}
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
border-left-color: #fff;
}
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
border-left: none;
}
/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
*border-bottom: none;
}
#megaMenu.megaMenuVertical ul.megaMenu {
*border-right: none;
}


/*Custom & Override Style*/
#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
padding: 0px 22px !important;
}

#megaMenu ul.megaMenu > li.menu-item  > a > span {
line-height:48px !important;
font-size:14px !important;
}

#megaMenu { width: 100%; height: 48px; background: #000}

.numbers{padding-bottom: 10px; font-size: 26px; text-align: right; text-transform: uppercase; color: #fff; padding-top: 5px;  font-family: "nimbus-sans",sans-serif; font-weight: 400; }

.member_numbers { font-size: 85px; line-height: 70px; letter-spacing: -4px; text-align: right; color: #fff;   font-family: "nimbus-sans-condensed",sans-serif;
font-weight: 900;}

ul.megaMenu { padding: 0; margin: 0;}

ul.megaMenu .myaccount li:hover {background:#00a2a7;}

ul.megaMenu .myaccountmenu {
background-color:#333 !important;
}

ul.megaMenu .myaccountmenu a:hover{


color:#fff !important;
}


#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {
    background-color:#777777 !important;
	color:#fff !important;
}



/* ==========================================================================
Content
========================================================================== */

.content { 
margin-top:42px;
}



/* ==========================================================================
Primary Content
========================================================================== */

.main { }



/* ==========================================================================
Sidebar
========================================================================== */

.sidebar { }



/* ==========================================================================
Posts
========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
Footer
========================================================================== */

.content-info { }



/* ==========================================================================
WordPress Generated Classes
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
Common Styles
========================================================================== */

body{
background:#222 ;
background-image:url(../img/pafc-iomedia-bg.jpg);
background-position: center 200px;
background-repeat: no-repeat;

}  

a{
color:#636363;
}  

ul{
list-style-type:none;
}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6{

text-transform: uppercase;
/*font-weight:900;*/
}

h1.roots-title{font-family: "nimbus-sans-condensed",sans-serif;}
h1{
font-size:50px;
line-height:50px;
}
h2{
font-size:30px;
line-height:30px;
}
h3{
font-size:24px;
line-height:24px;
}
h4{
font-size:14px;
}
h5{}
h6{}


.h-black{
color:#000;
}
.h-green{
color:#01a7a6;
}

.h-grey{
color:#505050
}
.h-white{
color:#fff;
}


.bg-black{
background-color:#000;
}
.bg-green{
background-color:#009d9d;
}

.bg-light-grey{
background-color:#dcdcdc;
}
.bg-grey{
background-color:#505050;
}
.bg-white{
background-color:#fff;
}
.inline{display:inline}

.h-news{
background-color:#f1f1f1;
}


.icon-arrow-right {
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}

a{ text-decoration: none;}

/*BUTTONS*/



.bottom_banner .button-large{ margin-left: 20px;}



.widget-last .button-large{
position:relative;
top:22px;
left:-20px;
padding:13px;
padding-right:20px;
}


/* BUTTONS LARGE*/

.button-large {
padding: 15px 25px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

font-family: "nimbus-sans-condensed",sans-serif;
text-decoration: none;
vertical-align: middle;
font-weight:900;
text-transform:uppercase;
text-align:center;
cursor:pointer;
font-size: 22px; 
line-height: 22px;

}

.button-large.white{
-moz-box-shadow: inset 0 2px 0 0 rgba(255,255,255,1), 0 4px 0 0 #aaa ;
-webkit-box-shadow: inset 0 2px 0 0 rgba(255,255,255,1), 0 4px 0 0 #aaa;
box-shadow: inset 0 2px 0 0 rgba(255,255,255,1), 0 4px 0 0 #aaa;
background: rgb(241, 241, 241);
background: -moz-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(214, 214, 214) 100%);
background: -webkit-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(214, 214, 214) 100%);
background: -o-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(214, 214, 214) 100%);
background: -ms-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(214, 214, 214) 100%);
background: linear-gradient(180deg, rgb(241, 241, 241) 0%, rgb(214, 214, 214) 100%);
color: #004349;
border:1px solid #ddd;
text-shadow: 0 1px rgba(255,255,255,1);
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
text-decoration:none;
}

.button-large.white:hover  {
position: relative;
top: 4px;
-moz-box-shadow: inset 0 2px 0 0 rgba(255,255,255,1) ;
-webkit-box-shadow: inset 0 2px 0 0 rgba(255,255,255,1);
box-shadow: inset 0 2px 0 0 rgba(255,255,255,1);
}


.button-large.green {
-moz-box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4), 0 4px 0 0 #007f8b ;
-webkit-box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4), 0 4px 0 0 #007f8b ;
box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4), 0 4px 0 0 #007f8b ;

background: rgb(0, 189, 207);
background: -moz-linear-gradient(90deg, rgb(0, 189, 207) 0%, rgb(0, 160, 175) 100%);
background: -webkit-linear-gradient(90deg, rgb(0, 189, 207) 0%, rgb(0, 160, 175) 100%);
background: -o-linear-gradient(90deg, rgb(0, 189, 207) 0%, rgb(0, 160, 175) 100%);
background: -ms-linear-gradient(90deg, rgb(0, 189, 207) 0%, rgb(0, 160, 175) 100%);
background: linear-gradient(180deg, rgb(0, 189, 207) 0%, rgb(0, 160, 175) 100%);
border:1px solid #00a8b8;
text-transform: uppercase; 
color:#111;
text-shadow: 0 1px rgba(255,255,255,0.3);
text-decoration:none;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
position: relative;
}

.button-large.green:hover {
-moz-box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4);
box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4);
top: 4px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}


/* BUTTONS MAIN*/

.button-main, .btn {
padding: 10px 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
vertical-align: middle;
text-transform:uppercase;
text-align:center;
cursor:pointer;
font-family: "nimbus-sans-condensed",sans-serif;
font-weight:900;
font-size:16px;
line-height: 14px;
}


.button-main.white, .btn.white{
-moz-box-shadow: inset 0 1px 0 0 #fff, 0 3px 0 0 #aaa ;
-webkit-box-shadow: inset 0 1px 0 0 #fff, 0 3px 0 0 #aaa;
box-shadow: inset 0 1px 0 0 #fff, 0 3px 0 0 #aaa;
background: rgb(244, 244, 244);
background: -moz-linear-gradient(90deg, rgb(244, 244, 244) 0%, rgb(234, 234, 234) 100%);
background: -webkit-linear-gradient(90deg, rgb(244, 244, 244) 0%, rgb(234, 234, 234) 100%);
background: -o-linear-gradient(90deg, rgb(244, 244, 244) 0%, rgb(234, 234, 234) 100%);
background: -ms-linear-gradient(90deg, rgb(244, 244, 244) 0%, rgb(234, 234, 234) 100%);
background: linear-gradient(180deg, rgb(244, 244, 244) 0%, rgb(234, 234, 234) 100%);
color: #111;
border:1px solid #aaaaaa;
text-shadow: 0 1px rgba(255,255,255,1);
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
text-decoration:none;
}

.button-main:hover, .btn.white:hover  {
position: relative;
top: 3px;
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,1) ;
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
}


.button-main.green {

-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 0 3px 0 0 #007f8b ;
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 0 3px 0 0 #007f8b ;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 0 3px 0 0 #007f8b ;

background: rgb(0, 189, 207);
background: -moz-linear-gradient(90deg, rgb(0, 200, 202) 0%, rgb(0, 167, 166) 100%);
background: -webkit-linear-gradient(90deg, rgb(0, 200, 202) 0%, rgb(0, 167, 166) 100%);
background: -o-linear-gradient(90deg, rgb(0, 200, 202) 0%, rgb(0, 167, 166) 100%);
background: -ms-linear-gradient(90deg, rgb(0, 200, 202) 0%, rgb(0, 167, 166) 100%);
background: linear-gradient(180deg, rgb(0, 200, 202) 0%, rgb(0, 167, 166) 100%);
border:1px solid #007f8b;
text-transform: uppercase; 
color:#111;
text-shadow: 0 1px rgba(255,255,255,0.3);
text-decoration:none;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
position: relative;
}

.button-main.green:hover {
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
top: 3px;

-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}



.button-main p, .button-large p{
display:inline-block;
}


/*Jim Style*/

header#header { background: rgb(21, 21, 21);}
header#header .logo { padding: 24px 15px 0 15px;  }
header#header .logo img {}

.nav{
background: #000;
padding:0px;
margin:0px;
}

#strip { height: 94px; background: #666 url(../img/strip_bg.jpg) top center repeat-x;}
#strip .breadcrumb { padding: 18px 0 4px 0;  color: #ccc; text-transform: uppercase; font-size: 12px; line-height: 12px; }
#strip .breadcrumb a { color: #ccc;}
#strip h1 { color: #fff; font-size: 52px; line-height: 42px; letter-spacing: -2px; text-transform: uppercase; margin: 0; padding: 0;  font-family: "nimbus-sans-condensed",sans-serif;

font-weight: 900;  }

#main { background: #ccc url(../img/icons/main_bg.jpg) top center no-repeat;}

#twitter_strip { background: #009d9d; height: 50px; }

.twitter_strip_bg {background: url(../img/icons/twitter_bg.png) top left no-repeat; height: 50px; }

.twitter_strip_bg a.tweet { color: #fff; line-height: 50px; height: 50px; padding: 0 0 0 40px; display: block;}

footer#footer { background: #000; color: #fff; padding: 10px 0 40px 0; font-size: 13px;}

footer#footer a { color: #fff;}

footer#footer h3 { margin: 0; padding: 32px 0 20px 20px; color: #fff; text-transform: uppercase; background: url(../img/icons/box.png) 0px 38px no-repeat;  font-family: "nimbus-sans-condensed",sans-serif; font-weight: 700; font-size: 18px; }

footer#footer ul { margin: 0; padding: 0; list-style: none;}

footer#footer li {margin: 0; padding: 0 0 10px 0;}

footer#footer ul.interact li {padding:  5px 0 5px 0; border-bottom: solid 1px #333;}

.youtube, .facebook, .rss, .twitter, .email{
background: url(../img/icons/sprites.png) no-repeat;   display: block; padding: 6px 0 0 46px;
}

.youtube{
background-position: 0 -99px ;
height: 34px;
}

.facebook{
background-position: 0 -49px ;
height: 34px;
}

.rss{
background-position: 0 -149px ;
height: 34px;
}

.twitter{
background-position: 0 0;
height: 34px;
}

.email{
background-position: 0 -199px ;
height: 34px;
}

#parteners { padding: 15px 0 25px; font-size: 13px; background: #fff; }
#parteners .grid_9 { text-align: right; }

.button { text-align: right; padding-top: 19px;}

.rev_slider_wrapper{
border:none !important;
}

.bottom_banner_home{
background-color:#111;
color:#fff;
min-height:115px; 
line-height:115px;
}

.sub-banner-heading{
margin-top:24px;
}


.generic-sidebar { margin-bottom: 40px;}

.strip-heading{
float:left;
padding:0px;
margin:0px;
padding-right:5px;
background-color:#F1F1F1;
height:30px;
line-height:30px;
}

.membership-news-strip-inner{
height:20px;
margin-top:5px;
}
.membership-news-strip-inner .strip-content{
background-color:#F1F1F1;
display:inline;
padding:0px;
margin:0px;
height:20px;
font-family: "nimbus-sans-condensed",sans-serif;
text-transform: uppercase;
font-weight:900;
font-size:16px;
}

.strip-content a:hover{

}

#news{
position:relative;
width:3500px;
}

.slide-container{
position:realative;
overflow-x:hidden;

}

.blog-strip-btn{
color:#fff;
background-color:#000;
height:20px;
line-height:20px;
margin-left:2px;
padding:0px 8px;
cursor:pointer;
}

.blog-strip-btn a{
color:#fff; text-decoration: none;
}

.blog-strip-btn a:hover, .blog-strip-btn:hover{
color:#00a0af;
}
.blog-strip-btn.all{
padding:0px 10px;
cursor:pointer;
}

.blog-date{
text-align:center;
width:60px;
height:93px;
float:left;
}
.blog-date .day{
background-color:#e0e0e0;
height:70px;
}
.blog-date .day h1{
padding:0px;
margin:0px;
line-height:70px;
}
.blog-date .month{
background-color:#01a7a6;
}
.blog-date .month h2{
padding:0px;
margin:0px;
line-height:24px;
}

.month{
height:24px;
line-height:24px;
}

.blog-thumb{
float:left;
width:100px;
height:93px;
float:left;
margin-right:8px;
}
.news-content{
margin-top:30px;
}
.news-wrapper{
margin-top:25px;
}
.excerpt{
float:left;
width:347px;
width:77%;
padding:0px;
margin:0px;
margin-left:10px;
}
.excerpt h3{
padding:0px;
margin:0px;
}
.details{
float:left;
/*width:170px;*/
width:auto;
}
.home-content-block{
float:left;
}

.twitter-feed{
min-height:50px;
margin-top:10px;
background-color:#008aab;
color:#fff;
font-size:14px;
line-height:20px;
}
.twitter-feed p{
padding-left:35px;
padding-top:15px;
padding-bottom:15px;
}

.twitter-feed .twitter-follow-button{
display:none;
}
.twitter_update_list ul, .twitter_update_list ul li {
line-height:50px;
display:linline;
}

.twitter-span{

background: url(../img/twitter-icon.png) no-repeat 0px 15px;

}

.twitter-span a { color: #fff;text-decoration: underline !important;}

.twitter_update_list{
padding-top:15px;
}

/* ==========================================================================
Bread Crumbs
========================================================================== */

.breadcrumbs{
color:#fff;
text-transform:uppercase;
}
.breadcrumbs a, .breadcrumbs a:hover{
color:#fff;
text-decoration:none;
}
.breadcrumbs .local{
display:none;
}


/* ==========================================================================
Memberships Page
========================================================================== */

p{
margin:0px;
}

.main p{
	margin-bottom:10px;
}

.excerpt p{
	margin:0px;
}

.price-banner p{
	margin:0px;
}

h2{
margin:0px;
text-transform:uppercase;
color:#000;
font-size:27px;
}

.roots-title{
margin:0px;
}

#members-content{
min-height:520px;
margin:0px 0px;
}

.home-content-block{
margin-top:10px;
}

.widget-1 .home-content-block img{
margin-top:25px;
}

.strip-header{ 
min-height: 70px; 
background: #737373 url(../img/strip_bg.jpg) top center; 
padding-top:15px; 
padding-bottom:15px;	
}

.strip-header h1{
color:#FFF;
padding-top: 8px;
}

.fitler-options{
margin-bottom:40px;
}

.element{
border:0px;
padding:0px;
}

.price-banner{
min-width:82px;
height:62px;
top:-7px;
left:22px;
background-color:#00a2a7;
color:#fff;
text-align:center;
position:absolute;
padding-top:14px;
text-transform:uppercase;
}
.price-banner p{
font-size:18px;
font-weight:900;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-family: "nimbus-sans-condensed",sans-serif;
}

.price-banner p.price{
font-size:29px;
font-weight:900;
}

.price-bk{
background:url('../img/mem-price-triangle.png') top right;
width:5px;
height:6px;
position:absolute;
top:0px;
left:-5px;
}

.price-strip{
background-color:#222222;
padding:5px 0px;
line-height:22px;
font-family: "nimbus-sans-condensed",sans-serif;
text-align:center;
vertical-align: middle;
min-height:48px;
}

.price-strip span{
font-size:18px;
color:white; 
font-weight:900;
text-transform:uppercase;
margin:0px 1.5%;
display:inline-block;
}

.membership{
position:relative;
border: solid 1px #aaaaaa;
-webkit-box-shadow: 0px 4px 0px #aaaaaa;
-moz-box-shadow:    0px 4px 0px #aaaaaa;
box-shadow:         0px 4px 0px #aaaaaa;
background-color:#fff;
margin: 15px 0px;
}

#containers .span3, #archive-container .span3{
	min-width:254px;
}

.membership-details{
padding: 13px 20px;
font-family: "nimbus-sans-condensed",sans-serif;
}

.membership-details h2{
text-align:center;
}

.membership-details p{
color:#111;
text-transform:uppercase;
font-weight:400;
margin:5px 0px;
font-size:14px;
line-height: 14px;
text-align:center;

}

.membership .button-main {
position:relative;
float:left;
margin-left:0px;
width:auto;
}

  #select-ben{
/*  position:absolute !important;
  bottom:0px !important;
  right:0px;*/
 float: right;
 margin: 0px 20px 20px 0 ;
 width:auto;

  }

#clear-filters {  margin-top: 40px; }

#clear-filters .button-main { padding: 9px 20px; }

.ben-check{
height:17px;
width:15px;
background:url('../img/check.png') top left;
position:absolute;
left:-35px;
top:-9px;
}
.ben-checked{
background-position:0 30px !important;
}

.benefits-list-section label{
position:relative;
margin-left:30px;
text-align:left !important;
}

.benefits-list-section ul{
margin-top:0px;
width:240px;
}
.benefits-list-section ul li{
padding-top:10px;
/*min-height:35px;*/
}


.button-main.buy{
float:right;
}


.membership .button-container{
margin:8px 0 0 0;
}

.membership p.image-container{
height:135px;
margin:0px;
background-color:#000;
overflow:hidden;
vertical-align: middle;
}
.membership p.image-container img{
float:right;
width:100%;
}

.price-strip{
	
}

.membership p.archive img{
width:100%;
}

.select{ 
height:37px;
line-height:40px;
border: solid 1px #aaaaaa;
background-color:#fff;

-webkit-box-shadow: 0px 4px 0px #aaaaaa;
-moz-box-shadow:    0px 4px 0px #aaaaaa;
box-shadow:         0px 4px 0px #aaaaaa;

text-indent:10px;
margin-top:10px;
background:url('../img/select-arrow') 95% 18px no-repeat #fff;
position:relative;
cursor:pointer;
top:0px;
}

.on_state{ 
top:2px;
line-height:40px;
border: solid 1px #aaaaaa;
-webkit-box-shadow: none;
box-shadow: none;
}

.select-heading{
font-size:16px;
}

.benefits-list{
margin-top:75px;
background-color:#fff;
border: solid 1px #aaaaaa;
position:absolute; 
background: #fff; 
border: 1px solid #aaaaaa;
min-height:100px;
width:250px;
display:block; 
z-index:15;
padding-top:10px;
}


.fitler-options{
margin-top:20px;	 
}


.filter-container .row{
position:relative;
display:none;
top:-20px;
}

.filter-container{
z-index:14;
position:absolute;
}

.benefits-list:after, .benefits-list:before {
bottom: 100%; 
border: solid transparent; 
content: " "; 
height: 0; width: 0; 
position: absolute; 
pointer-events: none; 
} .benefits-list:after { 
border-color: rgba(255, 255, 255, 0); 
border-bottom-color: #fff; 
border-width: 10px; 
left: 90%; 
margin-left: -10px; 
} 
.benefits-list:before { 
border-color: rgba(170, 170, 170, 0); 
border-bottom-color: #aaaaaa; 
border-width: 11px; 
left: 90%; 
margin-left: -11px; 
}


.benefits-list.benefits{
width:800px;
margin-left:-275px;
}
.benefits-list.benefits:after{
left: 50%; 
}
.benefits-list.benefits:before{
left: 50%; 
}

.benefits-list .list-section.benefits{
width:auto;
padding:30px;
}

.benefits-list .list-section{
float:left;
padding:10px;
}
.benefits-list .benefits-list-section div{
margin: 10px;
}
.benefits-list .benefits-list-section div input[type="checkbox"] {
margin:0px;
display:inline;
}
.benefits-list .benefits-list-section div label{
padding-left:10px;
display:inline;

}	   
.span-filter{
position:relative;
}

#benefits-list{
position:relative;
}

ul#filters{
margin:0px;
padding:0px;
list-style-type:none;
}

.list-section{
width:90%;
}

ul#filters li, #game_filters li{
padding-bottom:10px;
width:100%;
}
ul#filters li a, #game_filters li a{
color:#666;
text-decoration:none;
width:100%;
display:block;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

ul#filters li a:hover, #game_filters li a:hover{
color:#000;
text-decoration:none;
}

#game_filters{
margin:0px;
}


/* ==========================================================================
Members Single
========================================================================== */

#members-content h4{
font-size:30px;
line-height:30px;
text-transform: none;
}

.member-price-table{
background-color:black;
color:#fff;
height:110px;
}

.member-price-table img{
float:right;
height:100%;
padding:0px;
margin:0px;
width:200px;
}

.membership-details.pricing{
padding:0px;
}


.membership .member-buy-button .button-main{
padding: 10px;
text-decoration: none;
position:relative;
font-size:18px;
padding:6px 10px;
border-radius:3px;
float:right;
margin-left:0px;
left:15px;
top:-5px;
min-width:60px;
}



.box8, .box4 {
-moz-box-sizing: border-box;
display: block;
float: left;
margin-left: 1.81818%;
min-height: 30px;
}


.box8 {
width: 64.8485%;
}

.box4 {
width: 31.5152%;
margin-left:0px;
}


.span-32{
width:50%;
}

.members-content .membership{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.member-price-table{
padding:10px;
padding-left:20px;
padding-bottom:0px;
padding-right:0px;
}

.member-price-table h1{
font-size:35px;
margin:0px;
}

.membership-details{
position:relative;
font-weight:900;
font-size:18px;
text-transform:uppercase;
line-height:auto;
padding:20px;
}

.archive-post .archive-excerpt{
min-height:110px;
}
.archive-post .button-container{
	margin:10px 0px;
	text-align:center;
}

.membership-details .row-fluid{
height:60px;
}

.membership-details .row-fluid .inner{
padding:20px;
}

.membership-details .pricing-row{
width:33%;
float:left;
font-size:35px;
color:#000;
}
.membership-details .headings{
position:absolute;
top:-47px;
color:#999999;
}

.membership-details .headings .span8,  .membership-details .headings .pricing-row{
position:relative;
font-size:18px !important;
color:#999999;
}

.benefits-section{
margin-top:20px;
}
.benefits-section ul{
list-style:none;
margin: 0px;
padding:0px;
}

.main-content{
padding-right:20px;
}

.member-pack{
padding:15px;
border: solid 1px #aaaaaa;
border-bottom: solid 7px #aaaaaa; 
background-color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.member-pack h4{
padding:0px;
margin:0px;
font-size:18px;
text-transform:uppercase !important;
}
.member-pack img{
float:right;
}
.member-pack img{
display:block;
}
.member-pack-wrap{
margin-top:20px;
margin-bottom:20px;
}

.member-pack p{
margin-top:10px;
}

/* ==========================================================================
Archive Page
========================================================================== */

.archive-excerpt p{
font-size:14px;
font-weight:normal !important;
text-transform:none;
}

.archive-excerpt a{
	display:none;
}

/* ==========================================================================
FAQ Page
========================================================================== */


#accordion h3{
	margin-bottom:20px !important;
}

.faq-answer{
background-color:#fff;
border:solid 1px #aaaaaa;
padding:20px;
position:relative;
top:-21px;
}

.faq-content{
min-height:200px;
padding-top:0px;
}

.faq-content p{
	padding-bottom:20px;
}

#accordion .select{
	height:auto;
	padding:10px 40px 10px 20px;
	text-indent: 0px;
	background-position:98%;
	line-height:28px;
}

div[role="tabpanel"]{
	height:auto;
}

/* ==========================================================================
Blog Single
========================================================================== */

#blog-single{
margin-top:40px;
}

.blog-inner{
margin-top:20px
}

.blog-inner p{

}

.post-image{
float:left;
margin:15px;
margin: 0px 25px 15px 0px;
width:auto;
}

.post-image img{
border: 4px solid #FFFFFF;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

.blog-inner h3{
padding-top:30px;
}

.attachment-full{
width:100% !important;
}


/* ==========================================================================
Forms
========================================================================== */

.widget-area input.news_field{
width:60% !important;
margin: 0 10px 0 0;
height: 31px;




}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-radius: 0px;
/*background-color:#4c4d4e;
*/
background: #fff;
/*border: solid 1px #aaa !important;*/
display: inline-block;
font-size: 14px;
/*font-style:italic;*/
height: 20px;
line-height: 20px;
margin-bottom: 10px;
/*padding: 4px 10px;*/
vertical-align: middle;
border:none;
box-shadow: none;
transition: none;
color:#aaa;
}


.bottom_banner_home{
padding-top:15px !important;
}
.bottom_banner_home .button-main{
float:left;
width:100% !important;
margin-bottom:10px !important;
font-size:16px !important;
}



.benefits-list.benefits{
width:100% !important;
}


.benefits-list.benefits ul{
max-width:300px !important;
padding-right:20px;
}



.benefits-list.benefits ul li{
/*min-height:65px !important;
*/}



#select-ben.button-main {
/*margin:20px;
position:relative;
top:-10px;
width:99% !important;
padding:10px 0px !important;
margin:0px !important;
float:left !important;*/
}

.button-main{
width:auto !important;
}

.membership-details .pricing-row {
color: #000000;
float: left;
min-width:100px;
width: 33%;
}

.membership-details .row-fluid {
height: 100px;
}



.membership .member-buy-button .button-main {
padding: 6px 10px;
position: static;
text-decoration: none;
margin-top: -25px;
left:0px;
display:block;
float:right !important;
}

.details{
margin-bottom:10px;
}

.excerpt{
width:100%;
margin:0px;
}

.button-main{
width:100%;
margin:0px !important;
/*padding:5px 0px;
font-size:18px !important;*/
}


.button-main p{
padding:0px 10px;
}

.icon-caret-right{
right:0px;
margin-left:15px;
}

.bottom_banner_home {
color: white;
line-height: 63px;
padding:5px 20px;
margin:0px;
text-align:center !important;
}


.membership-details .pricing-row {

}

.membership-details .row-fluid {
height: auto;
text-align:center;
}


.membership .member-buy-button .button-main {
width:100px;     
}


.box8{
margin-bottom:10px;
}

.membership-details .box8{
float:left;
text-align:center !important;
width:100%;!important;
}

.pricing-row{
width:30% !important;
display:block;
}

.membership-details .box8 *{
width:100%;
float:none !important;
}

.box4{
text-align: center;
width:100%;
}
.pricing-row{
margin-top:10px !important;
}

.pricing-row{
text-align: center;
display:inline-block;
}

.pricing-row.title{
top:-8px !important;
position:relative;
}


.filter-container{
z-index:14;
position:relative;
}


}
/*
Window size: 1234 x 768
Viewport size: 1218 x 655
*/




.price-levels{
	display:none;
}

.price-Adult{
	display:inline;
}

.button-lrg {
background: #008aab;
    display: block;
    line-height: 1;
    padding: 16px 20px;
    position: relative;
    border-radius: 3px;
    border: solid 1px #008aab;
    -webkit-box-shadow: inset 0px 1px 0px #25b9db;
    -moz-box-shadow: inset 0px 1px 0px #25b9db;
    box-shadow: inset 0px 1px 0px #25b9db;
    text-shadow: 0px 1px 0px #25b9db;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.button-lrg-li { 
display: block;
    height: 70px;
    width: 71px;
    background: #00a0c4;
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: solid 1px #25b9db;
    -webkit-box-shadow: inset 0px 1px 0px #25b9db;
    -moz-box-shadow: inset 0px 1px 0px #25b9db;
    box-shadow: inset 0px 1px 0px #25b9db;
 }

.button-lrg-ico {     background: #008aab;
    border-radius: 50px;
    border: solid 1px #037d99;
    padding: 10px;
    position: absolute;
    top: 17px;
    right: 17px;
    display: block;
    line-height: 0;}

.button-lrg-title {    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    font-family: 'PlutoSansCondBold',sans-serif;
    text-transform: uppercase;}

.button-lrg p {    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-size: 14px;}


a.button-lrg:hover, a.button-lrg:hover .button-lrg-ico { background: #00a0c4;}

a.button-lrg:hover .button-lrg-li {background: #25b9db;}

.iomedia { background: #333;}

.space{height:50px;}