/* 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 { color: #366; }
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; font-weight:700 !important; 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 { }

.style01 h1 { font-size:20px; font-weight:500; } 

#system .wk-slideshow { float:right; }
#system .content > div { height:500px; }
#system .wk-slideshow .nav { float: right; }
.content_inner { width: 330px; height: 300px; 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: 2px; 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; }
#footer .module-wrapper {
	box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.mod-box, div.module-content { overflow:hidden; }
#bottom-a 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: 700; }
#bottom-a .mod-box-orange h3 { background-color:#ff6600; }
#bottom-a .mod-box-blue h3 { background-color:#005a84; }
#bottom-a .mod-box-red h3 { background-color:#cc3333; }
#bottom-a .mod-box-grey h3 { background-color:#666666; }
#bottom-a .mod-box-pink h3 { background-color:#cc0099; }
#bottom-a .mod-box-yellow h3 { background-color:#cc9933; }
#bottom-a .mod-box-purple h3 { background-color:#666699; }
#bottom-a .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(http://id29.com/templates/yoo_nano2/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 { 
	margin: 20px;
	overflow-x: hidden;	
	overflow-y: scroll;
	height: 250px;
	width: 255px;
	padding-right: 25px;
	padding-bottom:60px;
}

.module-content h4 { font-size:21px; font-weight:bold; margin:0 0 15px 0; }


a.stsm { display: block; height:298px; width: 340px; background:url(../../../images/logos/stsm.jpg) 0 0 no-repeat; text-indent:-2000em; }
/* moved to js a.stsm:hover { background-position:0 -300px; } */
div.sstm { background:url(../../../images/logos/stsm.jpg) 0 -300px no-repeat; }

#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; }
#footer .box2 { width:280px; height: 45px; border-right:2px #999 solid; }
#footer .box2a { width:210px; height: 45px; line-height: 43px; border-right:2px #999 solid; text-align:center; }
#footer .box3 { width:300px; }
#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; } 

.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(http://id29.com/templates/yoo_nano2/images/selectstyles.jpg) 0 0 no-repeat; text-indent:-2000em; }
a#style01 {}
a#style02 { background-position: -20px 0; }
a#style03 { background-position: -40px 0; }
a#style04 { background-position: -60px 0; }
a#style05 { background-position: -80px 0; }

a#clowntested {display:block; width:267px; height:35px; background:url(http://id29.com/templates/yoo_nano2/images/clowntested.png) 0 0 no-repeat; text-indent:-2000em; margin:2px auto auto 10px; cursor:inherit; }

.box-article {
	font-size: 21px;
	font-weight: bold;
	margin: 20px;
	overflow: auto;
	height: 270px;
	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; }

#chronoform_contact_us label { display:none; }
.ccms_form_element { padding:0; margin:0; }
#chronoform_contact_us textarea { width: 260px; height: 65px; border:#666 1px solid; font-size:10px; color:#669999; margin-bottom:5px;  }
textarea, input[type="text"], input[type="password"], select { width:110px; border:#666 1px solid; font-size:10px; color:#999; }
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: 204px; position: relative; top: 2px; background:#999; }
.chronoform { display:none; }

a.twitter, a.facebook, a.pinterest, a.flickr, a.instagram, a.linkedin, a.youtube { display:block; width:30px; height:30px; position:absolute; top:10px; left:305px; background:url(http://id29.com/templates/yoo_nano2/images/social/sprite_social.gif) 0 0; }
a.twitter.active, a.twitter:hover { background-position:-44px 0; }
a.facebook { top:46px; background-position:0 -40px; }
a.facebook.active, a.facebook:hover { background-position:-44px -40px; }
a.pinterest { top:82px; background-position:0 -80px; }
a.pinterest.active, a.pinterest:hover { background-position:-44px -80px; }
a.flickr { top:115px; background-position:0 -118px; }
a.flickr.active, a.flickr:hover { background-position:-44px -118px; }
a.instagram { top:150px; background-position:0 -154px; }
a.instagram.active, a.instagram:hover { background-position:-44px -154px; }
a.linkedin { top:204px; background-position:0 -204px; }
a.linkedin.active, a.linkedin:hover { background-position:-44px -204px; }
a.youtube { top:250px; background-position:0 -250px; }
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(http://id29.com/templates/yoo_nano2/images/arrows02.png); margin-left: 35px; margin-top: -5px; }
.htbabc h4 { margin: 0 0 20px 0; }
.htbabc_image { position: absolute; top: 0; }
.replacer a { display:none; }
a.rssfeed { display:block; width:18px; height:18px; background:transparent url(http://id29.com/templates/yoo_nano2/images/rss.png) 0 0 no-repeat; position: absolute; z-index: 99999; top: 11px; left: 310px; }
iframe.thelatest_frame { width:330px; height:280px; border:0 none; }
#header { display:none;  }
.module, #breadcrumbs, #content, #footer { margin: -7px 0 0 0; padding:0;}

#system .item > header .title { margin-bottom: 5px; }
p.meta { font-size: 8pt; color: #999999; font-style:italic; margin:10px 0; }

#main { width:100% height:100%; overflow:hidden; width: 300px; -webkit-overflow-scrolling: touch; }
.contact-us #main { height:155px; overflow:hidden;  }
body.contact-us { overflow:hidden !important; height:155px; }
.contact-us #content { overflow:hidden; margin: 0 0 0 0;}