/* 
////////////////////////
UNIVERSAL STYLES
////////////////////////
*/

html { height: 100%; }
body { background: #fff; color: #636466; font-family: Arial, Helvetica, sans-serif; font-size: 69%; height: 100%; line-height: 1.45em; margin: 0 auto; padding: 0; text-align: left; width:100%; }
a, a:link, a:visited { color: #65c919; text-decoration: none; }
html>body a:focus, a:hover, a:active { outline: none; text-decoration: underline; } 
div { margin: 0; padding: 0; position: relative; }
img { border: 0; position: relative; behavior: url("incl/iepngfix.htc"); }

ol, ul, li { list-style: none; margin: 0; padding: 0; }

blockquote, p, form { margin: 0 0 10px 0; padding: 0; }
input, select { border: 1px solid #636466; color: #636466; display: block; font-size: 1em; height: 20px; margin: 0 0 0 9em; padding: 2px 0 0 2px; vertical-align: middle; width: 50%; }
fieldset { border: 0; clear: both; margin: 0 0 10px 0; padding: 0; }
label { color: #333; display: block; float: left; font-size: 1em; margin: 0 0 5px; }
legend { }
textarea { border: 1px solid #636466; color: #636466; display: block; font: inherit; margin: 3px 0 0 9em; padding: 0; width:65%; }
button { background: #65c919; border: none; color: #fff; cursor: pointer; display: block; font: inherit; font-size: 1em; font-weight: bold; margin: 10px 10px 10px 0; padding: 4px 6px 4px; vertical-align: middle; }
button:hover { background-color: #00b8ee; }

em { color: #000; }	

table { border-collapse: collapse; }

/* 
////////////////////////
CUSTOM STYLES 
//////////////////////// 
*/

/* MAIN STYLES */
h1, h2, h3, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { display: none; }
h2 { color: #2b388f; font-size: 26px; line-height: 30px; margin: 0 0 10px 0; }
h3 { color: #00b8ee; font-size: 19px; line-height: 22px; }
h4 { color: #65c919; font-size: 16px; line-height: 20px; }
h5 { }
h6 { }

/* CONTAINERS */
#header { clear: both; margin: 0 auto; padding: 20px 42px 10px 18px; text-align: left; width: 980px; }
#container { background:url(../img/global/bkrd_container.png) 0 0 repeat-x; clear: both; margin: 0 auto; padding: 10px 0 0 0; width: 100%; }
#contentTop { background:url(../img/global/bkrd_content_top.png) 15px 0 no-repeat;  clear: both; height: 18px; margin: 0 auto; width: 1040px; }
#contentMid { background:url(../img/global/bkrd_content_mid.png) 15px 0 repeat-y; clear: both; margin: 0 auto; padding: 0 49px 0 34px; width: 957px; }
#contentBtm { background:url(../img/global/bkrd_content_btm.png) 15px 0 no-repeat; clear: both; margin: 0 auto; padding: 29px 0 0 0; width: 1040px; }
#contentBody { background:url(../img/home/bkrd_content_body.png) 0 0 repeat-x; float: left; height: 499px; width: 789px; }
#internalBodyShort { background:url(../img/home/bkrd_content_body.png) 0 0 repeat-x; float: left; height: 628px; width: 789px; }
#internalBody { background:url(../img/home/bkrd_content_body.png) 0 0 repeat-x; float: left; height: 968px; width: 789px; }
#footer { clear: both; color: #666; font-size: 10px; margin: 5px auto 0 auto; text-align: center; width: 1040px; }

	/* CZUBA LOGO */
	#logoCzuba { float: left; height: 53px; overflow: hidden; width: 162px; }
	#logoCzuba a, #logoCzuba a:focus, #logoCzuba a:hover, #logoCzuba a:active{ background: url(../img/global/logo_czuba.png) 0 0 no-repeat; display: block; height: 53px; width: 162px; }
	#logoCzuba a h1 { display: none; }
	
	.headerInfo { float: right; text-align: right; padding: 24px 0 0 0; width: 237px; }
		.contactInfo { clear: both; float: right; padding: 0 0 5px 0; width: 206px; }
		#phone { float: right; height: 14px; width: 112px; }
		#contactUs { float: right; height: 12px; padding: 2px 0 0 0; overflow: hidden; width: 94px; }
		#contactUs a, #contactUs a:focus { background: url(../img/global/contact_us.png) 0 0 no-repeat; display: block; height: 12px; width: 94px; }
		#contactUs a:hover, #contactUs a:active { background: url(../img/global/contact_us_hover.png) 0 0 no-repeat; }
		#contactUs a span { display: none; }
		
		#productDev { background: url(../img/global/tag_line.png) 0 0 no-repeat; clear: both; height: 9px; width: 237px; }
		#productDev span { display: none; }

	/* NAVIGATION */
	#mainnav { float: left; height: 499px; padding: 0 6px 0 0; width: 162px; }
	#mainnav li { display: inline-block; }
	#mainnav img { margin: 6px 0 0 0; }
	
	#navProductDev { height: 162px; display: block; margin: 0 0 6px 0; width: 162px; }
	#navProductDev a, #navProductDev a:link, #navProductDev a:visited { cursor: pointer; background: url(../img/global/nav_productdev.png) 11px 110px no-repeat #65c919; display: block; height: 162px; width: 162px; }
	#navProductDev a:hover, #navProductDev a:active{ background: url(../img/global/nav_productdev.png) 11px 110px no-repeat #999; }
	#navProductDev a span { display: none; }
	#navProductDev.unselected a, #navProductDev.unselected a:link, #navProductDev.unselected a:visited { background: url(../img/global/nav_productdev.png) 11px 110px no-repeat #999; }
	#navProductDev.unselected a:hover, #navProductDev.unselected a:active { background: url(../img/global/nav_productdev.png) 11px 110px no-repeat #65c919; }
	
	#navOnSite { height: 162px; display: block; margin: 0 0 6px 0; width: 162px; }
	#navOnSite a, #navOnSite a:link, #navOnSite a:visited { cursor: pointer; background: url(../img/global/nav_onsite.png) 11px 110px no-repeat #00b8ee; display: block; height: 162px; width: 162px; }
	#navOnSite a:hover, #navOnSite a:active{ background: url(../img/global/nav_onsite.png) 11px 110px no-repeat #999; }
	#navOnSite a span { display: none; }
	#navOnSite.unselected a, #navOnSite.unselected a:link, #navOnSite.unselected a:visited { background: url(../img/global/nav_onsite.png) 11px 110px no-repeat #999; }
	#navOnSite.unselected a:hover, #navOnSite.unselected a:active { background: url(../img/global/nav_onsite.png) 11px 110px no-repeat #00b8ee; }
	
	#navExpertWit { height: 162px; display: block; width: 162px; }
	#navExpertWit a, #navExpertWit a:link, #navExpertWit a:visited { cursor: pointer; background: url(../img/global/nav_expertwit.png) 11px 110px no-repeat #2e3191; display: block; height: 162px; width: 162px; }
	#navExpertWit a:hover, #navExpertWit a:active{ background: url(../img/global/nav_expertwit.png) 11px 110px no-repeat #999; }
	#navExpertWit a span { display: none; }
	#navExpertWit.unselected a, #navExpertWit.unselected a:link, #navExpertWit.unselected a:visited { background: url(../img/global/nav_expertwit.png) 11px 110px no-repeat #999; }
	#navExpertWit.unselected a:hover, #navExpertWit.unselected a:active { background: url(../img/global/nav_expertwit.png) 11px 110px no-repeat #2e3191; }
	
	/* HOME */
	.homeBody { background: url(../img/home/molecules.png) 0 0 no-repeat; font-size: 13px; height: 327px; line-height: 18px; padding: 45px 40px 0 375px; width: 374px; } 
		.homeBody h2 { background: url(../img/home/bkrd_content_h2.png) 0 0 no-repeat; height: 108px; width: 343px; margin: 0 0 10px 0; }
		.homeBody h2 span { display: none; }
		
	.calloutLeft { background: url(../img/home/callout_left.jpg) 20px 20px no-repeat; border: 1px solid #cdcdcd; float: left; height: 104px; margin: 0 6px 0 0; padding: 20px 0 0 20px; width: 289px; }
	.calloutLeft h3 { display: none; }
	
	.calloutRight { float: left; height: 94px; width: 471px; }
	.calloutRight img { float: left; }
	.calloutRight div { border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; float: left; height: 109px; padding: 15px 0 0 10px; width: 293px; }
	.calloutRight h4 { color: #636466; }
	
	/*.calloutRight h4 { background: url(../img/home/callout_right_h2.png) 0 0 no-repeat; height: 12px; margin: 0 0 10px 0; width: 145px; }
	.calloutRight h4 span { display: none; }*/
	
	/*.calloutRight h4 { background: url(../img/home/callout_right_h2.png) 0 0 no-repeat; height: 12px; margin: 0 0 10px 0; width: 145px; }
	.calloutRight h4 span { display: none; }*/
	
		
	/* INTERNAL */
	#internalBodyWrapper { background: url(../img/internal/bkrd_content_body_btm.png) bottom left repeat-x; width: 789px; } 
	
	.expBody { background: url(../img/expert-witness/molecules_expert.png) top right no-repeat; font-size: 13px; height: 588px; line-height: 18px; padding: 40px 295px 0 30px; width: 464px; } 
		.expBody h2 { background: url(../img/expert-witness/bkrd_content_expert_witness_h2.png) 0 0 no-repeat; height: 79px; width: 390px; margin: 0 0 10px 0; }
		.expBody h2 span { display: none; }
		.expBody h3 { color: #2e3191; font-size: 14px; font-weight: bold; line-height: 18px; margin: 25px 0 10px 0; }
		
	.prodBody { background: url(../img/product-development/molecules_product.png) top right no-repeat; font-size: 13px;  height: 948px; line-height: 18px; padding: 40px 295px 0 30px; width: 460px; } 
		.prodBody h2 { background: url(../img/product-development/bkrd_content_product_development_h2.png) 0 0 no-repeat; height: 51px; width: 376px; margin: 0 0 10px 0; }
		.prodBody h2 span { display: none; }
		
		.prodBody h3 { color: #65c919; font-size: 14px; font-weight: bold; line-height: 14px; margin: 25px 0 10px 0; }
		.prodBody h4 { color: #636466; font-size: 12px; font-weight: bold; line-height: 14px; }
		.prodBody ol { display: block; padding: 0 0 0 20px; }
		.prodBody li { color: #636466; font-size: 12px; line-height: 14px; font-weight: bold; list-style: decimal; }
		.prodBody p { font-weight: normal; }
	
	.onSiteBody { background: url(../img/on-site-training/molecules_onsite.png) top right no-repeat; font-size: 13px; height: 988px; line-height: 18px; padding: 40px 295px 0 30px; width: 460px; } 
		.onSiteBody h2 { background: url(../img/on-site-training/bkrd_content_on_site_training_h2.png) 0 0 no-repeat; height: 52px; width: 394px; margin: 0 0 10px 0; }
		.onSiteBody h2 span { display: none; }
		
		.onSiteBody h3 { color: #00b8ee; font-size: 14px; font-weight: bold; line-height: 14px; margin: 25px 0 10px 0; }
		.onSiteBody h4 { color: #636466; display: inline; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0; padding: 0; }
		.onSiteBody ol { display: block; padding: 0 0 0 20px; }
		.onSiteBody li { color: #636466; font-size: 12px; line-height: 14px; font-weight: normal; list-style: decimal; }
		.onSiteBody ul { display: block; padding: 0 0 10px 0; }
		.onSiteBody ul li { font-size:14px; font-weight:bold; line-height:14px; display: block; padding: 0 0 4px 0; list-style: none; }
		
	/* INTERNAL NAVIGATION */
	#internalnav { margin: 25px 0 0 255px; text-align: center; width: 205px; } 
	#internalnav li { display: inline; }
	
		#prevPatent, #prevOnSite { height: 20px; width: 48px; }
		.prodBody #prevPatent a, .prodBody #prevPatent a:link, .prodBody #prevPatent a:visited { cursor: pointer; background: url(../img/internal/btn_prev_prod.jpg) 0 0 no-repeat; display: block; float: left; height: 20px;  margin: 0 6px 0 0; width: 48px; }
		.onSiteBody	#prevOnSite a, .onSiteBody #prevOnSite a:link, .onSiteBody #prevOnSite a:visited { cursor: pointer; background: url(../img/internal/btn_prev_onsite.jpg) 0 0 no-repeat; display: block; float: left; height: 20px;  margin: 0 6px 0 0; width: 48px; }
		.prodBody #prevPatent a:hover, .prodBody #prevPatent a:active{ background: url(../img/internal/btn_prev_hover.jpg) 0 0 no-repeat #999; }
		.onSiteBody #prevOnSite a:hover, .onSiteBody #prevOnSite a:active{ background: url(../img/internal/btn_prev_hover.jpg) 0 0 no-repeat #999; }
		#prevPatent a span, #prevOnSite a span { display: none; }
		
		#nextPatent, #nextOnSite { height: 20px; width: 48px; }
		.prodBody #nextPatent a, .prodBody #nextPatent a:link, .prodBody #nextPatent a:visited { cursor: pointer; background: url(../img/internal/btn_next_prod.jpg) 0 0 repeat-y; display: block; float: left; height: 20px;  margin: 0 6px 0 0; width: 48px; }
		.onSiteBody	#nextOnSite a, .onSiteBody #nextOnSite a:link, .onSiteBody #nextOnSite a:visited { cursor: pointer; background: url(../img/internal/btn_next_onsite.jpg) 0 0 repeat-y; display: block; float: left; height: 20px;  margin: 0 6px 0 0; width: 48px; }
		.prodBody #nextPatent a:hover, .prodBody #nextPatent a:active{ background: url(../img/internal/btn_next_hover.jpg) 0 0 no-repeat #999; }
		.onSiteBody #nextOnSite a:hover, .onSiteBody #nextOnSite a:active{ background: url(../img/internal/btn_next_hover.jpg) 0 0 no-repeat #999; }
		#nextPatent a span, #nextOnSite a span { display: none; }
		
	/* INTERNAL CALLOUT */
	.calloutInternal { border: 1px solid #999; clear: both; display: block; height: 126px; margin: 0 0 10px 0; width: 458px; }
	.calloutInternal img { float: left; }
	.calloutInternal div { float: left; height: 124px; padding: 15px 0 0 15px; width: 277px; }
	.calloutInternal h4 { color: #636466; font-size: 16px; font-weight: normal; line-height: 20px; }
		
	.expWitnessPic img { float: left; padding: 2px 10px 0 0; }
	
	/*.calloutRight { float: left; height: 94px; width: 471px; }
	.calloutRight img { float: left; }
	.calloutRight div { border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; float: left; height: 94px; padding: 30px 0 0 10px; width: 293px; }
	.calloutRight h4 { background: url(../img/home/callout_right_h2.png) 0 0 no-repeat; height: 12px; margin: 0 0 10px 0; width: 145px; }
	.calloutRight h4 span { display: none; }*/
	
		
/* CLEARS */
#shell:after, 
#header:after,
#container:after, 
#contentMid:after, 
.headerInfo:after, .contactInfo:after,
#mainnav:after, #internalnav:after,
.homeBody:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
}

.sIFR-hasFlash h3#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}