/*working copy*/




body{
margin:0;padding:0;
font-family: 'Raleway',Arial,Helvetica,sans-serif;
font-size: 16px;
line-height: 26px;
}

a {
text-decoration:none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.readon{
padding: 15px 25px;
display:inline-block;
margin-top:12px;
vertical-align: middle;
text-align: center;
cursor: pointer;
color: #ffffff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration:none;
font-weight:bold;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.readon:hover {
color: #ffffff;
}



.wrapper{margin:0 auto;max-width:1200px;width:92%;padding:6% 4%;}
.width-30{width:30%;}
.width-45{width:45%;}
.width-95{width:95%;}
.invisible {display: none !important;}



#header-surround{
animation-duration: .5s;
animation-fill-mode: both;
position: fixed;
z-index: 1000;
right: 0;
left: 0;
top: 0;
box-shadow: 0 1px 6px rgba(0,0,0,0.4);
display: block;
background-color: #FFFFFF;
}

#header-height{height:80px;}

#header{
background-color: #FFFFFF;
position: relative;
height:62px;
margin:0 auto;max-width:1200px;width:92%;padding:10px 4%;
}

#header-a{display:inline-block;vertical-align:top;}
#header-b, #header-c {display:inline-block;margin-left:3%;vertical-align:top;}
#header-a img, #header-b img, #header-c img{width:100%;} 



/* menu css Maximenu CK default*/
div#maximenuck139{
float:right;}
div#maximenuck139 ul.maximenuck{
background:none;border:0;
box-shadow:none;
webkit-box-shadow:0 0 0 0;
font-size:120%;

margin-top:16px;
}
div#maximenuck139 ul.maximenuck li.maximenuck.level1{
border:0;
}
div#maximenuck139 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck139 ul.maximenuck li.maximenuck.level1 > span.separator{
text-shadow:none;
text-transform:uppercase;
color:black;
font-size:104%;
}
div#maximenuck139.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck139.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
border-color:black transparent transparent transparent; /* sets dropdown arrow color */
}
div#maximenuck139 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck139 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck139 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck139 ul.maximenuck li.maximenuck.level1.active > span.separator{
text-transform:uppercase;
text-shadow:none;
}









div#maximenuck139 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck139 ul.maximenuck li.maximenuck.level1.active{
border:0px;
background:none;
}







/* menu bar under active */
div#maximenuck139 .maxiFancybackground{
top:32px;
background-color:black;
height:7px;
}

/* menu bar active */
div#maximenuck139 ul.maximenuck li.maximenuck.level1.active{
border:0;
background:none;
}
div#maximenuck139 div.floatck{ /* submenu item */
border:0;
background:none;
margin-top:-12px;
}

div#maximenuck139 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{
color:black;} /* submenu  active link color */
div#maximenuck139 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:black;} /* submenu  link color */







#drawer{margin:0 auto;max-width:1200px;width:92%;padding:10px 4%;}





#showcase{

clear:both;

transition: all 0.5s ease-in-out;

background-image: url(../images/backgrounds/showcase/preset1/bg.png);

background-repeat: repeat;

color: #FFFFFF;

display:block;

width:100%;

text-align:center;

margin:0px auto; /* added to my template due to the top menu position complexity */

}


#showcase-a{display:inline-block;vertical-align:top;}

#showcase-b, #showcase-c {display:inline-block;margin-left:3%;vertical-align:top;}


/* for roksproket slider default layout set top margin */
.layout-slideshow{margin-top:60px;margin-bottom:58px;padding-top:6px;}



#breadcrumb{margin:0px auto 5px;max-width:1200px;width:92%;padding:10px 4%;}

ul.breadcrumb li {background:none;display:inline-block;}





#top{

position: relative;

padding:69px 4%;

}





#top-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#top-a{display:inline-block;vertical-align:top;}

#top-b, #top-c {display:inline-block;margin-left:3%;vertical-align:top;}

#top-a img, #top-b img, #top-c img{width:100%;} 





#utility{

margin:69px 0 59px;
padding:70px 0 118px 0;

}



#utility-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#utility-a{display:inline-block;vertical-align:top;}

#utility-b, #utility-c {display:inline-block;margin-left:3%;vertical-align:top;}

#utility-a img, #utility-b img, #utility-c img{width:100%;} 





#feature{

background-image: url(../images/backgrounds/feature/preset1/bg.png);

background-repeat: repeat;

padding:40px 0 116px;

}



#feature-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#feature-a{display:inline-block;vertical-align:top;}

#feature-b, #feature-c {display:inline-block;margin-left:3%;vertical-align:top;}

#feature-a img, #feature-b img, #feature-c img{width:100%;} 





#maintop{
padding:53px 0 121px;
}



#maintop-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#maintop-a{display:inline-block;vertical-align:top;}

#maintop-b, #maintop-c {display:inline-block;margin-left:3%;vertical-align:top;}

#maintop-a img, #maintop-b img, #maintop-c img{width:100%;} 





#expandedtop{
padding:0 4% 69px 4%;
}

#expandedtop-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#expandedtop-a{display:inline-block;vertical-align:top;}

#expandedtop-b, #expandedtop-c {display:inline-block;margin-left:3%;vertical-align:top;}

#expandedtop-a img, #expandedtop-b img, #expandedtop-c img{width:100%;} 









#content-top{
padding:40px 0;
background-color: #FFFFFF;

}

#content-top-boxes{max-width:1200px;width:100%;margin:0 auto;}

#content-top-a{display:inline-block;vertical-align:top;}

#content-top-b, #content-top-c {display:inline-block;margin-left:3%;vertical-align:top;}

#content-top-a img, #content-top-b img, #content-top-c img{width:100%;} 







#mainbody{

background-color: #FFFFFF;

max-width:1200px;width:92%;margin:0 auto;

padding:69px 4%;

}

#main-content{
display:inline-block;
width:100%;
margin-top:-6px;
}

.main-content-container{width:67%;display:inline-block;vertical-align:top;}

.main-content-container-both{width:42%;display:inline-block;vertical-align:top;}

.main-content-container-full{width:100%;}



#sidebar-a{

padding: 3% 4%;

border-radius:3px;

display:inline-block;
margin-top:33px;
margin-left:4%;

width:92%;

}

#sidebar-a h2, #sidebar-a h3{
font-size:170%;
color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);

}

.sidebar-a-container{width:28%;display:inline-block;vertical-align:top;}

.sidebar-a-container-both{width:22%;display:inline-block;vertical-align:top;}

.sidebar-a-zero-container{width:0;display:inline-block;}



#sidebar-b{

padding: 3% 4%;
margin-top:33px;
border-radius:3px;

display:inline-block;

margin-right:4%;

width:89%;

}

#sidebar-b h2, #sidebar-b h3{

color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);

}

.sidebar-b-container{width:28%;display:inline-block;vertical-align:top;}

.sidebar-b-container-both{width:22%;display:inline-block;vertical-align:top;}

.sidebar-b-zero-container{width:0;display:inline-block;}









#content-bottom{
padding:40px 0;
background-color: #FFFFFF;

}

#content-bottom-boxes{max-width:1200px;width:100%; text-align:center;padding-top:50px;margin:0 auto;}

#content-bottom-a{display:inline-block;vertical-align:top;}

#content-bottom-b, #content-bottom-c {display:inline-block;margin-left:3%;vertical-align:top;}

#content-bottom-a img, #content-bottom-b img, #content-bottom-c img{width:100%;} 











#expandedbottom{

padding:50px 4% 29px 4%;

position:relative;

}

#expandedbottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#expandedbottom-a{display:inline-block;vertical-align:top;}

#expandedbottom-b, #expandedbottom-c {display:inline-block;margin-left:3%;vertical-align:top;}

#expandedbottom-a img, #expandedbottom-b img, #expandedbottom-c img{width:100%;} 







#mainbottom{
padding:96px 4% 69px;
}



#mainbottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#mainbottom-a{display:inline-block;vertical-align:top;}

#mainbottom-b, #mainbottom-c {display:inline-block;margin-left:3%;vertical-align:top;}

#mainbottom-a img, #mainbottom-b img, #mainbottom-c img{width:100%;} 







#extension{
font-size:122%;
padding:4% 4% 102px;
}

#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#extension-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#extension-a{display:inline-block;vertical-align:top;}

#extension-b, #extension-c {display:inline-block;margin-left:3%;vertical-align:top;}

#extension-a img, #extension-b img, #extension-c img{width:100%;} 









#fullwidth{

width:92%; text-align:center;margin:0 auto;

padding:70px 4% 75px;

}







#bottom{
padding:70px 4% 112px;
}

#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#bottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}

#bottom-a{display:inline-block;vertical-align:top;}

#bottom-b, #bottom-c {display:inline-block;margin-left:3%;vertical-align:top;}

#bottom-a img, #bottom-b img, #bottom-c img{width:100%;} 





#footer{

background-image: url(../images/patterns/noise.png);

background-repeat: repeat;

box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;

border-top: 1px solid rgba(0,0,0,0.2);
padding:70px 0 75px;
}

#footer h2, #footer h3, #footer h4{text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#footer-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;padding-bottom:6px;}

#footer-a{display:inline-block;vertical-align:top;}

#footer-b, #footer-c {display:inline-block;margin-left:3%;vertical-align:top;}

#footer-a img, #footer-b img, #footer-c img{width:100%;} 





#copyright{

background-image: url(../images/patterns/noise.png);

background-repeat: repeat;

margin:0 auto;width:92%;

padding:0 4%;

box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;

border-top: 1px solid rgba(0,0,0,0.2);

}

#copyright h2, #copyright h3, #copyright h4{text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#copyright-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;padding-bottom:6px;}

#copyright-a{display:inline-block;vertical-align:top;}

#copyright-b, #copyright-c {display:inline-block;margin-left:3%;vertical-align:top;}

#copyright-a img, #copyright-b img, #copyright-c img{width:100%;} 







#debug{

background-color: #FFFFFF;

margin:0 auto;max-width:1200px;width:92%;padding:2% 4%;

}

#analytics{
background-color: #FFFFFF;
margin:0 auto;max-width:1200px;width:92%;padding:2% 4%;
}


/* Roksprocket Tabs edits for FP top tabs */
.sprocket-tabs {
border-radius:8px;
box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}
.sprocket-tabs-panels{
box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}
.layout-bottom .sprocket-tabs-nav{border-top:0;}
.layout-bottom .sprocket-tabs-nav > li > .sprocket-tabs-inner{
float: left;
margin: 0 4px;
border-radius: 12px;
border:0;
padding:8px 15px;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner{
float: left;
margin: 0 4px;
border-radius: 12px;
border:0;
padding:8px 15px;
}
.layout-bottom .sprocket-tabs-nav li.active > .sprocket-tabs-inner{
border:0;
}
.layout-bottom .sprocket-tabs-nav > li{
margin-top:7px;
margin-bottom:10px;
}
.sprocket-tabs-nav li .sprocket-tabs-inner{
font-size:12px;
}



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

.show959{display:none;}

@media only screen and (max-width: 959px) {
.hide959{display:none;}
.show959{display:block;}
#header-b{margin-top: 5px;padding-bottom: 62px;}
#feature h3{font-size:33px;}
#sidebar-a{margin-left:0;width:100%;}

#sidebar-b{margin-right:0;width:92%;}

.sidebar-a-container{width:93%;margin-bottom:8%;}/* mike changed removed display:block; to make it work for switched sidebara */

.sidebar-a-container-both{width:93%;margin-bottom:8%;display:block;}	

.main-content-container{width:100%;display:block;}

.main-content-container-both{width:100%;display:block;}

}



@media only screen and (max-width: 767px) {
#header{height:100%;}
#header-a{width:90%;display:block;margin:0 auto;text-align:center;}
#header-b, #header-c {width:100%;display:block;margin:0 auto;text-align:center;}
#header-b.width-45{width:100%;max-width:100%;margin-top:-65px}

#showcase-a{width:90%;display:block;margin:0 auto;}

#showcase-b, #showcase-c {width:90%;display:block;margin:104px auto 0;}

#top-a{width:90%;display:block;margin:0 auto;}

#top-b, #top-c {width:90%;display:block;margin:104px auto 0;}

#top-a img, #top-b img, #top-c img{margin-bottom:16px;}

#utility-a{width:90%;display:block;margin:0 auto;}

#utility-b, #utility-c {width:90%;display:block;margin:104px auto 0;}

#utility-a img, #utility-b img, #utility-c img{margin-bottom:16px;}

#feature-a{width:90%;display:block;margin:0 auto;}

#feature-b, #feature-c {width:90%;display:block;margin:104px auto 0;}

#feature-a img, #feature-b img, #feature-c img{margin-bottom:16px;}

#maintop-a{width:90%;display:block;margin:0 auto;}

#maintop-b, #maintop-c {width:90%;display:block;margin:104px auto 0;}

#maintop-a img, #maintop-b img, #maintop-c img{margin-bottom:16px;}

#expandedtop-a{width:90%;display:block;margin:0 auto;}

#expandedtop-b, #expandedtop-c {width:90%;display:block;margin:104px auto 0;}

#expandedtop-a img, #expandedtop-b img, #expandedtop-c img{margin-bottom:16px;}

#content-top-a{width:90%;display:block;margin:0 auto;}

#content-top-b, #content-top-c {width:90%;display:block;margin:104px auto 0;}

#content-top-a img, #content-top-b img, #content-top-c img{margin-bottom:16px;}

#content-bottom-a{width:90%;display:block;margin:0 auto;}

#content-bottom-b, #content-bottom-c {width:90%;display:block;margin:104px auto 0;}

#content-bottom-a img, #content-bottom-b img, #content-bottom-c img{margin-bottom:16px;}

#expandedbottom-a{width:90%;display:block;margin:0 auto;}

#expandedbottom-b, #expandedbottom-c {width:90%;display:block;margin:104px auto 0;}

#expandedbottom-a img, #expandedbottom-b img, #expandedbottom-c img{margin-bottom:16px;}

#mainbottom-a{width:90%;display:block;margin:0 auto;}

#mainbottom-b, #mainbottom-c {width:90%;display:block;margin:104px auto 0;}

#mainbottom-a img, #mainbottom-b img, #mainbottom-c img{margin-bottom:16px;}

#extension-a{width:90%;display:block;margin:0 auto;}

#extension-b, #extension-c {width:90%;display:block;margin:104px auto 0;}

#extension-a img, #extension-b img, #extension-c img{margin-bottom:16px;}

#fullwidth-a{width:90%;display:block;margin:0 auto;}

#fullwidth-b, #fullwidth-c {width:90%;display:block;margin:104px auto 0;}

#fullwidth-a img, #fullwidth-b img, #fullwidth-c img{margin-bottom:16px;}

#bottom-a{width:90%;display:block;margin:0 auto;}

#bottom-b, #bottom-c {width:90%;display:block;margin:104px auto 0;}
#bottom-a.width-30, #bottom-b.width-30, bottom-c.width-30{display:block;max-width:90%;}

#bottom-a img, #bottom-b img, #bottom-c img{margin-bottom:16px;}

#footer-a{width:90%;max-width:90%;display:block;margin:0 auto;}

#footer-b, #footer-c {width:90%;max-width:90%;display:block;margin:104px auto 0;}

#footer-a img, #footer-b img, #footer-c img{margin-bottom:16px;}

#copyright-a{width:90%;display:block;margin:0 auto;}

#copyright-b, #copyright-c {width:90%;display:block;margin:104px auto 0;}

#copyright-a img, #copyright-b img, #copyright-c img{margin-bottom:16px;}

}

@media only screen and (max-width: 630px) {
.hide630{display:none;}
}

@media only screen and (max-width: 524px) {
#maximenuck139 .maximenumobiletogglericonck{
margin-bottom:12px;}

/*Added by Matthew Farnell*/
div#maximenuck139{
float:none;}
div#maximenuck139 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck139 ul.maximenuck li.maximenuck.level1 > span.separator{
text-align: right;
}

ul.maximenuck2 li > a{
text-align:right;}
/*End added by Matthew Farnell*/

}

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