/* ==== DEFAULTS -- DO NOT CHANGE ======= */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
body { font-family: helvetica,arial,sans-serif; }

body,html {
	height: 100%;
	}

body {
	background: #fff url(../en/images/home-main-bg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	line-height: 1; 
	color: black;
	}
	
a.active, a.visited, a {
	text-decoration: underline;
	color: #0a64b1;
	}

a:hover {
	text-decoration: none;
	}
	 
#container {
	display: block;
	width: 1002px;
	height: 420px;
	_height: 925px;
	margin: 0 auto 8px auto;
	position: relative;
	}

#home-top-nav {
	background: transparent;
	}
#home-top-nav ul {
	_font-size: 14px;
	padding: 16px 0 16px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0 15px 0 0;
	text-align: right;
	}
#home-top-nav ul li {
	display: inline;
	}
#home-top-nav ul li a {
	font: normal 14px helvetica,arial,sans-serif;
	color: #0a64b1;
	padding: 16px 3px 16px 3px;
	margin-right: 10px;
	text-decoration: none;
	text-transform: lowercase;
	}
#home-top-nav ul li a:hover, .home-top-nav ul li a.selected {
	text-decoration: underline;
	}


	

#logo {
	width: 340px;
	display: block;
	position: absolute;
	text-decoration: none;
	top: 35px;
	left: 65px;
	}
	
#logo #slogan {
	text-align: left;	
	letter-spacing: 4px;
	font: normal 13px verdana,arial,sans-serif;
	color: #9ea9af;
	text-align: justify;
	*margin-top: 5px;
	}	
	
	
	
	
	
	
	
	
	
/* === MANINTENANCE === */	

#maintenancetitle {
	width: 800px;
	position: absolute;
	top: 250px;
	margin: 0 0 0 80px;	
	font:normal 16px verdana,arial,sans-serif;
	color: #0d73c7;
	font-size:30px;
	line-height: 140%;
	text-align:center;
	}
#maintenance {
	width: 800px;
	position: absolute;
	top: 300px;
	margin: 0 0 0 80px;	
	font: normal 16px verdana,arial,sans-serif;
	color: #4c585e;
	font-size:20px;
	line-height: 140%;
	text-align:center;
	}
	
/* === MESSAGE === */		
	
#message {
	width: 650px;
	position: absolute;
	top: 220px;
	margin: 0 0 0 80px;	
	font-family: "AvenirLTStd-Medium",Helvetica,Arial,sans-serif;		
	font-size: 16px;
	color: #354046;
	line-height: 140%;
	text-align: left;
	}
#message strong {
	display: block;
	color: #000;
	font-size: 21px;
	padding: 0 0 8px 0;
	}	
#message p {
	padding: 0 35px;
	}	
	
	
	
/* === FEATURES ROTATE === */

#features_rotate {
	position: absolute;
	top: 135px;
	width: 1002px;
	height: 134px;
	padding-top: 20px;
	font-family: Helvetica, Arial, sans-serif;
	}	
	
.feature {
	font-size: 15px;
	}
.feature .headline {
	font-size: 22px;
	line-height: 120%;
	text-shadow: #fff 1px 1px 1px;	
	}	
.feature .message {
	line-height: 150%;	
	width: 540px;
	text-shadow: #fff 1px 1px 1px;
	font-family: Verdana;	
	float: left;
	}			
.feature a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
	display: block;
	}
.feature .learnmore {
	text-decoration: underline;
	color: #0a64b1;	
	color: #000;
	font-weight: bold;
	}	
.feature a:hover .learnmore {
	text-decoration: none;
	}	
	
	

#f2 {
	padding: 10px 0 0 81px;
	display: block;
	}			
#f2 .headline {
	display: block;
	float: left;
	padding: 60px 0 0 0;
	font-weight: bold;
	}	
#f2 .image {
	display: block;
	margin: 5px 0 25px 23px; 	
	*margin: 5px 0 11px 23px;
	float: left;
	}
#f2 .message {
	display: block;
	padding: 0 0 0 141px;
	}
	
#f3 {
	padding: 15px 0 0 40px;
	display: block;
	}			
#f3 .headline {
	display: block;
	float: left;
	padding: 0 0 5px 5px;
	font-weight: bold;
	font-size: 29px;
	}	
#f3 .image {
	display: block;
	margin: 5px 20px 20px 50px; 	
	*margin: 5px 0 11px 50px;
	float: left;
	}
#f3 .message {
	display: block;
	padding: 0 0 0 5px;
	}	
#f1 p {
	padding: 5px 0;
	}	

#f1 {
	padding: 10px 0 0 81px;
	display: block;
	}			
#f1 .headline {
	display: block;
	float: left;
	padding: 60px 0 0 0;
	font-weight: bold;
	}	
#f1 .image {
	display: block;
	margin: 5px 0 20px 23px; 	
	*margin: 5px 0 11px 23px;
	float: left;
	}
#f1 .message {
	display: block;
	padding: 0 0 0 141px;
	}	
		
	
#container #numbers {
	position: absolute;
	left: 223px;
	bottom: -10px;
	font-size: 11px;
	}	
#container #numbers li {
	float: left;
	}
#container #numbers a {
	border: 1px solid #ccc;
	padding: 3px 5px;
	margin: 0 4px 0 0;
	text-decoration: none;
	line-height: 100%;
	}		
	
	
	
	
	
	
	
	
	
/* === MIGRATION BADGE === */

a.migration_badge {
	background: url(../en/images/badge-digitalnations.png) no-repeat 0 0;
	width: 177px;
	height: 138px;
	display: block;
	color: #fff !important;
	text-decoration: none;
	line-height: 1%;
	font-size: 1px;
	position: absolute;
	right: 70px;
	top: 253px;
	}	
a:hover.migration_badge {
	background: url(../en/images/badge-digitalnations.png) no-repeat 0 -138px;
	}		
	
	
	
	
#swoop {
	display: block;
	background: url(../en/images/home-swoop-arrow.gif) no-repeat 15px 15px;
	width: 67px;
	height: 94px;
	position: absolute;
	top: 324px;
	margin: 0 0 0 50px;
	padding: 5px 0 0 55px;
	width: 724px;
	z-index: 0;
	} 	
#swoop p {
	display: block;
	padding: 0;
	margin: 0;
	font: italic 13px verdana,arial,sans-serif;
	color: #4c5255;
	line-height: 130%;	
	}	
	
	
	
	
	
	
	
/* === CHOOSE YOUR COMPANY NETWORK NAME === */	
	
	
#choose_network_name {
	position: absolute;
	top: 350px;
	margin: 0 0 0 127px;
	z-index: 1;
	left: 0px;
	}
#choose_network_name form {
	padding: 5px;
	}		
#choose_network_name .inputbox-networkURL {
	padding: 6px 8px 6px 8px;
	border: 0;
	width: 400px;
	font: bold 18px helvetica,arial,sans-serif;
	color: #0160a6;
	background: #d5dbde;
	border: 1px solid #ddd;	
	border-right: 0;
	float: left;
	}		
@-moz-document url-prefix() {
	#choose_network_name .inputbox-networkURL {
		padding: 6px 8px 6px 8px;
	}
}	
#choose_network_name input.blue[type='submit'] {
	border: 0;
	background:url(../en/images/button-blue.gif) repeat-x;
	font: normal 18px helvetica,arial,sans-serif;
	color: #fff;
	padding: 6px 14px 8px 14px;
	cursor: pointer;
	display: block;
	float: left;
	}
	
* html #choose_network_name input.blue {
	border: 0;
	background:url(../en/images/button-blue.gif) repeat-x;
	font: normal 18px helvetica,arial,sans-serif;
	color: #fff;
	padding: 6px 14px 8px 14px;
	cursor: pointer;
	display: block;
	float: left;
	}
#choose_network_name input.blue[type='submit'] {
	*padding: 4px 7px 8px 7px;
	}
	
* html #choose_network_name input.blue {
	*padding: 4px 7px 8px 7px;
	}
@-moz-document url-prefix() {
	#choose_network_name input.blue[type='submit'] {
		padding: 8px 14px 6px 14px;
	}
}

* html @-moz-document url-prefix() {
	 #choose_network_name input.blue {
		padding: 8px 14px 6px 14px;
	}
}

#choose_network_name input.blue[type='submit']:focus {
	border: 1px solid #00ff36;
	}	
	
* html #choose_network_name input.blue:focus {
	border: 1px solid #00ff36;
	}
	
#choose_network_name a.lost_pass {
	display: block;
	font: normal 11px helvetica;
	margin: 5px 0 0 210px;
	clear: both;
	color: #999;
	}	
	
	
	
	
	
/* === LOGIN FORM === */	
		
	
		
#login form {
	float: left;
	margin: 7px 0 0 0;
	}	
#login .inputbox-201_user, #login .inputbox-201_pass {
	padding: 3px 5px 3px 5px;
	margin: 0 6px 1px 0;
	border: 0;
	width: 139px;
	font: 12px helvetica,arial,sans-serif;
	color: #666;
	background: #d8dee2;
	float: left;
	display: block;
	}
#login .inputbox-201_user:focus, #login .inputbox-201_pass:focus {
	background: #fff;
	}		
#login input.blue[type='submit'] {
	border: 1px solid #46b35d;
	background:url(../en/images/button-blue.gif) repeat-x;
	font: normal 13px helvetica,arial,sans-serif;
	color: #fff;
	padding: 1px 9px 1px 9px;
	cursor: pointer;
	display: block;
	float: left;
	margin-top: -3px;
	}
	
* html #login input.blue {
	border: 1px solid #46b35d;
	background:url(../en/images/button-blue.gif) repeat-x;
	font: normal 13px helvetica,arial,sans-serif;
	color: #fff;
	padding: 1px 9px 1px 9px;
	cursor: pointer;
	display: block;
	float: left;
	margin-top: -3px;
	width: 80px;
	}
#login input.blue[type='submit']:focus {
	border: 1px solid #46b35d;
	}	
	
#login input.blue:focus {
	border: 1px solid #46b35d;
	}
	
#login a.lost_pass {
	display: none;
	font: normal 11px helvetica;
	margin: 5px 0 0 210px;
	clear: both;
	color: #999;
	}





/* === BOXES === */	



#home-main-nav {
	float: left;
	line-height: normal;
	position: absolute;
	top: 550px;
	margin: 0 0 0 46px;
	}
	* html #home-main-nav{ /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em;
	}
#home-main-nav ul {
	_font-size: 19px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#home-main-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#home-main-nav a {
	float: left;
	background: url(../en/images/home-main-nav-left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 24px;
	text-decoration: none;
	}
#home-main-nav #learn a {
	width: 277px;
	height: 150px;
	}
#home-main-nav #partners a {
	width: 277px;
	height: 150px;
	}	
#home-main-nav #partners a span img {
	margin-top: 25px;
	margin-left: 20px;
	}	
#home-main-nav #login a {
	width: 276px;
	height: 150px;
	cursor: default;	
	}
#home-main-nav #create a {
	width: 277px;
	height: 150px;
	}
#home-main-nav #join a {
	width: 277px;
	height: 150px;
	}	
#home-main-nav #join a span {
	padding: 20px 13px 0 0;
	}	
#home-main-nav #join a span img {
	float: right;
	margin: 1px 0 0 5px;
	}	
	
/* === CVX BOX === */	
	
#home-main-nav #cvx a {
	width: 277px;
	height: 150px;
	}	
#home-main-nav #cvx a span {
	padding: 20px 13px 0 0;
	}	
#home-main-nav #cvx a span img {
	float: left;
	margin: 0;
	clear: both;
	}		
#home-main-nav #cvx h2 {
	clear: both;
	padding-top: 3px;
	}




	
#home-main-nav a span {
	float: left;
	display: block;
	background: url(../en/images/home-main-nav-right.gif) no-repeat right top;
	padding: 20px 27px 0 0;
	color: #fff;
	height: 130px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#home-main-nav a span {float: none;}
	/* End IE5-Mac hack */
	
#home-main-nav a:hover span, #home-main-nav a:hover span .underline {
	color: #fff;
	}
#home-main-nav a:hover {
	background-position: 0% -150px;
	}
#home-main-nav a:hover span {
	background-position: 100% -150px;
	}
#home-main-nav h1 {
	font: 19px helvetica,arial,sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	}
#home-main-nav img {
	float: right;
	margin: 10px 0 0 10px;
	}
#home-main-nav h2 {
	font: normal 11px helvetica,arial,sans-serif;
	color: #b9ccdd;
	text-decoration: none;
	padding: 10px 0 0 0;
	margin: 0;
	}
#home-main-nav a:hover h2 {
	color: #fff;
	}
#home-main-nav .underline {
	font: 12px helvetica,arial,sans-serif;
	color: #b9ccdd;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	display: inline;
	cursor: pointer;
	}
#home-main-nav .underline:hover {
	text-decoration: none;
	color: #fff;
	}	


#home-main-nav a .not_a_member {
	font: normal 12px helvetica;
	color: #b9ccdd;
	background: 0;
	margin: 0;
	padding: 7px 0 0 0;
	clear: left;
	}	
	
	
	
/* === FOOTER === */	
	
	
	
.footer {
	background: url(../en/images/home-footer-bg.gif) repeat-x center bottom;
	position: relative;
	width: 1000px;
	top: 668px;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 auto;
	}
.footer-spacer {
	display: block;
	padding: 15px 35px;
	}
	
.footer a.powered_by_bv {
	display: block;
	position: absolute;
	bottom: 26px;
	right: 35px;
	background: url(../en/images/powered_by_bv_142.gif) no-repeat 0 0;
	width: 142px;
	height: 15px;
	color: #fff !important;
	font-size: 1px;
	line-height: 1%;
	}	
.footer a:hover.powered_by_bv {
	background: url(../en/images/powered_by_bv_142.gif) no-repeat 0 -15px;
	}		
	
		
.footer .note {
	display: block;
	font: 11px helvetica,arial,sans-serif;
	color: #999;
	line-height: 130%;
	padding: 28px 35px 10px 35px;
	}	
.footer .copyright {
	display: block;
	font: 11px helvetica,arial,sans-serif;
	color: #999;
	padding: 15px 0 25px 35px;
	}	
.footer ul {
	_font-size: 11px;
	float: left;
	margin: 0 45px 0 0;
	padding-left: 0;
	color: #999;
	}		
.footer ul:hover {
	color: #000;
	}
.footer .title {
	display: block;
	padding: 0 0 6px 0;
	font: bold 11px helvetica,arial,sans-serif;
	color: #4D4C4C;
	}	
.footer li {
	display: block;
	padding: 0 0 2px 0;
	}		
.footer a {
	font: 11px helvetica,arial,sans-serif;
	color: inherit !important;
	color: #4D4C4C;
	text-decoration: none;
	}	
.footer a:hover {
	text-decoration: underline !important;
	}	
.footer a:visited {
	text-decoration: none;
	}	
.footer select {
	width: 180px;
	}	
.footer #footer_right {
	font: 11px helvetica,arial,sans-serif;
	float: right;
	text-align: right;
	width: 180px;
	}	
.footer #footer_right a {
	display: block;
	color: #999 !important;	
	}	
.footer #footer_right a.signout_link {
	margin: 15px 0 0 0;
	}		
.footer #footer_right a:hover {
	color: #000 !important;
	text-decoration: underline;
	}