html { height: 100%; }

body {
  background: #296889 url(../img/bg.jpg) top center no-repeat fixed;
  height: 100%;
  font-family:Arial, Helvetica, sans-serif;
}

#super-wrapper {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent url(../img/bg2.png) top left repeat-x;
  height: 100%;
}

* html #super-wrapper {
  display: none;
}

#wrapper {
  position: absolute;
  z-index: 10;
  width: 838px;
  left: 50%;
  margin-left: -419px;
}

#header {
  height: 213px;
  background: #000 url(../img/top_bg.png) no-repeat;
  position: relative;
}

#content-wrapper {
  background-color: #fff;
}

#footer {
  color: #888;
  font-size: 0.9em;
  background: #000 url(../img/top_bg.png) no-repeat;
}

/********************
COLUMNS
**********************/

.col66 {
  width: 438px;
  float: left;
  padding-right: 40px;
  padding-left: 50px;
    
}

.col33 {
  width: 260px;
  float: left;
  padding-right: 40px;
}

#content {
   padding-top: 40px;
}

#copyright {
  line-height: 3em;
  padding-left: 2em;
  color: #666;
}

/********************
HEADER
*********************/

#logo {
  width: 157px;
  height: 121px;
  position: absolute;
  left: 50px;
  top: 20px;
}

#slogan {
  color: #ddd;
  font-size: 1.33em;
  width: 450px;
  height: 70px;
  position: absolute;
  left: 340px;
  top: 45px;
  letter-spacing: -0.05em;
// letter-spacing: 0;
  text-align: right;
  text-shadow:0px 1px 1px #2E2E2E;
}

#contact {
  font-size: 1.5em;
  text-align: right;
  font-weight: bold;
  letter-spacing: -0.075em;
  position: absolute;
  right: 50px;
  top: 5px;
  width: 250px;
  color: #666;
  text-shadow:0px 1px 1px #333;
}

  #contact:hover {
    color: #999;
    text-shadow:0px 1px 1px #333;
  }

/********************
CONTENT
**********************/

#event {
  color: #fff;
  font-size: 0.9em;
  background: transparent url(../img/event.png) no-repeat;
  width: 249px;
  height: 80px;
  margin-bottom: 1.5em;
  position: relative;
  left: -8px;
}

  #event a {
    color: #fff;  
  }

  #event img {
    float: left;
  }
  
  #event p, #event h2 {
    margin: 0;
  }
  
  #event h2 {

  }
 
  #event h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.88em;
    padding-left: 1em;
    margin-top: 2em;
    margin-bottom: 0;
    padding-top: 1em;
  }
  
  #event p { 
    font-size: 0.9em;
    margin-top: -3em;
    padding: 0.5em 0.5em 0.5em 7.5em;
    padding-left: 7.5em;  
  } 
  
  * html #event p { 
    margin-top: -5em;
  }
  
  #event hr {
    display: none;
  }
 
  #event table {
    width: 80%;
    margin-left: 10%;
  }
  
  #event table td {
    padding-left: 0;
    padding-left: 2px;
  }
  
  table td.icon {
    width: 30px;
  }

.text-container {
  padding-bottom: 2em;
}

/********************
FOOTER
*********************/

#footer .text-container {
  padding: 40px 50px 20px 50px;
}

#footer h3 {
  color: #999;
  border-bottom: solid 1px #666;
}

#footer a {
  color: #999;
}

  #footer a:hover {
    color: #ccc;
  }

.keywords a {
  display: block;
  width: 160px;
  float: left;
  text-decoration: none;
}

#bottomnav {
  margin-top: 3em;
  padding-bottom: 3em;
//  margin-top: 1.5em;
}

  #bottomnav ul,  #bottomnav li {
    margin: 0;
    padding: 0;
  }

  #bottomnav li {
    display: block;
    padding-right: 30px;
    padding-bottom: 0.25em;    
    float: left;
    font-family: Calibry, Arial, Helvetica;
  }

#bottom-short-nav a {
  padding: 0 1em;
}


/********************
COMMON
*********************/

ul {
  margin-bottom: 1em;
}

.col33 ul {
  margin-bottom: 2em;
}

ul li {
  margin-bottom: 1em;
}

p img {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-top: 0.25em;
}


h1, h2, h3, h4, h5, h6, p.emp {
  font-family: Kievit, Helvetica, Arial;
}

a:link {
  color: #999;
}

a:visited {
  color: #111;
}

  a:hover {
    color: #4AD2FF;
  }


.clearfix {
  clear: both;
  height: 1px;
  margin-top: -1px;
}

#content h3 {
  border-bottom: solid 1px #333;
}

.opacity50 {
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
}

.opacity75 {
  filter:alpha(opacity=75);   
  -moz-opacity: .75;   
  opacity: .75;
}


.opacity100 {
  filter:alpha(opacity=100);   
  -moz-opacity: 1;   
  opacity: 1;
}

a.external {
  padding-right: 12px;
  background: transparent url(../img/external.gif) no-repeat right;
}

/* BUTTONS, HTML: <button value="submit" class="submitBtn"><span>Submit</span></button> */		

button, a.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

a.button::-moz-focus-inner, button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

a.button span, button span { 
	position: relative;
	right: -2px;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	a.button span, button span {
    right: -3px;
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(../img/btn_sprite.png) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(../img/btn_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}

button.submitBtn:active { 
  bottom: -1px;
}


.bottom-nav {
  margin-left: -1em;
}

.bottom-nav a {
  padding: 0 1em ;
}

/********************
PROMO HOMEPAGE
*********************/

#promo {
  background: #000 url(../img/promo.jpg) no-repeat left bottom;
  width: 838px;
  height: 332px;
  position: relative;
  border-bottom: solid 6px #4FBAFB; 
  overflow: hidden;
}

#promo {
	position:relative;
}
#promo img {
	position:absolute;
	top:0;
	left:0;
}

.text-line, .nivo-caption {
  font-style: italic;
  font-weight: normal;
  font-size: 3em;
  letter-spacing: -0.025em;
  font-family: Calibri, Arial, Helvetica, Georgia, Garamond;
  color: #5FcAFB;
  position: relative;
  height: 0;
  top: 50px;
  left: 50px;
  z-index: 100;
  width: 33%;
}

* html .text-line {
  margin-top: 50px;
  margin-bottom: -159px;
  margin-left: 50px;
  top: 0;
  left: 0;
}

/********************
PROMO INTERNAL
*********************/

#promo-internal {
  background-color: #000;
  width: 838px;
  height: 70px;
  position: relative;
  border-bottom: solid 6px #4FBAFB; 
}

#promo-image {
  margin-bottom: 2em;
  margin-top: -8em;
  position: relative;
  z-index: 10;
}

/**************************
SHARE
*************************/

a#addthis {
  background: transparent url(../img/btn_share.png) no-repeat;
  width: 107px;
  height: 0;
  display: inline-block;
  margin-bottom: -7px;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
	padding: 21px 0 0 0;
	overflow: hidden;

  position: absolute;
  right: 50px;
  bottom: 72px;
  filter:alpha(opacity=75);   
  -moz-opacity: .75;   
  opacity: .75;  
}

/**************************
RAD3
*************************/

a#rad3 {
  background: transparent url(../img/logo_rad3.gif) no-repeat top left;
  position: absolute;
  right: 50px;
  bottom: 27px;
//  position: relative;
// float: right;
//  right: 0px;
//  bottom: 0px;
  width: 93px;
  height: 1px;
  display: block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
	padding: 20px 0 0 0;
	overflow: hidden;
  filter:alpha(opacity=75);   
  -moz-opacity: .75;   
  opacity: .75;
}

a#digitalhothouse {
  background: transparent url(../img/logo_digital_hothouse.png) no-repeat top left;
  position: absolute;
  right: 50px;
  bottom: 27px;
//  position: relative;
// float: right;
//  right: 0px;
//  bottom: 0px;
  width: 104px;
  height: 1px;
  display: block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
	padding: 20px 0 0 0;
	overflow: hidden;
  filter:alpha(opacity=75);   
  -moz-opacity: .75;   
  opacity: .75;
}

/**************************
SHARE
*************************/

#tooltip-window { 
    display: none;
    background: transparent url(../img/tooltip.png) no-repeat; 
    font-size: 0.9em; 
    height: 110px; 
    width: 110px;
    padding: 25px; 
}

/**************************
TEXT STYLING
*************************/

h1 {
  letter-spacing: -0.08em;
  margin-top: -2.75em;
  margin-bottom: 1.66em;
  color: #fff;
}

h4, p.empBig, p.emp {
  color: #555;
  line-height: 1.33em;
  margin-bottom: 1.5em;
  font-size: 1.33em;
  font-family: Kievit, Helvetica, Arial;
  font-style: italic;
  font-weight: normal;
//font-size: 1.15em;  
}


p.empBig {
   text-indent: -0.25em;
}

p.empBig{ 

}

  
.benefitListBox, blockquote, .benefitListBoxAnimal {
  padding: 1.5em;
  font-style: normal;
  color: #333;
  margin: 0;
  margin-bottom: 1.5em;
  display: block;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D7E7F1), to(#FFFFFF), color-stop(.6,#E3F4FF));
  background-image: -moz-linear-gradient(19% 75% 90deg,#d7e7f1, #FFFFFF, #DADFE1 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  // background: transparent url(../img/bg_block.png) top left no-repeat;
}
  
  
/**************************
TABS
*************************/

.tabs {
  color: white;
  display: block;
  font-size: 1.75em;
  letter-spacing: -0.025em;
  margin-top: -102px;
  padding-bottom: 102px;
  position: relative;
}

.tabs div {
  color: #fff;
  width: 215px;
  height: 62px;
  float: left;
  line-height: 62px;
  text-align: center;
}

.tabs div a {
  text-decoration: none !important;
}

.tab-active {
  color: #111 !important;
  background: #fff url(../img/tab.gif) no-repeat;
}

.tab-active h2, .tab-inactive h2 {
  font-size: 1em;
}

.tab-inactive {
  color: #fff;
  background: transparent none;
}

.tab-inactive a {
  color: #fff;
}


/**************************
PRODUCTS LIST
*************************/

#products-list h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.33;
}

#products-list ul{
  list-style: none;
  margin: 2em 0 2em 0;
  padding: 0;
}

#products-list ul a {
  text-decoration: none;
}

div.separator {
  border-bottom: solid 6px #4FBAFB; 
  margin-bottom: 1.5em;
}

#products-list li{
  padding-bottom: 0.5em;
}

#products-list a{
  padding-left: 1.5em;
  font-size: 1.1em;
  letter-spacing: -0.05em;
  color: #333;
}

#products-list a:hover {
  background: transparent url(../img/dot.gif) left center no-repeat;
}

#products-list li.selected a {
  background: transparent url(../img/dot.gif) left center no-repeat;
  cursor: default;
  color:  #4AD2FF !important;
}

.goLeft {
  float: left;
  margin: 0 1.5em 1em 0;
  padding-right: 1.5em;
}

.goRight, .imgGoRight {
  float: right;
  margin: 0 0 1.5em 1em;
}

/*.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading .tab-active, .cufon-loading .tab-inactive, .cufon-loading empBig { */
.cufon-loading { 
	visibility: hidden !important;
}


/**************************
SIMPLE OVERLAY
*************************/

/* the overlayed element */ 
.overlay {
  cursor: pointer;
  margin-bottom: 1.5em;
}

.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:600px;     
    height:400px; 
    border:1px solid #666; 


     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:-32px; 
    top:-32px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

ul ul {
  list-style: none;
}

ul ul ul {
  font-size: 0.9em;
  list-style: none;
}

ul ul ul li {
  margin-bottom: 0.5em;
}


/**************************
FAQ
*************************/

.faq-question {
  font-size: 1em;
  margin-bottom: 1.5em;
  line-height: 1.55em;
  border: dotted 1px #ccc;
  padding: 0.75em 0.5em;
  width: 400px;
  margin-bottom: 0;
  margin-top: -1px;
}

.faq-question table {
  margin-bottom: 0;
}

.faq-question table td {
  vertical-align: center;
}

.faq-question .icon {
//  display: block;
//  position: relative;
//  top: 0px;
}

.faq-answer {
  line-height: 1.5em;
}

.answer {
  margin: 1.5em;
}

a.download {
  display: block;
  padding: 0.25em 0.5em 0.35em 0.5em;
  float: right;
  font-size: 0.9em;
  background: #2F9AdB;
  color: #fff;
  text-decoration: none;
  border-radius: 0.25em;
}

a.download:hover {
  background-color: #4FBAFB;
}

.tiny {
  font-size: 0.75em;
  color: #999;
}

.col33, .col66 {
  padding-bottom: 3em;
//  padding-bottom: 0;
}
#downloads {
}
#downloads ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#downloads ul li {
    background:  url(/img/greenArrow.jpg) no-repeat 98% 20px #63BC44;
    color: #FFFFFF;
    padding: 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-o-border-radius:10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0 2px 6px #666666;
	-webkit-box-shadow: 0 2px 6px #666666;
	-o-box-shadow: 0 2px 6px #666666;
    box-shadow: 0 2px 6px #666666;

}
#downloads ul li.hover
{
	background:  url(/img/greenArrow.jpg) no-repeat 99% 20px #63BC44;
	cursor:pointer;
}
#downloads ul li p, #downloads ul li strong {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
}
#downloads ul li a {
    color: #FFFFFF;
}
#downloads ul li a:hover {
    color: #FFFFFF;
}
#videos
{
	
}
#videos ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
#videos ul li
{
		
}
#videos ul li a
{
	text-decoration:none;	
}
#videos ul li a img
{
	width:262px;
}
#videos ul li a:hover
{
	
}
#home .announcement-list {
    background: none repeat scroll 0 0 #0084C5;
    color: #FFFFFF;
    margin: 0 0 10px;
    padding: 0;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-o-border-radius:10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0 2px 6px #666666;
	-webkit-box-shadow: 0 2px 6px #666666;
	-o-box-shadow: 0 2px 6px #666666;
    box-shadow: 0 2px 6px #666666;
	behavior: url(/css/PIE-1.04beta4/PIE.htc);
}
#home .announcement-list > div {
    background: url("/img/blueArrow.jpg") no-repeat scroll 98% 15px #0084C5;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}
#home .announcement-list > div.hover {
    background: url("/img/blueArrow.jpg") no-repeat scroll 99% 15px #0084C5;
    cursor: pointer;
}
#home .announcement-list h4 {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: none;
}
#home .announcement-list h4 a {
    color: #FFFFFF;
    text-decoration: none;
}
#home .announcement-list h4 a:hover {
    color: #EEEEEE;
}
#home .announcement-list span.date 
{
	display:block;
	font-size:70%;
	color:#FFF;
	margin:0 0 0 0;
}
#home .announcement-list hr
{
	display:none;	
}

/**************************
MAIN NAV - HIDDEN SPRITE NAV
*************************

#nav {
  position: absolute;
  width: 838px;
  height: 64px;
  top: 145px;
  left: 0;
}

#nav ul {
    list-style-type: none;
    width: 838px;
    height: 64px;
    background: url(../img/nav.png) no-repeat;
    position: absolute;
    padding: 0;
}

#nav ul li {
	display: inline;
}

#nav ul li a:link, #nav ul li a:visited, 	#nav ul li div {
	position: absolute;
	top: 0;
	height: 64px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

#nav ul li div {
	z-index: 0;
}
	.spritenav a, .spritenav div {
    background: url(../img/nav.png) no-repeat;
  }
 
	#snhome a:link, #snhome a:visited , #snhome div{
		left: 0px;
		width: 130px;
    background-position: 0px 0px;
	}
	#snhome a:hover, #snhome a:focus, #snhome div{ background-position: 0px -64px; }
	#snhome a:active, #snhome div.click { background-position: 0px -128px; }
	#snhome.active a:link, #snhome.active a:visited { background-position: 0px -192px; }
	#snhome.active a { cursor: default !important; }

	#snproducts a:link, #snproducts a:visited , #snproducts div{
    left: 130px;
    width: 120px;
    background-position: -130px 0px;
	}
	#snproducts a:hover, #snproducts a:focus, #snproducts div{ background-position: -130px -64px; }
	#snproducts a:active, #snproducts div.click   { background-position: -130px -128px; }
	#snproducts.active a:link, #snproducts.active a:visited { background-position: -130px -192px; }
	#snproducts.active a { cursor: default !important; }

	#snquality a:link, #snquality a:visited , #snquality div{
    left: 250px;
    width: 105px;
    background-position: -250px 0px;
	}
	#snquality a:hover, #snquality a:focus, #snquality div{ background-position: -250px -64px; }
	#snquality a:active, #snquality div.click { background-position: -250px -128px; }
	#snquality.active a:link, #snquality.active a:visited { background-position: -250px -192px;	}
	#snquality.active a { cursor: default !important; }

	#sntestimonials a:link, #sntestimonials a:visited , #sntestimonials div{
    left: 355px;
    width: 155px;
    background-position: -355px 0px;
	}
	#sntestimonials a:hover, #sntestimonials a:focus, #sntestimonials div{ background-position: -355px -64px; }
	#sntestimonials a:active, #sntestimonials div.click { background-position: -355px -128px; }
	#sntestimonials.active a:link, #sntestimonials.active a:visited { background-position: -355px -192px;	}
	#sntestimonials.active a { cursor: default !important; }

	#snabout a:link, #snabout a:visited , #snabout div{
    left: 510px;
    width: 90px;
    background-position: -510px 0px;
	}
	#snabout a:hover, #snabout a:focus, #snabout div{ background-position: -510px -64px; }
	#snabout a:active, #snabout div.click { background-position: -510px -128px; }
	#snabout.active a:link, #snabout.active a:visited { background-position: -510px -192px;	}
	#snabout.active a { cursor: default !important; }

	#snevents a:link, #snevents a:visited , #snevents div{
    left: 600px;
    width: 95px;
    background-position: -600px 0px;
	}
	#snevents a:hover, #snevents a:focus, #snevents div{ background-position: -600px -64px; }
	#snevents a:active, #snevents div.click { background-position: -600px -128px; }
	#snevents.active a:link, #snevents.active a:visited { background-position: -600px -192px;	}
	#snevents.active a {  cursor: default !important; }

	#sncontact a:link, #sncontact a:visited , #sncontact div{
    left: 695px;
    width: 143px;
    background-position: -695px 0px;
	}
	#sncontact a:hover, #sncontact a:focus, #sncontact div{ background-position: -695px -64px; }
	#sncontact a:active, #sncontact div.click { background-position: -695px -128px; }
	#sncontact.active a:link, #sncontact.active a:visited { background-position: -695px -192px;	}
	#sncontact.active a { cursor: default !important; }

------------------------------------------------------------------------------------*/

/*------------------------
MAIN NAV NEW - no sprites
------------------------*/
#nav
{
	position: absolute;
  width: 838px;
  height: 64px;
  top: 158px;
  left: 50px;
  z-index:400;
}
#nav ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
#nav ul li
{
	float:left;
	margin-right:46px;
	position:relative;
}

#nav ul li a,
#nav ul li a.JQFE
{
	font-family:'MyriadProBold', sans-serif;
	display: block;
    float: left;
    font-size: 17px;
    padding: 0 8px 0 0;
    text-decoration: none;
	color:#FFF;
	-webkit-transition:color 0.25s ease-in;  
   	-moz-transition:color 0.25s ease-in;  
   	-o-transition:color 0.25s ease-in;  
   	transition:color 0.25s ease-in;
	position:relative;
	z-index:400;
}





#nav ul li a:hover,
#nav ul li.selected a
{
	color:#4AD2FF;
}