@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:400;outline:0;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;background:#6f747d;font:14px/22px GillSans, Calibri, Trebuchet, sans-serif;color:#000;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;margin:auto;}
caption,th,td{font-weight:400;text-align:left;}
a{text-decoration:none;}
br { display:block; width:100%; height:1px; overflow:hidden; clear:both}

.inner {width: 1082px; margin:auto; position:relative; overflow:hidden}
#home #top {background:  url(http://tg-img.s3.amazonaws.com/img/top-bg.jpg) #82868c left bottom repeat-x;}
#top {background:  #83888e;}

ol {list-style-type:decimal; list-style-position:outside; padding:5px 0 5px 2.5em}
ol li {padding: 5px 0}
ul {list-style-type:disc; list-style-position:outside; padding:5px 0 5px 2.5em}
h2 {font-size:26px; line-height:2em; color:#636363}
h3 {font-size:22px; line-height:2em; color:#333; font-style:italic}
#logo {display:block; float:left}
.section {clear:both; padding-bottom:30px}
#top-dl {display:block; 0 0 no-repeat; width:222px; height:33px; font-size:12px; color:#fff; padding-left:36px;text-shadow: 0 0 2px #6b6f74; float:right; margin-bottom:20px}
#top-dl a {font-size:12px; font-weight:700; color:#fff; padding: 0 4px}
#menu {float:right; display:block; padding:0; list-style-type:none;}
#menu li, #menu a { display:block; float:left; font-size:20px; color:#fff; text-shadow: 0 0 2px #6b6f74;position:relative; cursor:pointer}
#menu a {background: url(http://tg-img.s3.amazonaws.com/img/menu-a.png) 0 20px no-repeat; padding: 0 10px; height:50px; padding-top:25px; z-index:3; position:relative; display:block; overflow:hidden}
#menu a.none {background: none}
#menu span {background: url(http://tg-img.s3.amazonaws.com/img/menu.png) left bottom no-repeat; display:none; position:absolute; left:0; bottom:0; width:200px; height:75px; z-index:2}
#menu a:hover span, #menu a.active span {display:block}
#home #body { border-bottom: 1px solid #656a6c; background: url(http://tg-img.s3.amazonaws.com/img/home/home-body-bg.jpg) 0 0 repeat-x}
#alt #body { border-bottom: 1px solid #656a6c; background: url(http://tg-img.s3.amazonaws.com/img/how/how-body-bg.jpg) #fff 0 0 repeat-x; padding-top:1px}
#home #body .inner {background: url(http://tg-img.s3.amazonaws.com/img/home/home-body.jpg) center top no-repeat;}
#home #body .inner {padding: 20px 0}
#home-main {height:524px; width:982px; background: url(http://tg-img.s3.amazonaws.com/img/home/home-main.jpg) center top no-repeat; position:relative}
#home-main2 {height:474px; width:982px; background: url(http://tg-img.s3.amazonaws.com/img/home/home-main2.jpg) center top no-repeat; position:relative}
#home-main2 table {height:270px; width:432px; position:absolute; left:126px; top:65px; cursor:pointer}
#home-main2 td {vertical-align:middle; text-align:center}
#video {position:absolute; top:55px; right:20px}
#footer {border-top: 1px solid #92969d}
#home-dl-desktop a, #home-dl-iphone a {color:#fff; height:37px; line-height:37px;position:absolute; left:23px; top:168px; display:block; width:238px; padding-left:55px; font-size:18px; text-shadow: 0px 0px 1px #0159ab}
#home-dl-iphone a {top:191px}
#home-dl-desktop { 0 0 no-repeat; width:485px; height:340px; float:left; padding: 0 0 0 0; position:relative}
#home-dl-iphone {background: url(http://tg-img.s3.amazonaws.com/img/home/home-iphone.png) 0 0 no-repeat; width:466px; height:157px; float:right; padding: 104px 0 0 20px; position:relative; margin-top: 0px;}
#requirements {
	position:absolute;
	left:430px;
	bottom:12px;
	color:#5d6360
}
#home #body h4 { font-size:18px; line-height:22px}
#footer .inner {padding: 10px 0;font-size:12px; color:#333 }
#sub-menu, #sub-menu li, #sub-menu a {display:block; float:left; padding-left:0}
#sub-menu a {padding: 0 7px; color:#ccc}
#sub-menu a:hover {color:#fff}
#sub-menu li { background: url(http://tg-img.s3.amazonaws.com/img/sub-menu.gif) right center no-repeat; padding-right:1px}
#sub-menu li.none, #legal li.none { background: none}
#legal {display:block; float:right}
#legal li, #legal a {display:block; float:left}
#legal a {font-size:12px; color:#ccc;color:#333}
#legal li {padding: 0 8px 0 7px;background: url(http://tg-img.s3.amazonaws.com/img/sub-menu.gif) right center no-repeat; }
#legal a:hover {color:#000}
#slider-main {width:982px; height:350px; overflow:hidden; margin:auto; background: url(http://tg-img.s3.amazonaws.com/img/how/ajax-loader.gif) center center no-repeat}
#slider-nav {width:740px; padding: 0 100px; position:relative; height:130px; overflow:hidden; margin:20px auto 30px auto}
#slider-nav .arrow {display:block; width: 32px; height:32px; position:absolute; top:50px; z-index:2;}
#slider-nav #prev {left:40px; background: url(http://tg-img.s3.amazonaws.com/img/how/arrows.png) 0 0 no-repeat}
#slider-nav #next {right:40px; background: url(http://tg-img.s3.amazonaws.com/img/how/arrows.png) -32px 0 no-repeat}
#slider-nav #prev.dead {left:40px; background: url(http://tg-img.s3.amazonaws.com/img/how/arrows.png) 0 -32px no-repeat; cursor:default}
#slider-nav #next.dead {right:40px; background: url(http://tg-img.s3.amazonaws.com/img/how/arrows.png) -32px -32px no-repeat; cursor:default}
#slider-nav div.wrap {width:740px; overflow:hidden}
#slider-nav div.inside {float:left}
#slider-nav li {display:block; width:134px; height:130px; float:left; padding: 0 7px}
#slider-nav li a {width:118px; height:70px; padding: 60px 8px 0 8px; display:block; color:#000; line-height:13px; font-size:11px}
#slider-nav li a strong {display:block; font-size:12px; font-weight:700; padding-bottom:5px}
span.img a {text-align:center; color:#666; font-size:.9em}
span.img img {display:block}
span.img em {display:block; float:left; padding: 5px 5%; width:40%}
span.img em img{width:100%}


/* default */
#slider-nav li a:hover, #slider-nav .active {color:#fff; text-shadow: 0 0 1px #036}

	#slider-nav #n-1 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) 0 0 no-repeat}
	#slider-nav #n-2 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -147px 0 no-repeat}
	#slider-nav #n-3 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -295px 0 no-repeat}
	#slider-nav #n-4 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -442px 0 no-repeat}
	#slider-nav #n-5 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -591px 0 no-repeat}
	#slider-nav #n-6 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -739px 0 no-repeat}
	#slider-nav #n-7 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -889px 0 no-repeat}
	#slider-nav #n-8 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1037px 0 no-repeat}
	#slider-nav #n-9 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1184px 0 no-repeat}
	#slider-nav #n-10 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1332px 0 no-repeat}
	#slider-nav #n-11 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1479px 0 no-repeat}
	#slider-nav #n-12 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1627px 0 no-repeat}
	#slider-nav #n-13 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1773px 0 no-repeat}
	#slider-nav #n-14 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1921px 0 no-repeat}
	#slider-nav #n-15 {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -2070px 0 no-repeat}

	#slider-nav #n-1.active, #slider-nav #n-1:hover {background: url(/images/main_site/img/slider-nav.png) 0 -140px no-repeat}
	#slider-nav #n-2.active, #slider-nav #n-2:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -148px -140px no-repeat}
	#slider-nav #n-3.active, #slider-nav #n-3:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -296px -140px no-repeat}
	#slider-nav #n-4.active, #slider-nav #n-4:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -443px -140px no-repeat}
	#slider-nav #n-5.active, #slider-nav #n-5:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -591px -140px no-repeat}
	#slider-nav #n-6.active, #slider-nav #n-6:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -739px -140px no-repeat}
	#slider-nav #n-7.active, #slider-nav #n-7:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -889px -140px no-repeat}
	#slider-nav #n-8.active, #slider-nav #n-8:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1037px -140px no-repeat}
	#slider-nav #n-9.active, #slider-nav #n-9:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1185px -140px no-repeat}
	#slider-nav #n-10.active, #slider-nav #n-10:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1332px -140px no-repeat}
	#slider-nav #n-11.active, #slider-nav #n-11:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1480px -140px no-repeat}
	#slider-nav #n-12.active, #slider-nav #n-12:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1628px -140px no-repeat}
	#slider-nav #n-13.active, #slider-nav #n-13:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1774px -140px no-repeat}
	#slider-nav #n-14.active, #slider-nav #n-14:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -1922px -140px no-repeat}
	#slider-nav #n-15.active, #slider-nav #n-15:hover {background: url(http://tg-img.s3.amazonaws.com/img/slider-nav.png) -2070px -140px no-repeat}

.right {float:right; margin: 0 0 15px 15px}
img.left {float:left; margin: 0 15px 15px 0; position:relative}
#content {padding-top:30px; background: url(http://tg-img.s3.amazonaws.com/img/content.png) center top no-repeat}
.no-slide #content {padding-top:30px; position:relative; top:-1px}
.no-slide #main {padding-bottom:0}
#content p {padding: 5px 0}
#left-side {width:625px; padding-right:30px; float: left; z-index:2; position:relative}
.full #left-side {width:982px; padding-right:0}
#copy {clear:both; text-align:center}
#lft,#rgt {vertical-align:top}
#right-side {width:295px; float:right; background: url(http://tg-img.s3.amazonaws.com/img/rgt.png) left center no-repeat; padding-left:30px; height:789px; z-index:2; position:relative; font-family: Tahoma, Geneva, sans-serif; vertical-align: bottom}
#alt hr {background: url(http://tg-img.s3.amazonaws.com/img/how/hr.gif) center center no-repeat; width:613px; height:1px; display:block; margin:auto; border:0; padding: 10px 0}
#alt hr.review-hr {background: #ccc; width:100%; height:1px; display:block; margin:30px auto; border:0; clear:both; padding:0}

#dl-desktop { width:232px; height:95px; background: url(http://tg-img.s3.amazonaws.com/img/how/dl-desk.png) 0 0 no-repeat; margin-bottom:40px; padding: 200px 20px 0 20px; position:relative}
#dl-desktop span {position:absolute; bottom:20px; left:45px; font-size:10px; width:200px; display:block; line-height:1.2em; color:#5d6360; text-shadow: 0 0 1px #fff}
#dl-iphone { width:232px; height:59px; background: url(http://tg-img.s3.amazonaws.com/img/how/dl-iphone.png) 0 0 no-repeat; padding: 215px 20px 0 20px; position:relative}
#dl-desktop a {display:block; position:absolute; height:32px; width:232px; top:132px; left:20px}
#dl-iphone a {display:block; position:absolute; height:32px; width:232px; top:151px; left:20px}

#traffic-table {margin:20px auto;}
#traffic-table td, #traffic-table th {padding:5px 10px; border-bottom:1px solid #e5e5e5; color:#666; vertical-align:top}
#traffic-table .premier {color:#000}
#traffic-table th {text-align:center; font-size:1.4em; font-weight:700}

#video-btn { display:block; width: 32px; height:32px; margin:auto}
#video-btn img {width:100%; height:100%}
.terms strong, .privacy strong {font-weight:700}

.info {float:left; width:180px}
.info img {margin-bottom:10px; width:180px}
.review {float:right; width:400px}
.reviews blockquote {font-size:1.5em; line-height:1.2em}
#content.reviews .author {padding:10px 0 5px 2em}



div.video {
	margin-top: 50px;
}

#right-side-list {
	width:295px; 
	float:right; 
	background: url(http://tg-img.s3.amazonaws.com/img/rgt.png) left center no-repeat; 
	height:789px; 
	z-index:2; 
	position:relative; 
	font-family: Tahoma, Geneva, sans-serif; 
	vertical-align: bottom
}

#right-side-list ul {
	list-style: none;
	padding: 0;
	/*margin: 200px 0 0;*/
}

#right-side-list ul li {
	margin-bottom: 5px;
	padding: 0 10px 0 20px;
}

#right-side-list ul li.selected {
	background: transparent url("/images/main_site/img/video-list-arrow.png") no-repeat -2px 0;
}

#right-side-list ul li a {
	color: #04a7e0;
}

h1.pagetitle {
	font-size: 1.4em;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana, sans-serif, Georgia;
	margin: 200px 0 15px;
	padding: 0 10px 0 20px;
}