/* ==== 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;
	margin: 0 auto 8px auto;
	position: relative;
	}

#home-top-nav {
	background: transparent;
	}
#home-top-nav ul {
	padding: 16px 0 7px 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 20px 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 4px 3px;
	margin-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
	}
#home-top-nav ul li a:hover, .home-top-nav ul li a.selected {
	text-decoration: underline;
	}

#cometo {
	display: none;
	position: absolute;
	top: 45px;
	margin: 0 0 0 80px;	
	font: normal 18px helvetica,arial,sans-serif;
	color: #788288;
	z-index: 99;
	}
	
	
	
	

#logo {
	width: 811px;
	height: 362px;
	background: url(../en/images/home-logo_NEW.png) no-repeat;
	display: block;
	position: absolute;
	text-decoration: none;
	top: 32px;
	left: 10px;
	/*
	top: 0;
	left: -75px;
	*/
	}
	
#logo #slogan {
	position: absolute;
	/*
	left: 195px;
	bottom: 155px;
	*/
	left: 70px;
	bottom: 190px;
	text-align: center;	
	letter-spacing: 1px;
	font: normal 17px verdana,arial,sans-serif;
	color: #9ea9af;
	}
	
/* === 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: 240px;
	margin: 0 0 0 80px;	
	font: normal 16px verdana,arial,sans-serif;
	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;
	}	
	
	
/* === 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;
	}
#choose_network_name input.blue[type='submit'] {
	*padding: 4px 7px 8px 7px;
	}
@-moz-document url-prefix() {
	#choose_network_name input.blue[type='submit'] {
		padding: 8px 14px 6px 14px;
	}
}	
#choose_network_name input.blue[type='submit']: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: 3px 9px 3px 9px;
	cursor: pointer;
	display: block;
	float: left;
	margin-top: -3px;
	}
#login input.blue[type='submit']: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 {
	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 #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;
	}	
#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;
	}
#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 .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 {
	float: left;
	margin: 0 45px 0 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;
	}