/* CSS Document */
/********** GLOBAL *****************/
body, div, ul, li, p, h1, h2, h3, h4 { margin:0; padding:0; }
body {width:100%; text-align:center; background:#DAE5E0 url(../images/bg_body.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

.f60 {font-size:60%;}
.f70  {font-size:70%; }		.f80  {font-size:80%; }		.f90  {font-size:90%; }
.f100 {font-size:100%;}		.f110 {font-size:110%;}		.f120 {font-size:120%;}
.f130 {font-size:130%;}		.f140 {font-size:140%;}		.f150 {font-size:150%;}
.f160 {font-size:160%;}		.f170 {font-size:170%;}		.f180 {font-size:180%;}
.f190 {font-size:190%;}		.f200 {font-size:200%;}		.f210 {font-size:210%;}
.f220 {font-size:220%;}

.fwht {color:#ffffff;}		.fbl1 {color:#F8FCFA;}		.fbl2 {color:#377F63;}
.fbl3 {color:#3E5D68;}		.fgr1 {color:#FAFDFB;}		.fgr2 {color:#91C3A2;}
.fred {color:#FE0101;}      .fblk {color:#000;}

.flft {text-align:left;}	.frgt {text-align:right;}	.fcnt {text-align:center;}		.fjst {text-align:justify;}
.fb {font-weight:bold;}		.fi {font-style:italic;}	.fu {text-decoration:underline;} .fn {font-weight:normal;}

.hilite {background-color:#F5F6BE;color:#000;padding:1px;}
.intro {color:black;font-size:110%;line-height:1.4em;}
.clr  {clear:both;}
.noshow {position:absolute;top:-3000px;left:-3000px;}
.rgt-lft {float:right;clear:left;}

img { border:none; } 

a#link_home:hover { background:none; }


/* GENERAL */
#container { width:951px; margin:0 auto;}

#badge {margin-left:767px; position:absolute; top:-10px;}
    #badge a { background:transparent url(../images/bt_signup_a.png) no-repeat scroll 5px 0; display:block; height:175px; padding:1px; width:175px; }
    #badge a:hover, #badge a:active { background-position:-209px 0; }

#logo {padding:18px 0 18px 32px;float:left;text-align:left;font-weight:normal;}
    #logo a#link_home {display:block;height:1px;text-decoration:none;width:295px;padding:48px 2px 1px 0;background:url(../images/passpack_logo.gif) no-repeat;}
        #logo a#link_home.sel {height:48px;padding:1px;}
    #logo a#link_home span {color:#000;text-transform:uppercase;font-size:80%;font-weight:bold;letter-spacing:0.1em;}
        #logo a#link_home.sel span {display:none;}

#menu {padding:0 24px; height:31px; overflow:hidden; text-align:left;}
    #menu a { font-size:120%; color:#fff; text-decoration:none; display:block; padding:0; float:left; margin-right:17px;margin-top:5px;}
        #menu a span {display:block;padding:0 8px;}
    #menu a.sel {font-weight:bold;color:#000;background:#F6F8EC url(../images/bg_tab_rgt.gif) no-repeat right top;height:30px;margin-top:4px;}
        #menu a.sel span {background:url(../images/bg_tab_lft.gif) no-repeat;padding-top:2px;}
    #menu a:hover {text-decoration:underline;}

#center {padding-bottom:25px;width:100%;background:#fff url(../images/bg_pagemid.gif) repeat-y;}
	#center .innerpage {background:transparent url(../images/bg_pagetop.gif) no-repeat 0 0; text-align:left;}
	
#heading {float:left;clear:left;width:894px;height:108px;padding:28px 28px 0 28px;letter-spacing:-0.05em;height:165px;}
    .home #heading {width:637px;padding-right:0;padding-left:77px;height:auto;}
    .tour #heading,.professional-password-manager #heading,.too-many-passwords #heading,.password-provisioning #heading {background:url(../images/head_tour.gif) no-repeat right top;padding-right:434px;width:489px;}
    .buzz #heading {background:url(../images/head_buzz.gif) no-repeat right top;padding-right:454px;width:469px;}


#login {width:160px;text-align:center;float:right;clear:right;background:#fff url(../images/login_top.gif) no-repeat top right;border-left:1px solid #E1E3E1;margin:5px 5px 20px 0;min-height:195px;padding:40px 15px 10px;}
    #login p.h {font-size:140%;color:#617F69;letter-spacing:-0.05em;padding-bottom:10px;}
    #login p {margin:0 auto;}
    #login div.clr {padding:5px 0;}
    #login .new {text-align:right;margin-top:10px;padding:10px 0;border-top:1px solid #DDD;}
    #login .forgot {padding:8px;font-size:90%;}
    #login input {width:140px;}

#subnav {padding:2px 28px;float:left;clear:left;font-size:160%;font-family:arial,helvetica,sans-serif;margin:0 4px 10px;border:1px solid #CDD8D3;width:885px;background:#F8FAF9;}
    #subnav a {display:block;float:left;clear:right;padding:5px 7px;margin-right:28px;text-decoration:none;color:#5B9C82;}
        #subnav a:hover {background:#DAE5E0;text-decoration:underline;color:#000;}
        #subnav a.sel, #subnav a:hover.sel, #subnav a.sel span {background:#5B9C82;color:#fff;text-decoration:none;}

#semifoot {margin:0 auto;padding:40px 0 30px;text-align:left;background:url(../images/bg_pagebot.gif) no-repeat top center;}
  #semifoot .colR, #semifoot .colL { width:380px; }
  #semifoot .colL {margin-left:24px;}
  #semifoot .colR {margin-right:24px;}
	#semifoot .colL a { color:#000; } 
        #semifoot .colL a:hover { color:#FFF; background-color:#6A9685; text-decoration:none; }

#footer {text-align:center; font-size:90%;border-top:5px solid #CDD8D3;background:#000; color:#fff;}
    #innerfoot {padding:16px 48px;text-align:left;margin:0 auto;width:911px;}
    #footer .col {float:left;clear:right;width:200px;margin-right:34px;margin-bottom:20px;}
        #footer .col.last {margin-right:0;}

        #footer .col p {border-bottom:1px solid #535F5A;margin-bottom:3px;}
        #footer .col li {list-style-type:none;padding:1px 0;}
            #footer .col li.sep {margin-top:8px;}
            #footer .col li.heart {padding-left:18px; background:url(../images/heart_icon.png) no-repeat 0 3px;}
	#footer .col a {color:#DAE5E0;padding:2px;display:block;text-decoration:none;}
        #footer .col a:hover {background-color:#699685;}

   #footsignup {padding-top: 41px;text-align:center;}
        #footsignup a#footbt {padding:0;text-decoration:none;background:transparent;}
            #footsignup a#footbt img {border:0;}
    
#copy  {padding:30px 0 10px 155px; text-align:right; clear:both; color:#6A9685; font-size:80%;background:url(../images/passpack_foot.png) no-repeat 2px 20px;}
  #copy a { color:#6A9685; text-decoration:underline; } 
    #copy a:hover { text-decoration:none; background:#6A9685; color:#fff; }


p {margin:10px auto;}
a {color:#000;}
a:hover,a:active {color:#fff;background:#000;text-decoration:none;}
h1 {font-size:220%;letter-spacing:-0.05em;padding-bottom:5px;padding-top:30px;}

h2 {color:#707070;text-align:left;font-weight:normal;font-size:150%;margin:0;padding-top:3px;}
        h2 b {color:#000;}
h3 {text-align:left;color:#000;letter-spacing:-0.05em;padding:8px;margin:55px 0 0;font-weight:bold;font-size:110%;background:#EBF1EF;}


/* Page Columns */
.colL,.colR,.colA {width:415px;margin:0 35px;font-size:110%;line-height:1.3em;color:#314F49; text-align:left; }
.colL p,.colR p,.colA p {text-align:justify;}
/*.colL b,.colR b,.colA b {color:#55755D;}*/
.colL ul,.colR ul,.colA ul {padding-top:10px; padding-left:30px;}
.colL li,.colR li,.colA li {padding-bottom:10px;}
.colL li b,.colR li b,.colA li b {color:#000;}
.colL li em,.colR li em,.colA li em {font-size:90%;}
.colL {float:left;clear:left;margin-right:0;}
.colR {float:right;clear:right;margin-left:0;}
.colA {float:left;clear:left;width:882px;}
    .colA.sep {border-top:1px solid #CDD8D3;margin-top:30px;padding-top:20px;}

.colL h4,.colR h4,.colA h4 {margin:52px 0 0 0;color:#000;padding:0;font-weight:normal;font-size:140%;text-align:left;letter-spacing:-0.05em;}
.colL .top,.colR .top,.colA .top {margin-top:0;}

.video {padding-top:20px;width:425px;}

.box{width:190px;margin-left:27px;float:left;clear:right;text-align:justify;font-size:90%;}
    .firstbox {margin-left:55px;}
    .box h3{color:#284853;font-size:150%;font-weight:bold;text-align:left;margin:30px 0 2px 0;}
        .box h3.top {margin-top:0;}
    .box a img {border:0;}
    .box p, .box ul, .box li{margin:0;}
    .box ul{padding-left:13px;}
    .box li{padding-bottom:2px;}

/* list styles */
.benefitList {padding-left:0;}
    .benefitList li {margin:0;list-style:none;padding:7px 0 17px 55px;background:url(../images/_.gif) no-repeat;}
        .benefitList li b {font-size:110%;letter-spacing:-0.05em;}

    .benefitList li.global {background-image:url(../images/ico_global.gif)}
    .benefitList li.autologin {background-image:url(../images/ico_autologin.gif)}
    .benefitList li.uniquepass {background-image:url(../images/ico_makepwd.gif)}
    .benefitList li.centralized {background-image:url(../images/ico_centralized.gif)}
    .benefitList li.brain {background-image:url(../images/ico_brain.gif)}
    .benefitList li.provision {background-image:url(../images/ico_provision.gif)}
    .benefitList li.platforms {background-image:url(../images/ico_platforms.gif)}
    .benefitList li.nospreadsheet {background-image:url(../images/ico_securelist.gif)}
    .benefitList li.propagation {background-image:url(../images/ico_propagation.gif)}
    .benefitList li.ownership {background-image:url(../images/ico_ownership.gif)}
    .benefitList li.permissions {background-image:url(../images/ico_permissions.gif)}
    .benefitList li.secure {background-image:url(../images/ico_secure.gif)}
    .benefitList li.travel {background-image:url(../images/ico_travel.gif)}
    .benefitList li.download {background-image:url(../images/ico_download.gif)}
    .benefitList li.organize {background-image:url(../images/ico_folders.gif)}
    .benefitList li.attach {background-image:url(../images/ico_attach.gif)}
    .benefitList li.support {background-image:url(../images/ico_support.gif)}
    .benefitList li.update {background-image:url(../images/ico_update.gif)}
    .benefitList li.savetime {background-image:url(../images/ico_savetime.gif)}
    .benefitList li.price {background-image:url(../images/ico_money.gif)}

    .benefitList li.h {background-image:none;padding:17px 0 7px 0;}

/* HOME */
.home h1, .home h2 {text-align:right;padding-right:30px;letter-spacing:-0.04em;padding-top:0;}
    .home h1 {font-size:320%;font-weight:normal;}

#homehead {width:755px;clear:left; background:url(../images/home_screenshot.gif) no-repeat 19px 0px;padding-top:33px;min-height:149px;}

#homebody {background:url(../images/home_screenshot.gif) no-repeat 19px -182px;clear:left;}

#homebox {background:#F7F8C4 url(../images/bg_homeboxtop.gif) no-repeat top left;width:187px;float:right;margin-right:68px;margin-bottom:35px;}

    #homebox ul {
    background:url(../images/bg_homeboxbot.gif) no-repeat bottom left;
    padding:11px 0 11px 35px;
    font-size:120%;
    font-weight:bold;
    line-height:1.6em;
    letter-spacing:-0.03em;
    }

.home .colL {clear:both;padding-top:78px;width:390px;}

#homeTestimonial {height:57px;overflow:hidden;padding:20px 0 0;}
    p.ticker {font-size:110%;color:#000;height:47px;text-align:left;margin:0 auto;font-weight:bold;}
       p.ticker i {font-size:80%;font-weight:normal;}
    
/* BUZZ */
#recomend {width:auto;padding:30px;font-size:240%;text-align:center;font-weight:normal;}
    #recomend span {font-size:40%;padding-top:10px;display:block;letter-spacing:0em;}

.no_padding_left { padding:0; margin:0px; width:auto;}
    .no_padding_left .box { padding-top:20px;}
    .no_padding_left .box p { width:164px; text-align:left; padding: 5px 0 0 0; margin:0;}

/* SECURITY */
.security #illustration {margin-left:27px;padding-top:20px;}
.security #illustration .capt {
	border:1px solid #D42020;
	margin:20px 0 0 0;
	padding:5px;
	font-size:90%;
	text-align:left;
	float:left;
	clear:right;
    width:140px;
	}
    .security #illustration .capt p {margin:0;padding:0}
    .security #illustration .pic {float:left;clear:right;padding-top:10px;}
    .security #illustration #ex_notes {margin:0;}

/* COMPANY */
#leftcontent.company { width:850px; text-align:justify; margin:0 auto; }
.our_mission, .company_overview { padding-bottom:20px }
.row_bio { float:left; width:50%; }
.ximg { float:left; width:100px; }
.xbio { float:left; width:310px; padding-bottom:20px; font-size:80%;}
#leftcontent.company p { color:#000; margin:0; }
#leftcontent.company img { float:left; background:#fff; margin-right:10px; }
.xbio a { color:#425948; text-decoration:underline;}
.xbio a:hover { background-color:#425948; color:#fff; text-decoration:none; }
#leftcontent.company b { color:#425948; font-size:125%; }
#leftcontent.company em { color:#425948; font-weight:bold; }
#leftcontent.company h2 {
display:block;
font-size:130%;
font-weight:bold;
margin:0.83em 0;
border-bottom:1px solid #000;
}
#leftcontent.company .our_mission h2, #leftcontent.company .company_overview h2 {
        border-bottom:none; font-size:170%; font-weight:normal; margin-bottom:3px; }

.box.nw { width:195px; }

/* LEGAL */
.legal .colA h4,.legal .colL h4,.legal .colR h4 {margin:2em 0 0 0;}
.legal .colA,.legal .colL,.legal .colR {font-size:80%;}
.legal h2 { padding-bottom:10px; font-weight:normal;}

/* COMMUNITY */
ul.feed {padding:10px 20px;}
ul.feed li { list-style-type:none; font-weight:bold;}
ul.feed a { display:block; font-weight:normal;}

/* PRODUCT */
div.download { color:#000000; font-size:130%; margin:0 auto; width:325px; text-align:center; padding-bottom:20px; }
div.download a { background:none; text-decoration:none; }
div.download a:hover, div.download a:active { color:#D42020; }

#ppsaas, #ppdesktop, #ppblackbox {
    background:transparent url(../images/products/Passpack_online.gif) no-repeat scroll 0 0;
    display:block;
    height:25px;
    padding:28px 1px 2px 300px;
    width:381px;
    font-weight:bold;
    margin-top:0;
    }
    #ppsaas {background-image:none;padding:0;}
    #ppdesktop {background-image:url(../images/products/Passpack_desktop.gif);padding-left:385px;}
    #ppblackbox {background-image:url(../images/products/Passpack_blackbox.gif);padding-left:395px;}

.products .colL {width:290px;}
.products .colR {width:545px;}

.pricetable {letter-spacing:-0.02em;}
.pricetable th,.pricetable td {text-align:center;border-top:1px solid #CDD8D3;}
    .pricetable th {background:#000;color:#fff;font-size:120%;width:100px;height:30px;border:0;}
    .pricetable .lbl {text-align:left;font-weight:bold;padding:5px 0;}
    .pricetable td.hilite {border:0;padding:3px 0;}

/* BT entry (login box) */
a.btentry, a.btentry:link, a.btentry:visited, a.btentry:hover, a.btentry:active {
	display:block;
	float:left;
	height:28px;
	padding:0 8px 0 0;
	background:url(../images/bt_small_rgt.gif) no-repeat right top;
	text-align:left;
	text-decoration:none;
	}

    a.btentry:hover, a.btentry:active{background-position:right -44px;cursor:pointer;}

a.btentry span, a.btentry:link span, a.btentry:visited span, a.btentry:hover span, a.btentry:active span {
	display:block;
	height:20px;
	padding:7px 0 1px 8px;
	text-decoration:none;
	overflow:hidden;
	background:url(../images/bt_small_lft.gif) no-repeat left 0;
	color:#000;
	text-align:left;
	font-size:90%;
	font-weight:normal;
	width:53px;
	text-align:center;
	}

    a.btentry:hover span, a.btentry:active span, a.btentry.sel span, a.btentry.sel span {
	color:#000;
	text-decoration:underline;
	background-position:left -44px;
	padding-top:8px;
	padding-bottom:0;
	}

	

/* ROUND */

.round4 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
.round6 {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.round4top {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}	

.round4bottom {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}	

.round4tl {
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}	

.round4bl {
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}	

.round4tr {
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.round4br {
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}		
