body{
	margin:0;
	font:14px/20px Arial, Verdana, Tahoma, sans-serif;
	background:#f0f0f0;
	color:#333;
}
form,fieldset,img{margin:0;padding:0;border:0;}
a{color:#000; outline:0px;}
a:hover{text-decoration:none;outline:0px}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	outline:0px;	
}

input[type="text"],
input[type="password"],
textarea{
    border: 1px solid grey;
}


#wrapper{
	width:100%;
	overflow:hidden;
	min-width:900px;
}

b {
	color: #024376;
}

.line {
	width: 100%;
	height: 5px;
	display: block;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 5px;
}

.signup-btn {
	background: url(../images/signup.png) no-repeat;
	width: 77px;
	height: 38px;
	display: block;
	text-indent: -99999px;
}
.signup-btn:hover {
	background-position: 0 -38px;
}

/*-- header --*/
#header{
	width:100%;
	background:#fff;
	min-width:900px;
}
#header .head{
	width:100%;
	min-width:900px;
	overflow:hidden;
	padding:0 0 18px;
	min-height:64px;
	border-bottom:1px solid #8cccfc;
	background:#12536f url(../images/bg-head.gif) repeat-x;
}
* html #header .head{
	height:82px;
	overflow:visible;
}
#header .head .head-area{
	width:900px;
	margin:0 auto;
	/*overflow:hidden;*/
	position: relative;
}
#header .box-logo{
	float:left;
	width:580px;
	height: 100%;
}
/*-- logo --*/
#header .logo{
	width:261px;
	height:82px;
	float:left;
	margin:8px 0 0 18px;
	overflow:hidden;
	background: url(../images/logo.gif) no-repeat;
}
#header .logo a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.box-logo em{
	float:left;
	font:normal bold 14px/18px Arial, Verdana, Tahoma, sans-serif;
	color:#fff;
	margin:31px 0 0 9px;
}

#header #login_form {
    color: #fff;
    padding-bottom: 0px;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    margin-top: 10px;
}
#header #login_form a{
    color: #fff;
    text-decoration: underline;
    font-size: 10px;
    line-height: 8px;
}
#header #signout_form {
    font-size:12px;
    text-align:center;
    margin-top: 22px;
}
#header #signout_form a{
    color: #fff;
    font-weight: bold;   
}
#header .user-nav{
	margin: 0;
	padding:0;
	list-style:none;
	position: absolute;
	top: 30px;
	right: 18px;
	display:inline;
	overflow:hidden;
}
#header .user-nav li{
	float:left;
	padding:2px 5px 3px 5px;
	margin:0 2px 0 -2px;
	display:inline;
	background: url(../images/user-nav-separator.gif) no-repeat;
}
#header .user-nav a{
	display:block;
	height:18px;
	overflow:hidden;
}
#header .user-nav a span{
	display:block;
	text-indent:-9999px;
}
#header .user-nav a.sign-up{
	width:59px;
	background: url(../images/bg-sign-up.gif) no-repeat;
}
#header .user-nav a.login{
	width:46px;
	background: url(../images/bg-login.gif) no-repeat;
}
#header .user-nav a.biz-tip{
	width:131px;
	background: url(../images/biz-tip-of-the-day.gif) no-repeat;
}
#header .user-nav a.sign-up:hover,
#header .user-nav a.login:hover, #header .user-nav a.biz-tip:hover { 
	background-position:0 -18px;
}
#header .nav{
	width:100%;
	min-width:900px;
	border-bottom:1px solid #fdfdfd;
	background:#2683cb url(../images/bg-nav.gif) repeat-x;
	position:relative;
	z-index:1;
}
#header .holder-nav{
	width:900px;
	margin:0 auto;
}
#header .holder-nav:after{
	content:"";
	display:block;
	clear:both;
}
#navigation{
	padding:0;
	margin:0;
	list-style:none;
	width:879px;
	height:42px;
	font:bold 14px/41px Arial, Verdana, Tahoma, sans-serif;
}
#navigation li{
	float:left;
	display:inline;
	margin:0;
	padding: 0;
}
#navigation a{
	color:#fff;
	text-decoration:none;
	height:42px;
	display:block;
	overflow:hidden;
	background: url(../images/navigation.gif) no-repeat;
}
#navigation a span{
	display:block;
	text-indent:-9999px;
}
#navigation a.home{
	width:89px;
	background-position:0 0;
}
#navigation a.feature-tour{
	width:148px;
	background-position:-89px 0;
}
#navigation a.how-you-benefit{
	width:171px;
	background-position:-237px 0;
}
#navigation a.faq{
	width:76px;
	background-position:-408px 0;
}
#navigation a.pricing{
	width:103px;
	background-position:-484px 0;
}
#navigation a.resource-center{
	width:178px;
	background-position:-587px 0;
}
#navigation a.company{
	width:114px;
	background-position:-765px 0;
}
#navigation a.home:hover,
#navigation li.active a.home,
#navigation li.hover a.home{
	background-position:0 -42px;
}
#navigation a.feature-tour:hover,
#navigation li.active a.feature-tour,
#navigation li.hover a.feature-tour{
	background-position:-89px -42px;
}
#navigation a.how-you-benefit:hover,
#navigation li.active a.how-you-benefit,
#navigation li.hover a.how-you-benefit{
	background-position:-237px -42px;
}
#navigation a.faq:hover,
#navigation li.active a.faq,
#navigation li.hover a.faq{
	background-position:-408px -42px;
}
#navigation a.pricing:hover,
#navigation li.active a.pricing,
#navigation li.hover a.pricing{
	background-position:-484px -42px;
}
#navigation a.resource-center:hover,
#navigation li.active a.resource-center,
#navigation li.hover a.resource-center{
	background-position:-587px -42px;
}
#navigation a.company:hover,
#navigation li.active a.company,
#navigation li.hover a.company{
	background-position:-765px -42px;
}
/*-- drop --*/
#navigation li:hover,
#navigation li.hover{
	position:relative;
}
#navigation li:hover ul,
#navigation li.hover ul{
	display:block;
}
#navigation ul{
	display:none;
	position:absolute;
	top:40px;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	background:#235a70;
	width:215px;
	padding:4px 5px 4px;
	font:normal 14px/29px Arial, Verdana, Tahoma, sans-serif;
}
#navigation ul li{
	width:100%;
	margin:0;
	padding:0 0 1px;
}
#navigation ul a{
	background:none;
	height:1%;
	text-indent:0;
	padding:5px 12px;
}
#navigation ul a:hover{
	background:#2d99c7;
}
#navigation ul a span{
	display:inline;
	text-indent:0;
	line-height: normal;
}
#header .information{
	width:100%;
	min-width:900px;
	overflow:hidden;
	background: url(../images/banner-bg.png) repeat-x;
}
#header .information-area{
	width:900px;
	height: 425px; /* 331px; */
	overflow:hidden;
	position:relative;
	margin:0 auto;
	background: url(../images/bg-information-area.jpg) no-repeat;
}
#header .business-success{
	float:left;
	width:418px;
}
#header .business-success h1{
	width:397px;
	height:57px;
	overflow:hidden;
	margin:24px 0 0 24px;
	background: url(../images/virtual-office-pro-networking-solution.png) no-repeat;
}
#header .business-success h1 span{
	display:block;
	text-indent:-9999px;
}
#header .business-success ul{
	margin:24px 0 0;
	padding:0;
	list-style:none;
	font: bold 16px/20px Arial, Verdana, Tahoma, sans-serif;
	color:#fdfdfd;
}
#header .business-success ul li{
	padding:5px 0 5px 53px;
	overflow:hidden;
	background: url(../images/bullet-business-success.png) no-repeat;
}
* html #header .business-success ul li{
	height:1%;
}
#header .information .btn-box{
	position:absolute;
	left:25px;
	bottom:12px;
}
#header .information a.take-a-tour,
#header .information a.login, #header .information a.why-choose-us{
	width:116px;
	height:40px;
	overflow:hidden;
	float:left;
	margin:0 4px 0 0;
	background: url(../images/btn-take-a-tour.gif) no-repeat;
}
#header .information a.login{
	width:121px;
	background: url(../images/free-signup.gif) no-repeat;
}
#header .information a.why-choose-us{
	margin-top: -1px;
	width:155px;
	background:url(../images/biz-tip.gif) no-repeat;
}
#header .information a.take-a-tour:hover,
#header .information a.login:hover, #header .information a.why-choose-us:hover{
	background-position:0 100%;
}
#header .information a.take-a-tour span,
#header .information a.login span, #header .information a.why-choose-us span{
	display:block;
	text-indent:-9999px;
}
#header .information .holder-image{
	float:right;
	display:inline;
	margin:7px 14px 0 0;
	width:459px;
}
/*-- main --*/
#main{
	width:100%;
	min-width:900px;
	overflow:hidden;
	background:#fff;
	padding:5px 0;
}
#main .main-area{
	width:900px;
	overflow:hidden;
	margin:0 auto;
	background: url(../images/bg-sidebar.gif) repeat-y;
}
#main.hp .main-area{
	background:none;
}
#main .main-area-full{
	width:900px;
	overflow:hidden;
	margin:0 auto;
}
.presentable-box{
	width:828px;
	overflow:hidden;
	padding:14px 47px 40px 25px;
}
.presentable-box .video{
	float:right;
	display:inline;
	margin:3px 0 0 30px;
}
* html .presentable-box .video{
	margin:3px 0 0 27px;
}
.presentable-box h1{
	color:#013b69;
	font-size:30px;
	line-height:34px;
	margin:0;
}
.presentable-box h2, .news h2 {
	color:#2986ce;
	font-size:16px;
	line-height:18px;
	margin:0;
	letter-spacing:-1px;
}
.presentable-box .video h2, .news h2{
	padding:0 0 0 5px;
}
.presentable-box .video h2 strong, .news h2 {
	padding:0 13px 0 0;
	background: url(../images/green-arrow.gif) no-repeat 100% 2px;
}
.presentable-box p{
	margin:16px 0 0;
}
.presentable-box .holder-video{
	margin:3px 0 0;
}
.presentable-box .holder-video img{
	display:block;
}
.title-page{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-title.gif) repeat-x;
}
.title-page .title-area{
	width:850px;
	height:74px;
	padding:0 25px;
	overflow:hidden;
	margin:0 auto;
	background: url(../images/bg-title-page.jpg) no-repeat;
}
.title-page h1{
	color:#fdfdfd;
	font-size:30px;
	line-height:34px;
	margin:20px 0 0;
}
/*-- content --*/
#content{
	width:560px;
	padding:0 70px 0 0;
	margin:10px 0 0;
	float:right;
	overflow:hidden;
}
#content h2{
	font-size:20px;
	line-height:26px;
	color:#2986ce;
	margin:11px 0 0;
}
#content h3{
	font-size:14px;
	color:#2986ce;
	margin:11px 0 0;
	text-transform: uppercase;
}
#content p{
	margin:6px 0 0;
}

#content-full{
	width:900px;
	padding:0 0 0 0;
	margin:10px 0 0;
	float:right;
	overflow:hidden;
}

/*-- sidebar --*/
#sidebar{
	width:217px;
	padding:0 1px 50px 0;
	float:left;
}
#tour-nav, #faq-nav, #benefit-nav, #resources-nav {
	margin:0;
	padding:14px 0 0 25px;
	list-style:none;
}
#tour-nav li, #faq-nav li, #benefit-nav li, #resources-nav li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #cdcece;
}
#tour-nav a, #faq-nav a, #benefit-nav a, #resources-nav a {
	display:block;
	height:32px;
	width:191px;
}
#tour-nav a span, #faq-nav a span, #benefit-nav a span, #resources-nav a span{
	display:block;
	text-indent:-9999px;
}
#tour-nav a:hover,
#tour-nav li.active a,
#faq-nav a:hover,
#faq-nav li.active a,
#benefit-nav a:hover,
#benefit-nav li.active a,
#resources-nav a:hover,
#resources-nav li.active a{
	background-position:-191px 0;
}

#tour-nav a.overview{
	background: url(../images/sidenav/feature-tour/overview.gif) no-repeat;
}
#tour-nav a.network{
	background: url(../images/sidenav/feature-tour/network.gif) no-repeat;
}
#tour-nav a.connect{
	background: url(../images/sidenav/feature-tour/connect.gif) no-repeat;
}
#tour-nav a.motivate{
	background: url(../images/sidenav/feature-tour/motivate.gif) no-repeat;
}
#tour-nav a.manage{
	background: url(../images/sidenav/feature-tour/manage.gif) no-repeat;
}
#tour-nav a.collaborate{
	background: url(../images/sidenav/feature-tour/collaborate.gif) no-repeat;
}
#tour-nav a.advertise{
	background: url(../images/sidenav/feature-tour/advertise.gif) no-repeat;
}
#tour-nav a.why-choose-us{
	background: url(../images/sidenav/feature-tour/why-choose-us.gif) no-repeat;
}

/*-- faq --*/

#faq-nav a.general{
	background: url(../images/sidenav/faq/general.gif) no-repeat;
}
#faq-nav a.membership{
	background: url(../images/sidenav/faq/membership.gif) no-repeat;
}
#faq-nav a.getting-started{
	background: url(../images/sidenav/faq/getting-started.gif) no-repeat;
}


/*-- Benefits --*/

#benefit-nav a.individuals{
	background: url(../images/sidenav/benefit/individuals.gif) no-repeat;
	height: 72px;
}
#benefit-nav a.smallbus{
	background: url(../images/sidenav/benefit/small-medium-businesses.gif) no-repeat;
	height: 55px;
}
#benefit-nav a.assoc{
	background: url(../images/sidenav/benefit/associations-groups.gif) no-repeat;
	height: 55px;
}
#benefit-nav a.corporations{
	background: url(../images/sidenav/benefit/corporations.gif) no-repeat;
	height: 55px;
}
#benefit-nav a.franchises{
	background: url(../images/sidenav/benefit/franchises.gif) no-repeat;
}


/*-- Resources --*/

#resources-nav a.case-studies{
	background: url(../images/sidenav/resources/case-studies.png) no-repeat;
	height: 32px;
}
#resources-nav a.tip{
	background: url(../images/sidenav/resources/biz-tip-of-the-day.png) no-repeat;
	height: 32px;
}
#resources-nav a.video-tutorials{
	background: url(../images/sidenav/resources/video-tutorials.gif) no-repeat;
	height: 33px;
}






/*-- support --*/
#support-nav{
	margin:0;
	padding:14px 0 0 25px;
	list-style:none;
}
#support-nav li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #cdcece;
}
#support-nav a{
	display:block;
	width:191px;
	height: 33px;
	background: url(../images/resources-nav.gif) no-repeat;
}
#support-nav a span{
	display:block;
	text-indent:-9999px;
}
#support-nav a.support{
	background-position:0 0;
}
#support-nav a.casestudies{
	background-position:0 -34px;
}

#support-nav a.support:hover,
#support-nav li.active a.support{
	background-position:-191px 0;
}
#support-nav a.casestudies:hover,
#support-nav li.active a.casestudies{
	background-position:-191px -34px;
}


/*-- company --*/
#company-nav{
	margin:0;
	padding:14px 0 0 25px;
	list-style:none;
}
#company-nav li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #cdcece;
}
#company-nav a{
	display:block;
	width:191px;
	height: 33px;
	background: url(../images/company-nav.gif) no-repeat;
}
#company-nav a span{
	display:block;
	text-indent:-9999px;
}
#company-nav a.overview{
	background-position:0 0;
}
#company-nav a.testimonials{
	background-position:0 -34px;
}
#company-nav a.clients{
	background-position:0 -68px;
	height: 36px;
}
#company-nav a.news{
	background-position:0 -105px;
	height: 32px;
}
#company-nav a.contact{
	background-position:0 -138px;
	height: 32px;
}

#company-nav a.overview:hover,
#company-nav li.active a.overview{
	background-position:-192px 0;
}
#company-nav a.testimonials:hover,
#company-nav li.active a.testimonials{
	background-position:-192px -34px;
}
#company-nav a.clients:hover,
#company-nav li.active a.clients{
	background-position:-192px -68px;
}
#company-nav a.news:hover,
#company-nav li.active a.news{
	background-position:-192px -105px;
}
#company-nav a.contact:hover,
#company-nav li.active a.contact{
	background-position:-192px -138px;
}



.pricing-tbl {
						width: 98%;
						border: 0;
						padding: 0;
						margin: 0;
						border: solid 1px #ccc;
					}
					.pricing-tbl td {
						margin: 0;
						padding: 4px 5px;
						border-right: solid 1px #ccc;
						border-bottom: solid 1px #ccc;
					}
					.pricing-tbl .hdr {
						background: #285e74;
					}	
					.pricing-tbl .hdr td {
						border-color: #285e74;
						border-bottom: solid 1px #ccc;
					}
					.pricing-tbl .alt {
						background: #efefef;
					}
					.pricing-tbl .coming-soon td {
					
						border-right: solid 1px #fff;
					}
					.pricing-tbl .coming-soon {
						background: #fff;
					}
					
					.pricing-tbl h4 {
						margin: 0;
						padding: 0;
					}
					.pricing-tbl .separator {
						background: #285e74;
						height: 2px;
					}
					.pricing-tbl .caption {
						font-size: 11px;
					}




/*-- footer --*/
#footer{
	width:100%;
	min-width:900px;
	overflow:hidden;
	padding:0 0 40px;
	color:#999;
	font-size:12px;
	line-height:14px;
	background: url(../images/bg-footer.gif) repeat-x;
}
#footer .footer-area{
	width:850px;
	padding:0 25px;
	margin:18px auto 0;
	overflow:hidden;
}
#footer .sign-up{
	float:left;
	width:367px;
	padding:0 10px;
	background:#fdfdfd;
	border:1px solid #c8c7c7;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin:0 43px 0 0;
}
* html #footer .sign-up{
	margin:0 40px 0 0;
}
#footer .sign-up legend{
	color:#2986ce;
	padding:6px 0 0;
}
#footer .sign-up legend strong{
	padding:0 13px 0 0;
	background: url(../images/green-arrow.gif) no-repeat 100% 2px;
}
* html #footer .sign-up legend{margin-left:-8px;}
*+html #footer .sign-up legend{margin-left:-8px;}
#footer .sign-up ul{
	margin:0;
	padding:10px 0 0;
	list-style:none;
	width:283px;
	float:left;
}
#footer .sign-up ul li{
	width:100%;
	float:left;
	padding:3px 3px 3px 0;
	background:none;
}
#footer .sign-up label{
	width:62px;
	float:left;
	color:#999;
	height:24px;
	overflow:hidden;
}
#footer .sign-up label.name{
	background: url(../images/text-name.gif) no-repeat 0 50%;
}
#footer .sign-up label.email{
	background: url(../images/text-email.gif) no-repeat 0 50%;
}
#footer .sign-up label span{
	display:block;
	text-indent:-9999px;
}
#footer .sign-up input.text{
	width:208px;
	float:left;
	font:normal 14px/16px Arial, Verdana, Tahoma, sans-serif;
	padding:2px 4px;
	border:1px solid #bebebe;
	background:#fcfcfc;
}
#footer .sign-up .btn-holder{
	width:100%;
	height:8px;
	float:left;
	position:relative;
}
#footer .sign-up .btn-holder span{
	position:absolute;
	right:0;
	bottom:9px;
	width:80px;
	height:40px;
	background: url(../images/btn-submit.gif) no-repeat;
}
#footer .sign-up .btn{
	display:block;
	width:80px;
	height:40px;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:transparent;
}
#footer p{
	margin:16px 0 0;
}
#footer ul{
	margin:16px 0 0;
	padding:0;
	list-style:none;
}
#footer ul li{
	display:inline;
	padding:0 4px 0 5px;
	background: url(../images/separator.gif) no-repeat 0 50%;
}
#footer ul li:first-child{
	background:none;
	padding-left:0;
}
#footer ul a,#footer a{
	color:#999;
	text-decoration:none;
}
#footer ul a:hover{
	text-decoration:underline;
}


.screen-shot {
	margin: 10px 0;
	border: solid 5px #eee;
	display: block;
	width: 500px;
	height: 435px;
}

.good_message {
    margin: 15px 10px;
    background-color: #B6CB8A;
    color: #fff; 	
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: bold;
}

.bad_message {
    margin: 15px 10px;
    background-color: #FFA69F;
    color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: bold;
}


/*** Bluepages ***/

#main div.bluepage ul.members{
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    line-height: 14px;
}

#main div.bluepage ul.members {
    width: 300px;
    overflow: hidden;
}

#main div.bluepage ul.members li {
    float: left;
    padding-right: 5px;
    width: 140px;
    margin-bottom: 10px;    
}

#main div.bluepage ul.members img{
    float: left;
    width: 40px;
    border: 1px solid #bbb; 
    padding: 2px;
    margin-right: 5px;
}

#main div.bluepage table td{
    vertical-align: top;
}

#main ul.bluepages {
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    width: 100%;
    overflow: hidden;
}
#main ul.bluepages li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;        
}

#main ul.bluepages li div.desc {
    line-height: 13px;
    margin-top: 5px;
}



/* sifr start. do not modify.*/
.sIFR-flash {
	visibility:visible !important;
	margin:0;
}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {
	position:absolute !important;
	left:0 !important;
	top:0 !important;
	width:0 !important;
	height:0 !important;
	display:block !important;
	overflow:hidden  !important;
}
.sIFR-flash + div[adblocktab=true] {display:none !important;}
.sIFR-hasFlash .presentable-box h2 span{
	letter-spacing:-2px;
}
.sIFR-hasFlash #footer .sign-up legend span{
	letter-spacing:-2px;
}

#content h4 span {
	text-transform: uppercase;
}
.sIFR-hasFlash #content h4 span {
	font-size: 17px;
	text-transform: uppercase;
}

#content h6 span {
	text-transform: uppercase;
}
.sIFR-hasFlash #content h6 span, .sIFR-hasFlash #content-full h6 span {
	font-size: 13px;
	text-transform: uppercase;
}


#content-full .pricing-tbl h4 span {
	color: #fff;
}

.information-area .business-success ul li span {
	color: #013b69;
}
/* sifr end */


/* super note */
/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 /*visibility: hidden;*/
 top: 1.5em;
 left: 2em; width: 400px;
}
.notedefault {
 padding: 4px;
 border: 1px solid #ccc;
 background-color: #fff;
 color: #333;
}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 0;
 margin-top: -50px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 8px;
 background-color: #a4be6a;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
}
.notedefault p {
    margin: 5px;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 0px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: #fff;
 text-decoration: none;
 visibility: hidden;
 font-weight: bold;
 padding: 3px;
 text-align: center;
 border: solid 1px #b8d181;

}
.note-close:hover {
    text-decoration: none;
 border: solid 1px #d0e69f;
}
.snb-pinned .note-close {
 visibility: inherit;
}

.clr {
	clear: both;
	display: block;
}

.right {
    float:right;
}
.left {
    float: left;
}

#content-full div.login-form {
    background:url('../images/login_bg.jpg') no-repeat 0 0;
    width:475px;
    height:205px;
    font-size:12px;
    overflow:hidden;
    padding:45px;
    margin: 50px auto 100px auto;
    line-height:16px;
}

div.login-form * {
    margin:0;
    padding:0;
}

div.login-form .validation-advice{
    padding:3px 5px;
}

#content-full div.login-form h2{
    font-size:14px;
    line-height:16px;
}
div.login-form .login-box{
    width:250px;
}
.login-box form{
    overflow:hidden;
}
.login-box div{
    margin-bottom:10px;
}
#content-full div.login-form .login-box h2{
    color:#014479;
    margin-bottom:30px;
}
.login-box a{
    color: #999; 
    text-decoration:none;
}
.login-box a:hover{
    text-decoration:underline;
}


.login-box .username{
    width:170px;
    height: 20px;
    border: 1px solid #D6D6D6;    
    color:#4F4A4A;    
    font-size: 14px;    
}
.login-box .password{
    width:140px;
    height: 20px;
    border: 1px solid #D6D6D6;    
    color:#4F4A4A;    
    font-size: 14px;
    margin-right: 7px;
}
* html .login-box .password{
    margin: 0;
}
.login-box .username-box{
    position:relative;
    z-index:51;
}
.login-box .password-box{    
    position:relative;
}
* html .login-box .password-box img{
    margin-left: 7px;
}

.login-box .remember-box{    
    padding-left:76px;
    height:21px;
    
}

* html .login-box .remember-box{
    height:22px;
    overflow:hidden;
    font-size: 11px;
}


.login-box .validation-advice{
    left: 77px;
    top: 20px;
}

* html .login-box  .validation-advice{
    left: auto;
    top: auto;
}

div.login-form .register-box{
    width:180px;    
}
#content-full div.login-form .register-box p{
    margin:10px 0;
}
#content-full div.login-form .register-box h2{
    color:#666;
}
div.login-form .register-box a.register-today {
    background:url('../images/signup-today.jpg') no-repeat 0 0;
    display:block;
    width:127px;
    height:42px;
    text-indent:-99999px;    
}
div.login-form .register-box a.register-today:hover {
    background-position: 0 -42px;
}





.validation-advice {
    position:absolute;
    margin-top:0px;
    opacity: 0.999999;
    background-color: #FF3300;
    color: #FFFFFF;
    font-weight: bold;
    font-size:10px;
    padding: 5px;
    z-index:50;
}

* html td.email, * html td.paswd {position: relative;}
* html td.email .validation-advice, * html td.paswd .validation-advice  { left: 2px; top: 18px;}
*:first-child+html  td.email, *:first-child+html  td.paswd {position: relative;}
*:first-child+html  td.email .validation-advice, *:first-child+html  td.paswd .validation-advice  { left: 2px; top: 18px;}

.arrow-list {
	margin: 10px 0 15px 18px;
	padding: 0;
}
.arrow-list li {
	list-style: url(../images/arrow-bp.png);
	padding: 0 0 0 8px;
	margin: 0;
}
.news {
	margin-top: 10px;
}
.news h2 {
	color:#2986ce;
	font-size:16px;
	line-height:18px;
	margin:0;
	letter-spacing:-1px;
}
.news h2{
	padding:0 0 0 5px;
}
.news h2 {
	padding:0 13px 0 0;
	background: url(../images/green-arrow.gif) no-repeat 2px;
	}

#hpbanner {
        background: url(../images/banners/banner1a.jpg) no-repeat;
        width: 900px;
        height: 291px;
        display: block;
        position: relative;
        color: #fff;
        font: normal 16px Arial, Helvetica, sans-serif;
        margin: 0 auto;
}
#hpbanner .banner {
        width: 900px;
        height: 291px;
        display: block;
        position: relative;
}
.grayboxes {
        margin: 10px auto;
        padding: 0;
        width: 900px;
}
.grayboxes li {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;
}

.grayboxes li a {
        background: url(../images/gray-nav.png) no-repeat;
        height: 120px;
        display: block;
        text-indent: -999999px;
}
.grayboxes .hidden {
        width: 0;
        height: 0;
}
.grayboxes .bus-soc-network a {
        background-position: 0 0;
        width: 238px;
}
.grayboxes .bus-soc-network a:hover, .grayboxes .bus-soc-network a.selected  {
        background-position: 0 -120px;
}

.grayboxes .virtual-office a {
        background-position: -238px 0;
        width: 232px;
}
.grayboxes .virtual-office a:hover, .grayboxes .virtual-office a.selected  {
        background-position: -238px -120px;
}

.grayboxes .built-for-bus a {
        background-position: -470px 0;
        width: 207px;
}
.grayboxes .built-for-bus a:hover, .grayboxes .built-for-bus a.selected  {
        background-position: -470px -120px;
}
.grayboxes .easy-to-use a {
        background-position: -677px 0;
        width: 222px;
}
.grayboxes .easy-to-use a:hover, .grayboxes .easy-to-use a.selected  {
        background-position: -677px -120px;
}

#hpbanner .try-it-free-btn {
        position: absolute;
        top: 173px;
        left: 52px;
}
#hpbanner .try-it-free-btn a, .try-it-free-btn a {
        background: url(../images/banners/try-it-free-btn.png) no-repeat;
        width: 269px;
        height: 62px;
        display: block;
        text-indent: -99999px;
        overflow: hidden;
}
#hpbanner .try-it-free-btn a:hover, .try-it-free-btn a:hover {
        background-position: 0 -62px;
}
#hpbanner h2 {
        position: absolute;
        top:  33px;
        left: 38px;
        text-indent: -99999px;
        display: block;
        margin: 0;
        padding: 0;
}
#hpbanner h2.part-virtual-office {
        background: url(../images/banners/built-for-business.png) no-repeat;
        width: 813px;
        height: 73px;
}
#hpbanner h2.main-headline {
        position: absolute;
        top:  27px;
        left: 38px;
		background: url(../images/banners/main-headline2.jpg) no-repeat;
        width: 827px;
        height: 118px;
}


#hpbanner h2.relationships-that-matter {
        background: url(../images/banners/relationships-that-matter.png) no-repeat;
        width: 522px;
        height: 83px;
}
#hpbanner h2.anywhere-computing-made-easy {
        background: url(../images/banners/anywhere-computing-made-easy.png) no-repeat;
        width: 472px;
        height: 81px;
}
#hpbanner h2.join-the-revolution {
        background: url(../images/banners/join-the-revolution.png) no-repeat;
        width: 346px;
        height: 83px;
}
#hpbanner h2.more-for-less {
        background: url(../images/banners/5x-more-for-less.png) no-repeat;
        width: 382px;
        height: 35px;
}
#hpbanner .summary {
        position: absolute;
        top: 174px;
        left: 348px;
}
#hpbanner .summary p {
        margin: 0;
        padding: 0;
        width: 462px;
}
#hpbanner .summary-reg {
        position: absolute;
        top: 124px;
        left: 41px;
}
#hpbanner .summary-reg p {
        margin: 0;
        padding: 0;
        width: 500px;
}
#hpbanner .learn-more {
        position: absolute;
        top: 236px;
        left: 60px;
}
#hpbanner .learn-more a {
        color: #fff;
        text-decoration: none;
        font: normal 14px Arial, Helvetica, sans-serif;
}
#hpbanner .learn-more a:hover {
        border-bottom: solid 1px #fff;
}
#hpbanner .learn-more img {
        border: none;
        padding-left: 6px;
        border: none;
}
#hpbanner .learn-more-btn {
        position: absolute;
        top: 225px;
        left: 41px;
}
#hpbanner .learn-more-btn a {
        background: url(../images/banners/learn-more-btn.png) no-repeat;
        width: 159px;
        height: 44px;
        display: block;
        text-indent: -99999px;
        overflow: hidden;
}
#hpbanner .learn-more-btn a:hover {
        background-position: 0 -44px;
}

.arrow-list {
	margin: 10px 0 15px 18px;
	padding: 0;
}
.arrow-list li {
	list-style: url(../images/arrow-bp.png);
	padding: 0 0 0 8px;
	margin: 0;
}
.news {
	margin-top: 10px;
}
.news h2 {
	color:#2986ce;
	font-size:16px;
	line-height:18px;
	margin:0;
	letter-spacing:-1px;
}
.news h2{
	padding:0 0 0 5px;
}
.news h2 {
	padding:0 13px 0 0;
	background: url(../images/green-arrow.gif) no-repeat 2px;
	}
	.partner-program {
	background: url(../images/partner-program.png) no-repeat;
	width: 267px;
	height: 81px;
	display: block;
	text-indent: -99999px;
	border: none;
}
.partner-program:hover {
	background-position: 0 -81px;
}