body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,checkbox,textarea,p,blockquote,th,td { margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0;}
td,th{vertical-align:top;}
fieldset,img, a img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input{font-family:arial, sans-serif; font-size:0.875em;}


/* END RESET */
body,
html{height:100%;}

body{background:#222626 url(../images/background.jpg) repeat 0 0; font-family: Myriad Pro, Arial, sans-serif; font-size:100%; }

a{ outline:0px;}
a span {display:none;}

a.btn-download{ background:transparent url(../images/btn-download-trans.png) no-repeat 0 0; display:block; width:209px; height:61px; margin-bottom:13px;}
a.btn-download:hover{ background:transparent url(../images/btn-download-hover-trans.png) no-repeat 0 0; }

a.btn-twitter{ background:transparent url(../images/btn-twitter-trans.png) no-repeat 0 0; display:block; width:200px; height:60px; }
a.btn-twitter:hover{ background:transparent url(../images/btn-twitter-hover-trans.png) no-repeat 0 0; display:block; width:200px; height:60px;}

a#btn-app-store{ background:transparent url(../images/btn-app-store-trans.png) no-repeat 0 0; display:block; width:216px; height:91px; float:right; margin-top:32px;}
a#btn-app-store:hover{ background: transparent url(../images/btn-app-store-hover-trans.png) no-repeat 0 0;}

a#btn-download-tvchatter{ background:transparent url(../images/download_tvchatter-trans.png) no-repeat scroll 0 0; display:block; height:61px; width:268px; }
a#btn-download-tvchatter:hover{ background:transparent url(../images/download_tvchatter_hover-trans.png) no-repeat scroll 0 0;}

a#btn-download-postcard-express{background:transparent url(../images/download_postcard_express-trans.png) no-repeat scroll 0 0; display:block; height:55px; width:268px;}
a#btn-download-postcard-express:hover{ background:transparent url(../images/download_postcard_express_hover-trans.png) no-repeat scroll 0 0;}

h1{ margin-bottom:23px;}
h3{color:#adff00; font-size:1.125em; font-weight:normal; margin-top:30px;}
h4{font-size:0.875em; margin-top:30px; font-weight:normal;}
h1 span{display:none;}

#page-features h1 {background: transparent url(../images/h1-features-trans.png) no-repeat 0 0; width:142px; height:35px;}
#page-faq h1 {background: transparent url(../images/h1-faq-trans.png) no-repeat 0 0; width:450px; height:54px;}
#page-contact h1{background: transparent url(../images/h1-contact-trans.png) no-repeat 0 0; width:125px; height:34px;}
#page-privacy h1{background: transparent url(../images/h1-privacy-policy-trans.png) no-repeat; width:234px; height:53px;}
#page-terms h1{background: transparent url(../images/h1-terms-trans.png) no-repeat; width:505px; height:48px;}
#page-frog-design h1{background: transparent url(../images/h1-frog-design-trans.png) no-repeat 0 0; width:161px; height:36px;}

#container{ min-height:100%; height:auto !important; height: 100%; margin-bottom:-193px;}

#header{ background: transparent url(../images/header_bg.jpg) repeat 0 0; height:148px;}
#header #mast {width:980px; margin:0 auto;}
#header #mast .logo {margin-bottom:0px;}
#header #mast .logo a{background:transparent url(../images/tvChatter-logo-trans.png) no-repeat 0 0; width:497px; height:299px; display:block;  z-index:1000; float:left; margin-left:250px; position:absolute;}

#content-frame{  padding-top:115px; position:relative;}
#content-frame #main {width:980px; margin:0 auto; position:relative; z-index:1005;}
#content-frame .content{float:left; width:770px; }

#content-frame #sidebar-right{float:left; width:210px;}
#content-frame #sidebar-right #nav{ width:100%; margin-bottom:18px;}
#content-frame .content {color:#bfe5e1;}

#main .content p { color:#bfe5e1; font-size:0.875em; line-height:1.5em;}

/* Main Navigation */
#nav li {border-bottom:1px solid #404e4c; border-top:1px solid #708683; display:block; height:39px; font-size:1px; line-height:0px;}
#nav li a{display:block; height:39px; padding:9px 0; line-height:0px; font-size:1px;}
#nav li a span {display:none;}

#nav li#home{border-top:0px;}
#nav li#home a{ background: transparent url(../images/nav-home-trans.png) no-repeat 0 7px; border-top:0px;}
#nav li#home a:hover{ background: transparent url(../images/nav-home-hover-trans.png) no-repeat 0 7px;}
#nav li#faq a{ background: transparent url(../images/nav-faq-trans.png) no-repeat 0 7px;}
#nav li#faq a:hover{ background: transparent url(../images/nav-faq-hover-trans.png) no-repeat 0 7px;}
#nav li#features a{ background: transparent url(../images/nav-features-trans.png) no-repeat 0 7px;}
#nav li#features a:hover{ background: transparent url(../images/nav-features-hover-trans.png) no-repeat 0 7px;}
#nav li#contact {border-bottom:0px;}
#nav li#contact a{background: transparent url(../images/nav-contact-trans.png) no-repeat 0 7px; border-bottom:0px; }
#nav li#contact a:hover{background: transparent url(../images/nav-contact-hover-trans.png) no-repeat 0 7px;}

/* Footer */
#footer{ background: transparent url(../images/footer_bg.jpg) repeat-x 0 0; height:193px; margin-top:13px;}
#footer .content{ width:980px; margin:0 auto; padding-top:98px; text-align:center;}
#footer .content .logo{ position:relative;padding-bottom:9px; width:115px; margin:0 auto;}
#footer .content .logo a#frog-logo{ background:transparent url(../images/frog-design-logo-trans.png) no-repeat; display:inline-block; width:115px; height:26px;}
#footer .content #logo-hover span{ background:transparent url(../images/footer-nav-hover-trans.png) no-repeat 87px 0; width:315px; height:87px; position:absolute; display:none; margin-right:146px; bottom:0px; padding-bottom:30px; padding-left:87px;}
#footer .content .nav {color:#9bb4b1; font-size:0.75em; margin-bottom:19px;}
#footer .content .nav a{color:#9bb4b1; text-decoration:none;}
#footer .content .legal{color:#d8d6d6; font-size:0.6875em;}

/* Slideshow */
#slideshow{position:absolute; top:-130px; left:-40px;}
#slideshow-nav{position:absolute; right:-370px; bottom:60px; background: transparent url(../images/h2-check-it-out-trans.png) no-repeat 0 0; width:244px; padding:60px 0 0 120px;}
#slideshow-nav a{ display:block; cursor:pointer; margin-right:4px; float:left;}

div.phone {cursor:pointer; background-color:transparent !important;}

a#slide-1{ background: transparent url(../images/slide-link-1-trans.png) no-repeat 0 0; width:17px; height:32px;}
a.activeSlide#slide-1,
a#slide-1:hover{ background: transparent url(../images/slide-link-1-hover-trans.png) no-repeat 0 0; width:17px; height:32px;}

a#slide-2{ background: transparent url(../images/slide-link-2-trans.png) no-repeat 0 0; width:27px; height:33px;}
a.activeSlide#slide-2,
a#slide-2:hover{ background: transparent url(../images/slide-link-2-hover-trans.png) no-repeat 0 0;width:27px; height:33px;}

a#slide-3{ background: transparent url(../images/slide-link-3-trans.png) no-repeat 0 0; width:26px; height:32px;}
a.activeSlide#slide-3,
a#slide-3:hover{ background: transparent url(../images/slide-link-3-hover-trans.png) no-repeat 0 0;width:26px; height:32px;}

a#slide-4{ background: transparent url(../images/slide-link-4-trans.png) no-repeat 0 0; width:25px; height:33px;}
a.activeSlide#slide-4,
a#slide-4:hover{ background: transparent url(../images/slide-link-4-hover-trans.png) no-repeat 0 0;width:25px; height:33px;}


/* Generic */
.clearfloat{clear:both;}

/* Corners */
.corners { width:728px; background: transparent url(../images/corners-tl-trans.png) no-repeat 0 0; padding-top:9px;}
.corners .top-right{ background: transparent url(../images/corners-tr-trans.png) no-repeat 0 0; width:9px; height:9px; margin-top:-9px; float:right; }
.corners .corner-content{ background: transparent url(../images/corners-bg-trans.png) repeat-y 0 0; padding:20px;}
.corners .bottom-right {background: transparent url(../images/corners-bl-trans.png) no-repeat 0 0; height:9px; }
.corners .bottom-right span{ background: transparent url(../images/corners-br-trans.png) no-repeat 0 0; width:9px; height:9px; float:right; }
.corners .corner-content a{color:#00fff5;}

.corners .corner-content ul li{font-size:0.875em; }
.corners .corner-content p{margin-bottom:30px;}

.nobullets {margin: 0 0 30px 0px;}

#page-home .corners .corner-content {padding: 38px 19px 38px 300px;}
#page-home .corners .corner-content p{line-height:2.0em; margin-bottom:0px;}
#page-home.content{padding-bottom:89px;}
.interior-page .corners .corner-content {padding-left:160px;}
.interior-page #slideshow {left:-55px;}

#features-list { margin-left:35px;}
#features-list span {color:#adff00; font-size:1.2857em;}
#features-list li{font-size:0.875em; line-height:1.7em;}
#features-list li#social {background:transparent url(../images/li-chat-bubble-trans.png) no-repeat left center; padding:10px 0px 0 83px; height:77px;}
#features-list li#friends {background:transparent url(../images/li-friend-trans.png) no-repeat 10px center; padding:10px 0px 0 83px; height:76px;}
#features-list li#live {background:transparent url(../images/li-clock-trans.png) no-repeat left center; padding:10px 0px 0 83px; height:77px;}

.phone#small{background: transparent url(../images/phone-small-trans.png) no-repeat 0 0; width:243px; height:361px; margin-top:110px; cursor:auto;}
.phone#small span{display:none;}

.accordion {margin-left:30px;}
.faq-item {padding-bottom:30px;}
.corners .corner-content .faq-item h2 {color:#adff00; cursor:pointer; font-size:1.125em; background: transparent url(../images/li-plus-trans.png) no-repeat 0 3px; padding-left:23px; font-weight:normal;}
.corners .corner-content .faq-item h2.active {background: transparent url(../images/li-minus-trans.png) no-repeat 0 3px;}
#main .faq-item .faq-content p{line-height:1.2em; padding-left:23px; padding-right:85px; margin-bottom:0px;}


/*Contact */
#page-contact .corner-content {padding-left:215px;}
#page-contact .corner-content h1{margin-left:-55px;}
#page-contact .corner-content h3{ color:#adff00; font-size:1.125em; font-weight:normal; margin-top:30px;}

#contact-form .form-text {background: transparent url(../images/form-item-text-trans.png) no-repeat 0 0; color:#666666; width:438px; height:27px; border:0px; padding:13px 8px 0 8px; font-style:italic; margin-bottom:18px;}
#contact-form .form-textarea{ color:#666666; width:431px; font-family:arial, sans-serif; font-size:0.875em; padding:13px 8px; border:2px solid #718a87;}
#contact-form #submit {float:right; margin-top:18px; margin-right:42px;}

#main .content p.error {color:#ff6666; font-weight:bold;}

#page-about .corner-content,
#page-frog-design .corner-content,
#page-terms .corner-content,
#page-privacy .corner-content {padding-left:215px;}

#page-terms .corner-content h1,
#page-privacy .corner-content h1{margin-left:-55px;}

#page-frog-design #slideshow {top:83px; left:-70px;}
#page-frog-design #slideshow .friedolin{ background:transparent url(../images/friedolin-trans.png) no-repeat 0 0; width:277px; height:180px;}
#page-frog-design #slideshow .friedolin span{display:none;}

ul.bullets li {list-style-type:disc; margin:0 0 10px 15px;}

.hidden{visibility:hidden;}

ul.links {padding-left:5px;}
ul.links li {padding: 0 0 5px 0px; }
ul.links li a{color:#BFE5E1; font-weight:normal; font-size:0.875em;}

#slide-player-2 .slide { background: transparent url(../images/phone-slide-2-trans.png) no-repeat 0 0; width:292px; height:540px; display:block;}
#slide-player-3 .slide { background: transparent url(../images/phone-slide-3-trans.png) no-repeat 0 0; width:292px; height:540px; display:block;}
#slide-player-4 .slide { background: transparent url(../images/phone-slide-4-trans.png) no-repeat 0 0; width:292px; height:540px; display:block;}