/* Styles for New Dairyland Hoof Care Institute website */

html, body { height: 100%; margin: 0; padding: 0; color:#dfe8f2; background:#c4d1de; 
background: #c4d1de; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhN2NmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGQzMTc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #c4d1de 0%, #678eb4 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c4d1de), color-stop(100%,#678eb4)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #c4d1de 0%,#678eb4 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #c4d1de 0%,#678eb4 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #c4d1de 0%,#678eb4 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  #c4d1de 0%,#678eb4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d1de', endColorstr='#678eb4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}	
body { font-family: Arial, Helvetica, sans-serif; font-size:  1em; margin: 0 auto; padding: 0; text-align: center; }

.cont_footer { background: transparent url('images/Karl-Burgi-Body-All-Bottom.jpg') bottom center no-repeat; } 

.column { background-color:#92C348; height:400px; float:left; margin-top:20px; }
.gutter { background-color:#BCDA86; height:400px; float:left; margin-top:20px; }
.gutter_outer { background-color:#56644A; height:400px; float:left; margin-top:20px; }
		
input.text { width:40px; }
label.fix_width_check { font-size:11px; }
#content_width, #full_width, #full_width_text { font:"Trebuchet MS", Arial, Helvetica, sans-serif 40px;  }

p { line-height:22px; border:none; padding:10px;color: #DFE8F2; font-size: 18px; line-height: 22px; }
a { text-decoration:none; color:#59b08a; }
a:hover { text-decoration:none; color:#9dd3bb; }
a img { border:none; float:left; display:inline; margin-right:10px; }
		
#preview_grid, #download_css, #preview_fluid_grid, #download_fluid_css { margin-bottom:30px; display:block; }
#preview_grid p, #download_css p, #preview_fluid_grid p, #download_fluid_css p { margin-top:5px;  }
div {overflow: visible; }
.hidden { display:none ; } 
		
.container { background-color:#ffffff; text-align:left; margin-bottom:20px; color:#dfe8f2; }
.container div p { background-color:transparent; }

#global-nav-container { background:#000 url('http://www.karlburgi.com/common/images/gradient.png') 0 0 repeat-x; width:100%; height:70px; border-bottom:1px solid grey; margin:0; padding:10px 10px 0 10px; text-align:center; }
ul#global-nav {  width:1010px; margin:0 auto 0 auto; height:74px; padding:0; text-align:center; padding:0; }
ul#global-nav .gnav { margin:0; padding:0; width: 150px; list-style-type: none; display:inline; }

h1#header-titles { color:#dfe8f2; padding:10px; width:100%; background: #a90329; /* Old browsers */
background: -moz-linear-gradient(left, #a90329 0%, #8f0222 44%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #a90329 0%,#8f0222 44%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #a90329 0%,#8f0222 44%,#000000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #a90329 0%,#8f0222 44%,#000000 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #a90329 0%,#8f0222 44%,#000000 100%); /* W3C */
}
h1#header-titles span { text-indext:-1000px; }
h2 { color:#95b2d0; margin:30px 0 0; }
h3 { color:#95b2d0; }

ul.contact-form li { list-style: none; }

/* Containers */
.container_4 { margin-left: auto; margin-right: auto; width: 960px; }

/* Grid >> Global */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_1A { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.grid_1A p { padding: 0; }
.container4 .grid_3 .header_logo span { padding-left:3000px;  color:#e5efed; }

.grid_3 h3.event_header { margin:24px 0 30px 14px; }
.grid_3 h4.event_titles { margin:12px 0 0 14px; }
.grid_3 p.event_info { margin:0 14px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 4 Columns */
.container_4 .grid_1 { width:220px; }
.container_4 .grid_2 { width:460px; }
.container_4 .grid_3 { width:750px; }
.container_4 .grid_4 { width:960px; }
.container_4 .grid_5 { width:1000px;}
.container_4 .grid_1A { width:140px; }

/* Prefix Extra Space >> 4 Columns */
.container_4 .prefix_1 { padding-left:240px; }
.container_4 .prefix_2 { padding-left:480px; }
.container_4 .prefix_3 { padding-left:720px; }
.container_4 .prefix_1A { padding-left:100px; }

/* Suffix Extra Space >> 4 Columns */
.container_4 .suffix_1 { padding-right:240px; }
.container_4 .suffix_2 { padding-right:480px; }
.container_4 .suffix_3 { padding-right:720px; }
.container_4 .suffix_1A { padding-right:100px; }

/* Push Space >> 4 Columns */
.container_4 .push_1A { left:120px; }
.container_4 .push_1 { left:240px; }
.container_4 .push_2 { left:480px; }
.container_4 .push_3 { left:720px; }

/* Pull Space >> 4 Columns */
.container_4 .pull_1 { left:-240px; }
.container_4 .pull_2 { left:-480px; }
.container_4 .pull_3 { left:-720px; }

/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix {	display: inline-block; }
* html .clearfix {	height: 1%; }
.clearfix { display: block; }

.transparent_class { background:#fff; -ms-filter:Óprogid:DXImageTransform.Microsoft.Alpha(Opacity=90)Ó; /* ie 8 */ 
	filter: alpha(opacity=90); /* ie lt 7 */
	opacity: .9; /* standard: ff gt 1.5, opera, safari */
	-khtml-opacity: .9; /* safari 1.x */
	-moz-opacity: .9; /* ff lt 1.5, netscape */
}

/* Round Corners http://jonraasch.com/blog/css-rounded-corners-in-all-browsers */
.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	behavior: url(/css/border-radius.htc);
	border-radius: 20px;
}

/* Footer */
.footer { background-color:#6f7c8c; padding:20px 0; width:100%; height:auto; overflow:hidden; border:1px solid #4e327c; color:#d9e4e8; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.footer ul { text-align:center; padding:0; margin:0 auto; }
.footer li { padding:10px; display:inline; margin:12px 0px; letter-spacing:1px; text-align:center; }
.footer li a { color:#d9e4e8; padding:10px; border:2px solid #8c97a4; }
.footer li a:hover { color:#4e327c; background-color:#CCC; padding:10px; border:2px solid #8c97a4; }
.footer li a.active { color:#4e327c; background-color:#CCC; padding:10px; border:2px solid #8c97a4; }

/* Copyright */

.copyright { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.7em; letter-spacing:1px; height:18px; margin:14px auto 4px auto; padding:4px 0; color:#999; text-align:center; }
.copyright a { color:#CCC; }
.copyright a:hover { color:#999; }

/* Copyright Common Pages */

.copyright_common { font-family:Arial, Helvetica, sans-serif; font-size:.7em; letter-spacing:1px; height:18px; margin:10px auto; padding:4px 0; color:#999; text-align:center; background-color: black; height: 60px; width:1000px;}
.copyright_common a { color:#CCC; }
.copyright_common a:hover { color:#999; }

/* Home Page Slideshow */
#slider { width: 768px; /* important to be same as image width */
    height: 569px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 10px;
}
#sliderContent { width: 759px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }
ul#sliderContent { margin:0; padding:10px 0 0 10px; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span {
    position: absolute;
	font: 30px/36px Arial, Helvetica, sans-serif;
    padding: 16px 18px;
    width: 726px;
    background-color: transparent;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
    color: #ffffff;
    display: none;
    text-shadow: 2px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
}
.sliderImage span.dhci-001 { margin:0; padding:36px 0 0 470px; }
.sliderImage span.dhci-002 { margin:0; padding:470px 0 0 42px; }
.sliderImage span.dhci-003 { margin:0; padding:36px 0 0 470px; }
.sliderImage span.dhci-004 { margin:0; padding:470px 0 0 42px; }

.clear { clear: both; }
.sliderImage span strong { font-size: 18px; }
.img, .img a { border:none; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }

/* Body Text Styles */

#buttonwrapper { height:100%; width:190px; float:left; text-align:center; float:left; margin: 0 0 0 11px; padding: 0; }
#buttonwrapper ul.nav { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%; margin:8px auto; padding:0; float: left; }
#buttonwrapper ul.nav li { list-style: none; padding:0; margin:0; }
a.boldbuttons { background: transparent url('images/button.png') no-repeat top left; height:100%; overflow:hidden; display: block; font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; line-height: 16px; /* Height of button background height */
	padding: 0 8px; /* Width of left menu image */
	text-decoration: none; text-align: center;
}
a.boldbuttons-2 { height:100%; overflow:hidden; display: block; font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; line-height: 16px; /* Height of button background height */
	padding: 0;
	text-decoration: none; text-align: center;
}

a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons { color: #00854c; /*button text color*/ }
a:link.boldbuttons-2, a:visited.boldbuttons-2, a:active.boldbuttons-2 { color: #00854c; /*button text color*/ }
a.boldbuttons span { display: block; padding: 0; position:relative; }
a.boldbuttons-2 span { display: block; padding: 0; position:relative; text-indent:-1000px; }
a:hover.boldbuttons, a:hover.boldbuttons-2 { /* Hover state CSS */ text-decoration: none; color: #0f3888; }

/* Product Logos Headers */
h1#product_header { color:#95b2d0; }
ul#event_dates li { margin:0; line-height: 20px; margin:12px 0; font-size:18px; color:#dfe8f2; }
ul#product_logo_descrip li { list-style-image: url('images/hoof-bullet.png'); margin:0; line-height: 20px; margin:12px 0; }
ul#product_descrip li { line-height:20px; margin:6px 0; }
.specs-links { margin:10px 0 10px 50px; }
.specs-links a { }
.specs-links a:hover { color: red; }
.dates_small { font-size:14px; color:#dfe8f2; }

li.pdf_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#59b08a 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#59b08a),
		to(#146600));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #134201;
	text-decoration: none;
	display: inline;
	width:100px;
	color: #0f3788;
}
li.pdf_button a { color:#0f3788; font-weight:bold; }
li.pdf_button a:hover { color:#dfe8f2; }

/* Product Info Accordion jQuery styles */
#accordion { height:auto; }
#accordion h3 { background:yellow; width:97%;padding:10px; }
.accord-background { background-color:#999999; padding:10px; }

html { overflow-Y: scroll; }
* focus { outline: none; margin: 0; padding: 0; }
.container-tog { width: 750px; margin: 0 auto; position:relative; }
h2.trigger { padding: 0 0 0 50px; margin: 0 0 5px 0; background: url(images/toggle/h2_trigger_a.gif) no-repeat; height: 46px; line-height: 46px; width: 700px; font-weight: normal; float: left; }
h2.trigger a { color: #478bb1; text-decoration: none; display: block; font-size:.8em; }
h2.trigger a:hover { color: #d6574a; }
h2.active { background-position: left bottom; }
.toggle_container { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; overflow: hidden; font-size: 1.2em; width: 750px; clear: both; position:relative; 
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #475c69 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(100%,#475c69)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#475c69 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#475c69 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#475c69 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#475c69',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b5bdc8 0%,#475c69 100%); /* W3C */
}
.toggle_container .block { padding: 10px 20px; color:#000000; font-size:15px; line-height:16px; }
.toggle_container .block p { padding: 5px 0; margin: 5px 0; }
.toggle_container .block p.package-text { font-style:italic; font-weight:bold; font-size: 14px; color:#000000; line-height:16px; margin:0; padding:0; }
.toggle_container h2 { margin: 10px 0 0; }
.toggle_container h3 { margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #000000; }
.toggle_container h4 { font-size:16px; }
.toggle_container img { float: left; margin: 10px 15px 15px 0; border: 1px solid #ccc; }
.toggle_container ul { padding:0; margin:0; }
.toggle_container ul li { padding:0; margin:6px 0 6px 30px; }