/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Custom Style Sheet - Use this file to style your content
 */
 
/* 
TypeKit font options
1) Futura PT			= 	"futura-pt"
2) Adobe Garamond Pro	=	"adobe-garamond-pro"
3) Franklin Gothic URW 	=	"franklin-gothic-urw"
4) Proxima Nova			=	"proxima-nova"
5) Museo Slab 			=	"museo-slab"
*/
.style01 body, .style01 p, .style01 h1, .style01 h2, .style01 h3, .style01 h4, .style01 h5, .style01 h6  { font-family:"futura-pt", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; font-size:14px; }
.style02 body, .style02 p, .style02 h1, .style02 h2, .style02 h3, .style02 h4, .style02 h5, .style02 h6  { font-family:"adobe-garamond-pro", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; font-size:14px;  }
.style03 body, .style03 p, .style03 h1, .style03 h2, .style03 h3, .style03 h4, .style03 h5, .style03 h6  { font-family:"franklin-gothic-urw", Arial, Helvetica, sans-serif;font-weight:400; font-style:normal; font-size:13px; }
.style04 body, .style04 p, .style04 h1, .style04 h2, .style04 h3, .style04 h4, .style04 h5, .style04 h6  { font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; font-size:13px;  }
.style05 body, .style05 p, .style05 h1, .style05 h2, .style05 h3, .style05 h4, .style05 h5, .style05 h6  { font-family:"museo-slab", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; font-size:12px;  }

.style01 h1, .style01 h2, .style01 h3, .style01 h4, .style01 h5, .style01 h6  { font-weight:700; font-style:normal; }
.style02 h1, .style02 h2, .style02 h3, .style02 h4, .style02 h5, .style02 h6  { font-weight:700; font-style:normal; }
.style03 h1, .style03 h2, .style03 h3, .style03 h4, .style03 h5, .style03 h6  { font-weight:500; font-style:normal; }
.style04 h1, .style04 h2, .style04 h3, .style04 h4, .style04 h5, .style04 h6  { font-weight:700; font-style:normal; }
.style05 h1, .style05 h2, .style05 h3, .style05 h4, .style05 h5, .style05 h6  { font-weight:700; font-style:normal; }
.style01 h1 { font-size:22px; } 
.style02 h1 { font-size:22px; } 
.style03 h1 { font-size:22px; } 
.style04 h1 { font-size:22px; } 
.style05 h1 { font-size:21px; } 
.style01 h3.panel_nav { font-size:15px !important; }
.style02 h2 { font-size:14px !important; }
.style03 h2 { font-size:14px !important; }
.style02 h2 { font-size:14px !important; }
.style04 h2 { font-size:14px !important; }
.style05 h2 { font-size:14px !important; }
.style03 #bottom-a h3 { font-weight:500; }
.style04 #bottom-a h3 { font-weight:700; }
.style05 #bottom-a h3 { font-weight:700; font-size:20px; }
.style01 h4 { font-weight:500; }

a { color:#D50; }
a:hover { text-decoration:underline; }
a.statuslink { color:#999; }

strong, b { font-weight:500; }
.style02 strong, .style02 b { font-weight:700; }
.style04 strong, .style04 b { font-weight:700; }
.style05 strong, .style05 b { font-weight:700; }


body { background:#000000; color:#336666; }
h1 { line-height:24px; float:left; margin:0 0 15px 0; display: block; width: 100%; }
h2 { font-size:12px; line-height:20px; float:left; margin:3px 0 15px 0; display: block; width: 100%; }
h3 span.feature_links a { font-size:13px;  }
h3.panel_nav { position:absolute; top:605px; color:#FFF; white-space: nowrap; padding-left:13px; line-height: 13px; font-weight: 500; }
p { }

img#logo  { margin-top: 14px; }

#system .wk-slideshow { float:right; }
#system .content > div { height:500px; }
#system .wk-slideshow .nav { float: right; }
.content_inner { width: 330px; height: 298px; overflow-x: hidden; overflow-y: scroll; padding-right: 15px; position: absolute; top: 320px; margin-left: 15px; }
.content_item { display:none; }
#panel0 { display:block; }
span.feature_links { white-space:nowrap; padding-left:11px; }
.feature_links a { width: 12px; height: 12px; background-color: #cccccc; text-indent: -2000em; display: inline-block; margin:5px 9px 0 0; }
.feature_links a.active { background-color:#FFF; }
.wk-slideshow-default .nav span { width: 12px; height: 12px; overflow: hidden; background-color: #CCC; background-image:none; }
.wk-slideshow-default .nav .active span { background-color:#FFF; }
.wk-slideshow-default .nav { margin-right: 15px; }
#bottom-a { width:1186px; }
#bottom-a .deepest { height:340px; width:340px; padding: 0; border:2px #999999 solid; overflow:hidden; margin:8px; }
#bottom-a .module-wrapper { background-color:#FFFFFF; width: 360px; height: 360px; padding-top: 1px; margin-bottom:35px; }

.menu-wrapper {
	width:100%; 
	background-color:#FFF; 
	height:50px; 
	position:fixed; 
	z-index:999999; 
	padding: 5px 0 0 0;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
}
#toolbar { width: 1150px; margin: 0 auto; }
#toolbar .module-content { height:auto; }
.module-wrapper, #footer, #main {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);
}
#footer .module-wrapper {
	box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.mod-box, div.module-content { overflow:hidden; }
#bottom-a h3, #m-bottom h3 { position: absolute; top: 298px; height: 40px; line-height: 40px; background-color: #66CC33; color: #FFFFFF; width:325px; border-top: 2px  #999 solid; padding-left: 15px; overflow:hidden; font-size: 21px; font-weight: 500; }
#bottom-a .mod-box-orange h3, #m-bottom .mod-box-orange h3 { background-color:#ff6600; }
#bottom-a .mod-box-blue h3, #m-bottom .mod-box-blue h3 { background-color:#005a84; }
#bottom-a .mod-box-red h3, #m-bottom .mod-box-red h3 { background-color:#cc3333; }
#bottom-a .mod-box-grey h3, #m-bottom .mod-box-grey h3 { background-color:#666666; }
#bottom-a .mod-box-pink h3, #m-bottom .mod-box-pink h3 { background-color:#cc0099; }
#bottom-a .mod-box-yellow h3, #m-bottom .mod-box-yellow h3 { background-color:#cc9933; }
#bottom-a .mod-box-purple h3, #m-bottom .mod-box-purple h3 { background-color:#666699; }
#bottom-a .mod-box-green h3, #m-bottom .mod-box-green h3 { background-color:#999966; }

#bottom-a .mod-box-grey .module-content,
#bottom-a .mod-box-purple .module-content 
	{ overflow:visible; }
#bottom-a .mod-box-grey .module-content .next,
#bottom-a .mod-box-grey .module-content .prev,
#bottom-a .mod-box-purple .module-content .next,
#bottom-a .mod-box-purple .module-content .prev
	{ top: 305px; left: 305px; margin-top: 0; width: 20px; height: 30px; background: transparent url(../images/arrows01.png) -43px 5px no-repeat; }
#bottom-a .mod-box-grey .module-content .prev,
#bottom-a .mod-box-purple .module-content .prev
	{ left:280px; background-position: 5px 5px; }

/*
.wk-slideshow-inside > div:hover .next,
.wk-slideshow-inside > div:hover .prev {top:50%;width:50px;height:50px;margin-top:-25px;background:url("../../../media/widgetkit/widgets/gallery/styles/inside/images/buttons.png") 0 50px no-repeat}
.wk-slideshow-inside > div:hover .next {right:30px;background-position:0 0}
.wk-slideshow-inside > div:hover .prev{left:30px;background-position:0 -50px}
.wk-slideshow-inside .caption {bottom:auto;top:0}
*/

.mod-box-green p { margin:10px 20px; }
.mod-box-green .module-content iframe { margin:65px auto auto auto; }
.video_panel { height: 520px; background-color:#000; }
.video_panel iframe { margin:50px 0 0 0; }

.module-content ul { list-style:none; padding:0; }
.module-content .scroll-box { 
	margin: 0 20px;
	overflow-x: hidden;	
	overflow-y: scroll;
	height: 300px;
	width: 290px;
	padding-right: 25px;
}
.wk-twitter {
    height: 217px;
    margin: 15px auto 20px 18px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 60px;
    padding-right: 25px;
    width: 255px;
}

.module-content h4 { font-size:20px; margin:0 0 15px 0; }

#main { background-color:#FFFFFF; padding:8px; margin-bottom:35px; width:1135px; margin-top: 59px; }
#maininner { width:1130px; border:2px #999999 solid; border-bottom-width:42px; margin:0; height:520px; }
.module-content { height: 298px; overflow: scroll; }
#content { margin:0; } 
img#bgpage { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:-1;  }
.wrapper { position: relative; }
img.feature_logo { margin:145px auto auto 12px; }

#footer { width:1133px; height:43px; background-color:#FFF; padding:9px; margin:0 0 25px 0; }
#footer div.module-wrapper { border: 2px  #999 solid; }
#footer .module-content { height:40px; }
#footer .module-content div { float:left; text-align:left; }
#footer .module-content div div { float:none; }
#footer .box1 { width:320px; height: 45px; line-height: 45px; padding: 0 0 0 8px; background-color: #005A84; color: white; font-size: 12px; border-right: 2px #999 solid; }
#footer .box2 { width:300px; height: 45px; border-right:2px #999 solid; }
#footer .box2a { width:200px; height: 45px; line-height: 43px; border-right:2px #999 solid; text-align:center; }
#footer .box3 { width:290px; }
#footer .module-content div.box2a { text-align:center; }
#footer .module-content div.box3 { text-align:center; padding-top: 4px; }
div.fb_like { position: absolute; top: 10px; left: 1000px; } 
div.tw_share { position: absolute; top: 10px; left: 870px; } 

.box2a a { color:#699; }
.box2a a[href="#"] { font-size:11px; color:#666; }

.box2a span { display:none; }
.box2a span#style01 { display:block; }
.style01 .box2a  { font-size:14px; }

a:not([class]):active, a:not([class]):focus { position: relative; top: 0; }

.selectstyles ul { padding:0; margin:0; list-style:none; margin-right:10px; }
.selectstyles li { padding:0; margin:0; list-style:none; display:block; float:left; margin:15px 0 0 20px; }
.selectstyles li a { display:block; width:20px; height:20px; overflow: hidden; background:url(../images/selectstyles.jpg) 0 0 no-repeat; text-indent:-2000em; }
a#style01 { background-position: 0 0;}
a#style01:hover, .style01 a#style01 { background-position: 0 -20px;}
a#style02 { background-position: -20px 0; }
a#style02:hover, .style02 a#style02 { background-position: -20px -20px;}
a#style03 { background-position: -40px 0; }
a#style03:hover, .style03 a#style03 { background-position: -40px -20px;}
a#style04 { background-position: -60px 0; }
a#style04:hover, .style04 a#style04 { background-position: -60px -20px;}
a#style05 { background-position: -80px 0; }
a#style05:hover, .style05 a#style05 { background-position: -80px -20px;}

span#clowntested {display:block; width:267px; height:35px; background:url(../images/clowntested.png) 0 0 no-repeat; margin:2px auto auto 20px; line-height:40px; font-size:16px; color:#d6267e; padding-left:35px; }
a#clowntested:hover { cursor:default; color:#d6267e; }
.style04 span#clowntested { font-size:15px; }
.style05 span#clowntested { font-size:14px; }

.box-article {
	margin: 20px;
	overflow: auto;
	height: 271px;
	width: 290px;
	padding-right: 25px;
	overflow-y: scroll;
}
.box-article p { font-weight:normal; }
.rotator { width: 750px; margin-left: 380px; }
.wk-slideshow .slides > li { width: 100% !important; }
.wk-slideshow-default .nav li { margin-left: 12px; }

label, .ccms_form_element label { display:none; }
.ccms_form_element { padding:0; margin:0; }
textarea, input[type="text"], input[type="password"], select { width:110px; border:#666 1px solid; font-size:10px; color:#699; }
input[name="Email"] { position: absolute; top: -30px; left: 150px; }
input[name="input_submit_4"] { width:60px; font-size:11px; font-weight:bold; color:#FFF; left: 215px; position: absolute; top: 2px; background:#999; }
textarea { width: 260px; height: 65px; border:#666 1px solid; font-size:10px; color:#669999; margin-bottom:5px;  }
.chronoform { display:none; }

a.twitter, a.facebook, a.pinterest, a.flickr, a.instagram, a.linkedin, a.youtube, a.dribble { display:block; width:30px; height:27px; position:absolute; top:10px; left:305px; background:url(../images/social/sprite_social.gif) 0 0; }
a.twitter.active, a.twitter:hover { background-position:-44px 0; }
a.facebook { top:43px; background-position:0 -40px; }
a.facebook.active, a.facebook:hover { background-position:-44px -40px; }
a.pinterest { top:79px; background-position:0 -80px; height:28px; }
a.pinterest.active, a.pinterest:hover { background-position:-44px -80px; }
a.dribble { top:116px; background-position:0 -288px; }
a.dribble.active, a.dribble:hover { background-position:-44px -288px; }
a.flickr { top:147px; background-position:0 -118px; }
a.flickr.active, a.flickr:hover { background-position:-44px -118px; }
a.instagram { top:175px; background-position:0 -154px; height: 29px; }
a.instagram.active, a.instagram:hover { background-position:-44px -154px; }
a.linkedin { top:219px; background-position:0 -204px; height: 26px; }
a.linkedin.active, a.linkedin:hover { background-position:-44px -204px; }
a.youtube { top:258px; background-position:0 -250px; height: 27px; }
a.youtube.active, a.youtube:hover { background-position:-44px -250px; }
#bottom-a .mod-box-yellow .box-article { overflow:hidden; }


.category-modulemod-box-orange h5 { margin: 10px 0 -5px 0; font-weight: 400; font-size: 21px; }
.category-modulemod-box-orange li { border-bottom:#ccc 2px solid; margin-bottom:23px; }
em { color: inherit; }
.wk-twitter-list article { margin-top: 15px; padding-top: 15px; }
.normal { font-weight:normal; padding-left:2px; }
.hidden { display:none; }

.htbabc .copytext { padding: 20px; width: 300px; }
.htbabc ul { list-style:url(../images/arrows02.png); margin-left: 35px; margin-top: -5px; }
.htbabc h4 { margin: 0 0 20px 0; }
.htbabc_image { position: absolute; top:-2px; }
.replacer a { display:none; }
.replacer { background: #FFF; width: 284px; }
/* .replacer a:hover { -moz-opacity: 0.55; opacity: 0.55; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=55); } */
a.rssfeed { display:block; width:18px; height:18px; background:transparent url(../images/rss.png) 0 0 no-repeat; position: absolute; z-index: 99999; top: 11px; left: 310px; }
iframe.thelatest_frame { border: 0 none; height: 285px; margin: 7px auto 0 9px; width: 326px; }

.stsm_image { position: absolute; z-index:1; top:-2px; }

.newsholder { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

p.meta { font-size: 8pt; color: #999999; font-style:italic; }

.our-digs .wk-slideshow { top:-1px; }

iframe.contact-us_frame { height:158px; }
.contacting .box-article { overflow:hidden; }


/* Mobile */
#page.mobile #system .item { display:none; }
.m-toolbar p { margin:0; }
.m-toolbar .m-buttons { display:none; }
#page.mobile #logo { margin-left:15px; }
#page.mobile .module-wrapper {
border-radius:0;
background-color: white;
width: 360px;
height: 360px;
padding-top: 1px;
margin:0 auto 35px auto;
}
#m-bottom .module {
border-radius:0;
height: 339px;
width: 340px;
padding: 0;
border: 2px #999 solid;
overflow: hidden;
margin: 8px;
box-shadow:0 !important; 
}
.mobile-feature { margin: 8px !important; padding: 0 !important; width: 340px; height:510px; }
.mobile-feature p { margin:10px; }
.mobile-feature .module-content { height:auto; width: 340px; margin:0; overflow: auto; }
#page.mobile #m-top .module-wrapper { height: auto; padding-bottom: 1px; }
#m-top .module, .noblog #m-content, #m-bottom .module { box-shadow:none; border-radius:0; border:#999 2px solid; overflow:visible; }
#page.mobile .wk-slideshow-default .nav { margin: 5px; display:none; }
#m-top { margin-top: 75px; }
#page.mobile .htbabc_image { top:0; } 
#page.mobile .module-content h4 { margin: 2px 0 15px 0; }
.m-toolbar {
	position: fixed !important;
	height: 45px;
	z-index: 100;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #CCC;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #64696E), color-stop(100%, #32373C));
	background: -webkit-linear-gradient(top, #FFF 0%, #EFEFEF 100%);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
body.mobile { background:url(../../../images/mobile_bg_01.jpg) repeat; }
#m-bottom h3 { border-top: 2px #999 solid; font-weight:700px; height: 39px; }
.float-left p { padding:0; margin:0; }

#m-footer div.module-wrapper { padding:8px; height:61px; margin-bottom:200px; }
#page.mobile #m-footer .module-wrapper {
border-radius: 0;
background-color: white;
height: auto;
width: 343px;
padding-top:8px;
margin: 0 auto 35px auto;
}
#m-footer .module-content { 
	border: 2px solid #999999; 
	background-color: #005A84; 
	color: white;
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 8px; 
}

#page.mobile h3.panel_nav {
	position: absolute;
	top:445px;
	color: white;
	white-space: nowrap;
	padding-left:7px;
	line-height: 40px;
	font-weight: 500;
	background: #999;
	height: 40px;
	width: 333px;
}
#page.mobile .content_item h4 { margin-left:6px; }
#page.mobile .content_inner {
	width: 315px;
	height: 147px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right: 15px;
	position: absolute;
	top: 312px;
	margin-left: 5px;
}
.mobile-feature2 {
	margin: 8px !important;
	padding: 0 !important;
	width: 340px;
	height: 360px;
}
#page.mobile .mobile-feature2 .content_inner { top:265px; margin-left: 15px; }