/*
Sharethrough
Author: Lee Munroe June 2009
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################

#153355 Dark blue
#3399fe Light blue
#48a3fe Lighter blue
#687888 Blue/grey

#e5e5e5 Light grey
#f4f4f4 Lighter grey
#e8e8e8 Grey

#7c975b Green

*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
a{text-decoration:none;}
.clear{clear:both;}
#skipto{position:absolute;left:-9999px;top:-9999px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*
# Layout ################### 
*/

body{font:75%/1.7  Helvetica, Arial,Verdana, sans-serif;color:#222;background:url(images/bg.gif) #263c53;}

.container{width:960px;padding:0 10px;margin:0 auto;}

#header{background:url(images/headerbg.jpg) top center repeat-y;}

#nav{background:url(images/navbg.png); height:41px; padding:10px 0;}

#banner{position:relative;color:#fff;	}
#banner .photo{width:450px;float:left;margin-right:40px;text-align: center;}
#banner .info{width:470px;float:left;}
#banner .info p{margin-left:5px;font-size:1.4em;}

.content{background:url(images/contentbg.gif) repeat-x top #f4f4f4;border-top:1px solid #c8c8c8;padding:50px 10px;}

.ctabottom{background:#f4f4f4;border-top:1px solid #fff;border-bottom:1px solid #153355;padding:50px 10px;}

#home .clients{width:400px;margin-right:140px;float:left;}
#home .why{width:400px;float:left;}

#features{background:url(images/featuresbg.gif) repeat-x top #e8e8e8;padding:40px 0;border-top:1px solid #bfbfbf;}
#features .feature{width:220px;float:left;margin-right:20px;}

#footer{background:url(images/footerbg.jpg) center top no-repeat;color:#fff;padding:30px 0;}
#footer .contact{float:left;}
#footer .footer-nav{float:right;}

.title{float:left;}

#subnav{background:#fff;border-top:1px solid #153355;position:relative;padding:1px 0;}
#subnav ul{height:50px;}

/*
# Nav ################### 
*/

#nav ul{list-style: none;float:right;}
#nav ul li{display:inline;}
#nav ul li a{background:url(images/nav2.png) top left;display:block;float:left;height:40px;border:none;}
#nav ul li a span{position:absolute;left:-9999px;top:-9999px;}

#nav .nav-what a{width:91px;background-position:0 0;}
#nav .nav-what a:hover{width:91px;background-position:0 -40px;}
#nav .nav-what.selected a{width:91px;background-position:0 -80px;}

#nav .nav-customers a{width:132px;background-position:-112px 0;}
#nav .nav-customers a:hover{width:132px;background-position:-112px -40px;}
#nav .nav-customers.selected a{width:132px;background-position:-112px -80px;}

#nav .nav-about a{width:97px;background-position:-244px 0;}
#nav .nav-about a:hover{width:97px;background-position:-244px -40px;}
#nav .nav-about.selected a{width:97px;background-position:-244px -80px;}

#nav .nav-contact a{width:83px;background-position:-341px 0;}
#nav .nav-contact a:hover{width:83px;background-position:-341px -40px;}
#nav .nav-contact.selected a{width:83px;background-position:-341px -80px;}

#nav .nav-login a{width:76px;background-position:-417px 0;}
#nav .nav-login a:hover{width:76px;background-position:-417px -40px;}
#nav .nav-login.selected a{width:76px;background-position:-417px -80px;}

#nav .nav-works a{width:116px;background-position:-493px 0;margin-right:10px;}
#nav .nav-works a:hover{width:116px;background-position:-493px -40px;}
#nav .nav-works.selected a{width:116px;background-position:-493px -80px;}

#footer .footer-nav ul{list-style: none;}
#footer .footer-nav ul li{display:inline;padding:0 5px;border-right:1px solid #fff;}
#footer .footer-nav ul li a{color:#fff;border-bottom:1px solid #fff;}
#footer .footer-nav ul li a:hover{border-bottom:none;}

#subnav ul{list-style:none;}
#subnav ul li{height:68px;display:block;float:left;}
#subnav ul li a{float:left;margin-right:10px;color:#808080;line-height:50px;font-weight:bold;padding:0 10px;font-size:1.1em;border:none;}
#subnav ul li a:hover, #subnav ul li.selected a{color:#153355;}
#subnav ul li.selected{background:url(images/subnavarrow.png) no-repeat bottom center;}

.content ul.jumpto {list-style:none;margin:0 0 20px 0;padding:0;}
.jumpto li{margin-right:5px;display:inline;}
.jumpto li a{margin-right:10px;color:#808080;padding:5px 10px;font-weight:normal;border:none;}
.jumpto li a:hover{color:#3399fe;}
.jumpto li.selected a{background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,0.1);-moz-box-shadow:-1px -1px 0 rgba(0,0,0,0.1);box-shadow:-1px -1px 0 rgba(0,0,0,0.1);font-weight:bold;}

/*
# Headings ################### 
*/

/*
@font-face {
font-family: Junction;
src: url("junction.otf") format("opentype");
}
*/


#mycarousel h2{width:470px;height:105px;background:no-repeat top left;}
#mycarousel h2 span{position:absolute;left:-9999px;top:-9999px;}
#mycarousel h2.overview{background-image:url(images/h1-takecontrol.png);height:60px;}
#mycarousel h2.setup{background-image:url(images/h1-setup.png)}
#mycarousel h2.build{background-image:url(images/h1-build.png)}
#mycarousel h2.distribute{background-image:url(images/h1-distribute.png)}
#mycarousel h2.track{background-image:url(images/h1-track.png)}


.title h1{color:#fff;font-weight:normal;margin:10px 0;font-size:2.2em;line-height:75px;}
/* #home h1{color:#fff;font-weight:lighter;font-size:3em;line-height:1.4em;font-family:Junction,Lucida Sans Unicode,Helvetica, Sans-Serif;text-shadow: 1px 1px #25333e;} */
h1{color:#fff;font-weight:normal;}

#mycarousel h1{color:#fff;font-size:1.2em;font-weight: normal;line-height: 1.4em;margin:10px 0 20px;}

h3{color:#153355;font-weight:normal;font-size:2em;margin:30px 0 10px;}
h3.first{margin-top:0;}

h4{font-size:1.2em;font-weight:bold;margin-top:30px;}
h4.first{margin-top:0;}

h5{font-size:1em;font-weight:bold;margin:20px 0 5px;}

#logo{width:215px;height:41px;background:url(images/logo.png) no-repeat;float:left;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/

.content ul, .content ol{margin-left:30px;}

.last{margin-right:0 !important;margin-bottom:0 !important;}
#footer .last, .jumpto .last{border-right:none !important;}

.onetwothree{list-style:none;margin-bottom:20px;}
ol.onetwothree li{line-height:36px;padding-left:35px;color:#fff;font-size:1.5em;background:url(images/123.png) no-repeat top left;float:none;width:auto;height:auto;}
.onetwothree li.one{background-position:0 0;}
.onetwothree li.two{background-position:0 -36px;}
.onetwothree li.three{background-position:0 -72px;}
.onetwothree li a{border:none;color:#fff;}

.content ul.clientlist{list-style: none;margin:0 0 20px;}
.clientlist li{display:inline;}
.clientlist li a{display:block;width:80px;height:80px;background:#fff;border:1px solid #e8e8e8;float:left;margin:0 10px 10px 0;padding:5px;}
.clientlist li a:hover{border-color:#c9c9c9;}

ul.whylist{list-style:none;margin-left:0;}
ul.whylist li{padding-left:35px;font-size:1.4em;background:url(images/tick.png) no-repeat top left;margin-bottom:30px;}

/*
# Images ################### 
*/

img{border:none;}

.imgbox{border:1px solid #c0c0c0;}

img.shadow{margin:10px;-webkit-box-shadow:0 0 5px 5px rgba(34,34,34,0.3);-moz-box-shadow:0 0 5px 5px rgba(34,34,34,0.3);}

/*
# Links ################### 
*/

a{}

a:hover{}

a.img{border:none !important;}

.content a{color:#153355;border-bottom:1px solid #153355;font-weight:bold;}

.link-top{line-height:27px;}

a.button-cta{display:block;width:253px;height:64px;background:url(images/cta.png) no-repeat;float:left;margin-right:10px;border:none;}
a.button-cta:hover{background-position:100% -64px;}
a.button-cta span{position:absolute;top:-9999px;left:-9999px;}



.ctacontact{float:right;margin:20px 0;}
a.button-ctacontact{display:block;width:220px;height:55px;background:url(images/ctacontact.png) no-repeat;float:left;border:none;}
a.button-ctacontact:hover{background-position:100% -55px;}
a.button-ctacontact span{position:absolute;top:-9999px;left:-9999px;}

.ctabottom .cta{width:400px;margin:0 auto;}
.ctabottom .cta .link-more:hover{color:#3399fe;}

a.button-more{padding:0 10px;background:url(images/button.gif) repeat-x top left;border:none;text-align: center;height:27px;line-height:27px;cursor: pointer;-moz-border-radius: 3px;
-webkit-border-radius: 3px;color:#fff;display:block;float:left;margin:0 10px 5px 0;}
a.button-more:hover{background-position:0 -27px;}
a.button-more:active{position:relative;top:1px;}
a.button-more img{vertical-align: middle}

a.button-install{padding:0 10px;background:url(images/ibutton.png) repeat-x top left;border:none;text-align: center;height:27px;line-height:27px;cursor: pointer;-moz-border-radius: 3px;-webkit-border-radius: 3px;color:#fff;display:inline-block;margin:0 10px 10px 0;}
a.button-install:hover{background-position:0 -27px;}
a.button-install:active{position:relative;top:1px;}
a.button-install img{vertical-align: middle}

/*
# Forms ################### 
*/

.error{border:1px solid #cc3333;padding:10px;background:#ffcccc;color:#cc3333;font-weight:bold;margin:10px 0;}

fieldset{border:none;padding:10px;margin-bottom:20px;}

form .item{margin-bottom:20px;clear: both}

form label{font-weight:bold;width:140px;display:block;float:left;text-align: right;margin-right:10px;padding-top:5px;}

form .text{padding:6px;border:1px solid #cbcbcb;font-size:1.2em;}

form .item span{margin-left:10px;font-size:0.9em;color:#7a7a7a;font-weight:normal;}

form .select{padding:4px;}

form .checkbox input{}

form .checkbox label{display:inline;}

form .actions{padding:10px;border-top:1px solid #cbcbcb;background:#e8e8e8;}

form .submit{padding:4px;}

form .actions a{font-weight: bold;}

form .item span, span.required{font-size:1.6em;color:#3399fe;}

.success{background-color:#7c975b;padding:10px;color:#fff;border:1px solid #fff;}
.success h4{font-size:1.6em;font-weight:normal;}
.success p{margin-bottom:0;}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{margin:10px 0;}

#footer p{margin:0;}

p.emphasise{font-size:1.5em;color:#6f6f6f;margin:5px 0 20px;}

strong{color:#000;}

/*
################### Other ################### 
*/

.right{float: right;}

.left{float: left;}

.alignleft{text-align: left;}

.alignright{text-align: right;}

.aligncenter{text-align: center;}

.feature p{text-align: justify;}

.featuremodule, .team, .showcase{margin-bottom:30px;padding-bottom:50px;background:url(images/sep.gif) no-repeat center bottom;clear:both;}
.featuremodule.first{padding-bottom:0;background:none;}

.subfeaturemodule{width:280px;margin:0 20px 20px;float:left;}
.subfeaturemodule img{border:5px solid #fff;}
.subfeaturemodule a img{border:5px solid #3399fe;}
.subfeaturemodule a:hover img{border-color:#153355;}
.subfeaturemodule h4{text-transform: capitalize;}

.team-photo{float:left;width:150px;padding:0 75px 10px;background:url(images/teamphoto.gif) no-repeat center bottom;}
.team-bio{float:left;width:660px;}

.toolsmodule{margin-bottom:50px;}
.tools-photo{float:left;width:400px;padding:0 30px 10px;}
.tools-detail{float:left;width:500px;}
.tools-detail ul{margin-bottom:30px;}
.tools-detail .img{margin-right:2px;}
.tools-ad{width:40%;float:left;margin:0 5%;}
.toolsmodule a img{border:5px solid #3399fe;}
.toolsmodule a:hover img{border-color:#153355;}

.showcase-photo{float:left;width:400px;padding:0 30px;}
.showcase-photo img{border:5px solid #fff;}
.showcase-detail{float:left;width:490px;font-size:1.2em;}
.showcase-detail ul li{margin-bottom:20px;}
.showcase a img{border:5px solid #3399fe;}
.showcase a:hover img{border-color:#153355;}

.contact-form{width:600px;float:left;margin-right:50px;}
.contact-info{width:310px;float:left;}

.about-photo{width:270px;float:left;margin-right:30px;}
.about-info{width:660px;float:left;}


/*
## Demo ##
*/

/* #demo #logo{margin:0 auto;float:none;} */
#demo h1{margin-left:20px;float:left;font-size:1.4em;margin-top:10px;line-height:2em;}
#demo .demo{background:url(images/roundbg.gif) no-repeat bottom left;padding-bottom:20px;}
#demo .demo .top{background:url(images/roundbg.gif) no-repeat top left;padding:20px 20px 0;}
#demo .demo p.button{width:100px;margin:20px auto 10px;}
.demobg{background:no-repeat top left;position:relative;margin:0 auto;}

#previewheader{background:url(images/headerbg.jpg) top center no-repeat;border-bottom:1px solid #000;}
#previewheader p{background:url(images/navbg.png);margin:0;padding:5px;}
#previewheader p a{color:#fff;border-bottom:1px solid #fff;font-size:1em;}

#demo #header a.button-install{margin-top:5px;}
#demo .container{position:relative;}
#demo .content{padding-top:20px;}

form.demoselect{background:#fff;border:1px solid #d3d3d3;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px;display:inline-block;margin-bottom:20px;}

/*
## Extra ##
*/

a.ctatweetl{display:block;width:253px;height:64px;background:url(images/ctatweetl.png) no-repeat;margin:0 auto;border:none;}
a.ctatweetl:hover{background-position:100% -64px;}
a.ctatweetl span{position:absolute;top:-9999px;left:-9999px;}

a.ctatweets{display:block;width:220px;height:55px;background:url(images/ctatweets.png) no-repeat;float:left;border:none;}
a.ctatweets:hover{background-position:100% -55px;}
a.ctatweets span{position:absolute;top:-9999px;left:-9999px;}

.tweet{border:2px dashed #3399fe;background:#e1f0ff;padding:8px;text-align: center;margin:40px 0 50px;font-size:1.2em;}

.hl{border:2px dashed #3399fe;background:#e1f0ff;padding:2px;text-align: center;margin:0 0 20px;font-size:1.4em;}
a.full{display:block;padding:20px;border:none;}
a.full span{border-bottom:2px solid #153355;}

.tweet_list{list-style:none;}
.tweet_list li{margin-bottom:10px;padding:5px;}
.tweet_list li.tweet_even{background:#F4F4F4;}
.tweet_list img{vertical-align: middle;}
.tweet_list .tweet_avatar{margin-right:10px;}

a{color:#153355;border-bottom:1px solid #153355;}
#logo a{border:none;}

.valign{vertical-align:middle;}

.nomargin{margin:0 !important;}


/*Products*/
ul.products{list-style: none;margin:0 0 20px 0;}
ul.products li{background:#fff no-repeat top right;border:1px solid #c8c8c8;padding:10px 10px 0;margin:0 30px 30px 0;float:left;width:276px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
ul.products h5{margin-top:0;font-size:1.1em;}
ul.products a.thumb img{opacity:0.8}
ul.products a.thumb:hover img{opacity:1}

.rounded ul.products{margin-bottom:20px;}
.rounded ul.products li{margin-bottom:0;margin-right:10px;border:none;background-image:none !important;}

ul.products li.facebook{background-image:url(images/facebooks.gif);}
ul.products li.youtube{background-image:url(images/youtubes.gif);}
ul.products li.twitter{background-image:url(images/twitters.gif);}
ul.products li.premium{border-color:#e9b310;background:url(images/premiumbg.gif) #fff repeat-x bottom;}

a.more{line-height:27px;margin-left:10px;font-size: 0.9em;}

.rounded{border:1px solid #c8c8c8;background:#fff;-moz-border-radius: 10px;
-webkit-border-radius: 10px;padding:20px;}

.product .photo{width:400px;float:left;margin-right:50px;}
.product .info{width:460px;float:left;}
.product h3{font-size:2.5em;	}


/*Slide*/
.slidenav{background:url(images/slidenav.gif) 0 10px repeat-x;}
.slidenav ul{list-style: none;width:960px;margin:0 auto;height:60px;}
.slidenav ul li{display:inline;float:left;padding-top:10px;}
.slidenav ul li.current{background:url(images/slidemarker.png) no-repeat top center;font-size:1.2em;}
.slidenav ul li a{display:block;float:left;height:50px;border:none;line-height: 50px;color:#fff;font-weight: bold;width:238px;text-align: center;font-size: 1.2em;border-left:1px solid #7db9f3;border-right:1px solid #447eb5;outline: none;}
.slidenav ul li a:hover, .slidenav ul li.current a{background:url(images/slidenav.gif) 0 -50px;}

.jcarousel-container li{position: relative;}
/*
a.next{height:60px;width:140px;background:url(images/next.png) no-repeat top left;display: block;border:none;position:absolute;right:0;bottom:40px;}
a.next span{position:absolute;top:-9999px;left:-9999px;}
a.next:hover{background-position: 0 -60px;}
a.next:active{background-position: 0 -120px;bottom:39px;}

a.next.learn{width:220px;background-image:url(images/learn.png);}
a.next.start{width:282px;background-image:url(images/getstarted.png);}
*/

a{outline:none;}

a.back{line-height:47px;font-size:1.4em;color:#3399fe;border-bottom:1px solid #48a3fe;position:absolute;right:400px;bottom:10px;border-bottom:none;}
a.back:hover{color:#fff;border-bottom-color:#fff;}

#banner .button-cta{position:absolute;right:0;bottom:10px;margin-right:0;}

.buttons{position:absolute;bottom:50px;}

a.cta{display:inline-block;float:left;width:230px;height:65px;background:url(images/buttons.png) no-repeat;margin-right:5px;border:none;color:#fff;text-align: center;font-size:1.6em;line-height:65px;text-shadow: -1px -1px 3px rgba(0,0,0,0.25);}
a.cta:hover{background-position:0 -65px;}
a.cta:active{position:relative;top:2px;}
a.cta.last{margin-left:240px;}

a.learn{display:block;width:230px;height:65px;background:url(images/buttons.png) no-repeat 0 -130px;float:left;border:none;color:#fff;text-align: center;font-size:1.6em;line-height:65px;text-shadow: -1px -1px 3px rgba(0,0,0,0.25);}
a.learn:hover{background-position:0 -195px;}
a.learn:active{position:relative;top:2px;}

ul.linklist{list-style: none;padding:0;margin:0;}
ul.linklist li{margin-bottom:5px;}
ul.linklist a{display:block;padding:5px 8px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border:0;text-decoration: none;background:#3399fe;color:#fff;font-size:1.2em;}
ul.linklist a:hover{background:#153355}

ul.mosaic{list-style:none;margin-bottom:30px;}
ul.mosaic a{width:120px;height:80px;float:left;display:block;background:url(images/mosaic.jpg) no-repeat -120px 0;-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);border:none;}
ul.mosaic li{background:url(images/mosaic.jpg) no-repeat top left;float:left;display:block;width:120px;height:80px;margin:0 30px 30px 0;}
ul.mosaic a span{position:absolute;top:-9999px;left:-9999px;}
ul.mosaic a:hover{opacity:0.7;}
ul.mosaic li.m1{background-position:0 0;}
ul.mosaic li.m1 a:hover{background-position:0 -80px;}
ul.mosaic li.m2{background-position:0 -160px;}
ul.mosaic li.m2 a:hover{background-position:0 -240px;}
ul.mosaic li.m3{background-position:0 -320px;}
ul.mosaic li.m3 a:hover{background-position:0 -400px;}
ul.mosaic li.m4{background-position:0 -480px;}
ul.mosaic li.m4 a:hover{background-position:0 -560px;}
ul.mosaic li.m5{background-position:0 -640px;}
ul.mosaic li.m5 a:hover{background-position:0 -720px;}
ul.mosaic li.m6{background-position:0 -800px;}
ul.mosaic li.m6 a:hover{background-position:0 -880px;}
ul.mosaic li.m7{background-position:0 -960px;}
ul.mosaic li.m7 a:hover{background-position:0 -1040px;}
ul.mosaic li.m8{background-position:0 -1120px;}
ul.mosaic li.m8 a:hover{background-position:0 -1200px;}
ul.mosaic li.m9{background-position:0 -1280px;}
ul.mosaic li.m9 a:hover{background-position:0 -1360px;}
#nyroModalFull a{border-bottom:none !important;}

.leftmodule{float:left;margin-right:30px;width:350px;margin-top:30px;}
.rightmodule{float:right;margin-left:30px;width:350px;margin-top:30px;}
.how1{padding-left:90px;background:url(images/one.gif) top left no-repeat;width:460px;}
.how2{padding-left:90px;background:url(images/two.gif) top left no-repeat;width:460px;}
.how3{padding-left:90px;background:url(images/three.gif) top left no-repeat;width:460px;}

ul.press{list-style:none;margin:0;padding:0;}
ul.press li{background:url(images/press.png) no-repeat top left;padding-left:40px;margin-bottom:30px;}
ul.press img{border:1px solid #c8c8c8;padding:2px;}

.col2{width:460px;float:left;margin-right:40px;}
.col4{width:210px;margin-right:40px;float:left;}

.tweets{padding:20px 10px 10px;background:url(images/tweetbg.png) no-repeat top left;background-color:#363636;background-color:rgba(0,0,0,0.1);}
.tweets ul{list-style:none;padding:0;margin:0;}
ul.foursq{list-style:none;padding:0;margin:0;}
ul.foursq li{padding-left:25px;background:url(images/marker.png) no-repeat top left;margin-bottom:10px;min-height:25px;}