@CHARSET "ISO-8859-1";

/**************************** GLOBAL ****************************/
* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	font: 12px/1.5em Arial, sans-serif;
	background: url(../images/bg-header.gif) repeat-x top center;
	color: #333;
}
body.min, iframe body { background: none; }
h1, h2, h3, p { margin-bottom: 10px; }
h3 { color: #006B6E; }
ul, li {
	list-style: none;
}
a {
	font-weight: bold;
	color: #d2a20c; /* yellow */
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #006B6E;
}
a img { border: none; }
hr {
	border: none;
	border-bottom: 1px solid #ccc;
	height: 0;
}
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/**************************** LAYOUT ****************************/
#header {
	margin: 0 auto;
	width: 960px;
	height: 216px;
}
#container {
	margin: 0 auto;
	width: 960px;
	padding: 25px 0 0;
	background: url(../images/bg-mid.jpg) repeat-y top center;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}
#footer {
	height: 24px;
	padding: 30px 0;
	background: #000;
	text-align: center;
	color: #FFF;
	font-size: 11px;
}
.footer-links, .footer-links a { color: #e7be66; }
.footer-links a { padding: 0 5px; }
.leftcol {
	padding: 0 16px 0 23px;
	width: 243px;
	float: left;
	overflow: hidden;
}
.rightcol {
	padding: 0 21px 0 16px;
	width: 641px;
	overflow: hidden;
	float: left;
}
#header h1 {
	text-indent: -3000px;
}

/********************************
		HOMEPAGE 
*********************************/
#header.home {
	background: url(../images/header-home.jpg) no-repeat top center;
}
#follow-us {
	background: url(../images/box-follow-us-friend-us.gif) no-repeat 0 0;
	height: 46px;
	padding: 35px 0 0 13px;
	margin: 20px 0;
}
#follow-us a img {
	border: none;
	padding: 0 18px 0 0;
}
#infect-a-friend {
	background: url(../images/box-snowboarding-turkey.jpg) no-repeat 0 0;
	height: 104px;
	padding: 80px 0 0 8px;
	margin: 20px 0;
}
#infect-a-friend p {
	padding-left: 10px;	
}
#infect-a-friend a {
	border: 1px solid #000;
	overflow: hidden;
	width: 223px;
	height: 93px;
	display: block;
}
#infect-a-friend a:hover img {
	margin-top: -93px;
}
#infect-a-friend a img { 
}
#buy-eset {
	background: url(../images/eset-product-shot.jpg) no-repeat 0 0;
	height: auto !important;
	min-height: 107px;
	height: 107px;
	padding: 15px 0 0 94px;
	clear: both;
}
#sharethis { float:right; }
#sharethis a { color: #fff; }
/********************************
		ABOUT PAGE 
*********************************/
body.about_body, .about_body {
	background: url(../images/about-bg.gif) repeat-x top center;
}
#header.about, .about {
	background: url(../images/header-about-eset.jpg) no-repeat top center;
	position: relative;
}
.about-mid {
	float: left;
	width: 430px;
	padding-left: 5px;
}
.about-products {
	float: right;
	width: 200px;
	height: 200px;
	text-indent: -3000px;
	background: url(../images/eset-products.jpg) no-repeat center center;
}
.about-right {
	padding-left: 30px;
	float: left;
	width: 155px;
}
.box-weve-got-videos {
	width: 224px;
	height: 101px;
	padding: 76px 10px 0;
	margin: 0 0 10px;
	background: url(../images/box-weve-got-the-videos.gif) no-repeat 0 0;
}
a.back-home {
	position: relative;
	top: -10px;
	left: -10px;
}
a.get-eset-now {
	position: absolute;
	top: 140px;
	left: 470px;
}
a#back-home-link {
	display: block;
	position: absolute;
	width: 110px;
	height: 45px;
	top: 20px;
	left: 0;
	text-indent: -3000px;
}
.box-weve-got-videos a {
	overflow: hidden;
	width: 221px;
	height: 89px;
	display: block;
}
.box-weve-got-videos a:hover img {
	margin-top: -89px;
}
/****************
	SLOGANIZER 
*****************/
#sloganizer-wrap {
	clear: both;
	padding: 20px 0 0;
}
#final_slogan {
	margin: 10px 0;
	width: 452px;
	float: left;
	height: 233px;
	}
#sloganizer {
	background: url(../images/graphics/billboard_sludge.jpg) no-repeat 0 0;
	width: 407px;
	height: 138px;
	padding: 30px 20px 60px 25px;
	font: 16pt/1.3em Verdana, sans-serif;
	text-align: center;
	overflow: hidden;
}
#slogantable {
	width: 100%;
	height: 100%;
}
ul#bg_links {
	list-style: none;
	margin: 0;
	float: left;
}
ul#bg_links li {
	width: 46px;
	height: 47px;
	float: left;
	margin-right: 14px !important;
	margin-right: 7px;
}
ul#bg_links li a {
	display: block;
	width: 46px;
	height: 47px;
	border: 1px solid #000;
}
select#slogan_font {
	float: right;
	margin: 0;
}
#slogan-form { float: left;}
input#sloganizer_copy {
	border: 1px solid #999;
	width: 220px;
	padding: 13px 5px 14px;
	font: 18px/1.3em Arial, sans-serif;
	margin-right: 11px;
	float: left;
}
#slogan { color: #fff; }
#slogan_instr, #slogan_share { 
	clear: both;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
#slogan_copy {
	float: left;
	width: 165px;
	padding: 10px;
}
.billboard {
	background: url(../images/titles-pick-type-share.gif) no-repeat 0 0;
	padding: 20px 0 0;
}
#slogan_share {
	padding: 25px 0 0;
	background: url(../images/share-bg.gif) no-repeat 0 0;
	height: auto !important;
	min-height: 95px;
	height: 95px;
	display: none;
	position: relative;
}
#slogan_embed {
	padding: 0 0 0 135px;
	position: relative;
}
#slogan_embed input {
	margin-bottom: 5px;
	width: 180px;
}
#slogan_share_icons {
	position: absolute;
	left: 440px;
	top: 0;
}
#slogan_share_icons a {
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	padding-right: 5px;
	text-indent: -3000px;
}
#sh_fb { background: url(../images/icon-fb.gif) no-repeat 0 0;}
#sh_tw { background: url(../images/icon-tw.gif) no-repeat 0 0;}
#sh_fr { background: url(../images/icon-fr.gif) no-repeat 0 0;}
a.start-over {
	position: absolute;
	top: -44px;
	right: 80px;
}
#slogan_ideas {
	display: none;
	position: absolute;
	width: 165px;
}
.terms { font-size: 11px; margin-top: 10px;}
/****************
	TWITTER 
*****************/
#twitter_wrap {
	height: auto !important;
	min-height: 300px;
	height: 300px;
}
#twitter_wrap li {
	font-size: 12px;
	padding-bottom: 10px;
}
.tw_happened {
	color: #666;
}
#live-tweets a {
	display: block;
	height: 43px;
	width: 243px;
}
/****************
	YOUTUBE 
*****************/
#video_wrap {
	height: auto !important;
	min-height: 426px;
	height: 426px;
	position: relative;
}
#yt-wrap {
	width: 425px;
	padding-right: 10px;
	float: left;
}
#yt-thumbs {
	width: 195px;
	float: left;
}
.yt_thumb, .scrollContainer div.panel {
	width: 195px;
	min-height: 125px;
	height: auto !important;
	height: 125px;
	font-size: 10px;
	line-height: 1.3em;
	margin: 0; padding: 0;
}
a.yt_thumblink {
	height: 98px;
	width: 130px;
	float: left;
	padding-right: 3px;
	}
.yt_thumb a img {
	border: 1px solid #000;
}
.yt_title {
	float: left;
	width: 62px;
}

/****************
	CODA SLIDER 
*****************/

.scroll {
  height: 350px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  float: left;
  width: 195px;
}
.scrollButtons {
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.scrollButtons.up { top: 45px; right: 120px; }
.scrollButtons.down { top: 413px; right: 120px; }

.scrollButtons.left { top: 38px; left: -20px; }
.scrollButtons.right { top: 38px; right: -20px; }

/****************
	GALLERY 
*****************/
#gallery-wrap {
	padding: 5px 0 0;
}
#gallery {
	margin: 0 auto;
	padding: 5px 0 0;
	height: 149px;
	width: 642px;
	position: relative;
}
.gallery_scroll {
	height: 105px;
	overflow: auto;
	clear: left;
	position: relative;
	width: 619px; 
} 
.gallery_scrollContainer div.gal_thumb {
	width: 99px;
	height: 99px;
	float: left;
	padding-right: 6px;
	position: relative;
}
div.gal_thumb:hover span {
	display: block;
}
a.gallerythumb {
	z-index: 1;
}
a.gallerythumb img {
	border: 1px solid #000;
}
div.gal_thumb span {
	position: absolute;
	display: none;
	width: 89px;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 3px 5px;
	background: url(../images/macFFBgHack.png);
	z-index: 10;
	font-weight: normal;
}
.gallery-thumbnails {
	padding: 0 5px;
}
div.gal_thumbnail {
	width: 188px;
	height: 100px;
	float: left;
	/*padding-right: 6px;*/
	position: relative;
}
div.gal_thumbnail:hover span {
	display: block;
}
a.gallerythumb {
	z-index: 1;
}
a.gallerythumb img {
	border: 1px solid #000;
}
div.gal_thumbnail span {
	position: absolute;
	display: none;
	width: 178px;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 3px 5px;
	background: url(../images/macFFBgHack.png);
	z-index: 10;
	font-weight: normal;
}
.thumb-first { padding-right: 31px; }
.thumb-mid { padding-right: 31px; }
.thumb-last { padding-right: 0; }

/****************
  GALLERY POPUP
*****************/
#gallery-popup {
	margin: 0;
	width: 729px;
	height: 464px;
	padding: 60px 20px 0;
	background: url(../images/bg-popup.gif) no-repeat 0 0;
	overflow: hidden;
}
#gallery-popup h3 { display: inline; }
#gallery-popup #slider {
	float: right;
	position: relative;
	width: 150px;
	height: 350px;
}
#gallery-popup .scroll {
	width: 150px;
	height: 350px;
}
#gallery-popup .scrollContainer div.panel {
	width: 97px;
}
#gallery-popup .scrollButtons { 
	left: 62px;
}
#gallery-popup .scrollButtons.up { top: -15px; }
#gallery-popup .scrollButtons.down { top: 355px; }
#gallery-popup div.gal_thumb span { position: relative; top: -22px; margin-bottom: -22px; display: block; z-index: -5; }
#gallery-popup div.gal_thumb:hover span { z-index: 5; }
div.popup-footer { padding-top: 3px;}
div.popup-footer a { padding: 0 10px; }
span.current_gallery { padding: 0 10px; color: #333; font-weight: bold; }
div.gal_photo img { border: 1px solid #000; }
div.gal_header { width: 605px;}
div.back_next { padding-right: 30px; }
.back, .next { float: left; margin-right: 5px;  }
/****************
  TERMS & CONDITIONS
*****************/
p.termsagree {
	clear: both;
	font-size: 11px;
	padding: 10px 0 0 15px;
	text-indent: -15px;
}
input#agreeterms {
	vertical-align: text-bottom;
}
#terms-wrap {
	padding: 25px;
	background: #fff;
}
/****************
  BILLBOARDS PAGE
*****************/
#billboard-wrap {
	width: 455px;
	margin: 20px auto;
	text-align: center;
}