@charset "utf-8";
html, body {
	background-color: #191919;
}
body {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1,h2 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #000;
	font-weight:bold;
}

h3,h4 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	font-weight:bold;
}
td.label {text-align: right; background-color: #ECF3F7; border-top: thin solid #fff;}
#header {
	padding-top: 5px;
	height: 60px;
	min-height: 60px;
}
#sitenav {
	/*background-image:url(../images/nav.jpg); */
	background-color: #67aced;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav_links, #nav_links a {color:#FFF; font-weight:bold; text-decoration:none;}
#sitenav ul { margin: 0px; list-style: none;}
#sitenav ul li {
	float: left;
	margin-right: 20px;
	width: 100px;
}

#sitenav ul li a {
	padding: 4px 0px; 
	color:#FFF;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	border: #67aced 1px solid;
	display: block;
	
}

#sitenav ul li a:hover, #sitenav ul li a.active{
	background-color: #1668B6;
	border: #1668B6 1px solid;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#main {
	background-color:#FFF;
	border-bottom: 10px solid #036
}

#main .container { padding-top:20px; }
#promo {
	background: url(../images/test/home_banner_bg.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	width: 902px;
	height:277px;
}
#promo #items { 
	position: absolute;
	width: 3000em;
}
#promo #items .item {
	width: 950px;
	padding-left: 20px;	
	padding-top: 15px;
	float:left;
}
#items .item h3 {
	color:#FFF;
	font-weight:bold;
	padding-top: 5px;
}

#items .item p {
	color:#FFF;
}
ul#tabs {margin:0; padding:0; list-style: none; }
ul#tabs li {float: left; text-indent:-9999px; padding:0; margin:0 !important; list-style-image:none !important;}
ul#tabs li a { display: block; width: 175px; height:85px; }
ul#tabs li a#t1{ background:url(../images/intro_tab.jpg) no-repeat; width: 189px;}
ul#tabs li a#t1:hover{ background:url(../images/intro_tab.jpg) 0 -85px no-repeat; width: 189px;}
ul#tabs li.active a#t1{ background:url(../images/intro_tab.jpg) 0 -170px no-repeat; width: 189px;}
ul#tabs li a#t2 { background:url(../images/inbox_tab.jpg) no-repeat; }
ul#tabs li a#t2:hover { background:url(../images/inbox_tab.jpg) 0 -85px no-repeat; }
ul#tabs li.active a#t2 { background:url(../images/inbox_tab.jpg) 0 -170px no-repeat; }
ul#tabs li a#t3 { background:url(../images/calendar_tab.jpg) no-repeat; }
ul#tabs li a#t3:hover { background:url(../images/calendar_tab.jpg) 0 -85px no-repeat; }
ul#tabs li.active a#t3 { background:url(../images/calendar_tab.jpg) 0 -170px no-repeat; }
ul#tabs li a#t4 { background:url(../images/document_tab.jpg) no-repeat; }
ul#tabs li a#t4:hover { background:url(../images/document_tab.jpg) 0 -85px no-repeat; }
ul#tabs li.active a#t4 { background:url(../images/document_tab.jpg) 0 -170px no-repeat; }
ul#tabs li a#t5 { background:url(../images/web_tab.jpg) no-repeat; width: 187px; }
ul#tabs li a#t5:hover { background:url(../images/web_tab.jpg) 0 -85px no-repeat; width: 187px; }
ul#tabs li.active a#t5 { background:url(../images/web_tab.jpg) 0 -170px no-repeat; width: 187px; }

#featurebar { padding-top:10px;}
#featurebar a {color: #000; text-decoration: none; }
#featurebar a:hover h6 { color: #006699; }
#more {
	border:#CCC thin solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
}
a.more {
	background:url(../images/morearrow.gif) no-repeat;
	background-position: 100% 50%;
	padding-right: 10px;
	color: #006699;
	text-decoration:none;
}
#main #featuredetails a.zoom .enlarge{ display: block; position: relative; top: 5px; left: 10px; width: 22px; height: 21px; z-index: 4; background: url(../images/zoom-open.png) no-repeat left top;}
#main #featuredetails a.zoom img { float: left; margin: 0; position: relative; z-index: 2; padding-left: 20px;}
#zoom {z-index::100;}

.header { color: #006699; font-weight: bold; margin-bottom: 5px;}
.span-5 .header { padding-top: 4px;}
h2.prepend-3 {margin-bottom: 2px;}
#introducing {
	background:url(../images/introducing.png) no-repeat;
	background-position: 50% 50%;
	text-align: left;
	text-indent: -99999px;
}
.pricing {
	border: #E5E5E5 thin solid;
	background-color: #FFF;
	width: 630px;
	margin-bottom:0;
}
.pricing td {
	background-color: #ECF3F7;
}
.pricing select {width: 175px; }
.pricing #mailbox_price, .pricing #total_storage, .pricing #mobile_total { background-color: #FFF; text-align: center; }

a#twitter {
	display: block;
	width: 225px;
	height: 75px;
    text-align: left;
	text-indent: -99999px;
	background: url(../images/follow-us-twitter.png) no-repeat;
	opacity:0.8;
}
a#twitter:hover{
	opacity:1;
}

#ft {
	color:#FFF;
	padding-top: 10px;
}

.fieldWithErrors { padding:0; margin: 0; }
.fieldWithErrors label { color:#c00; }

#errorExplanation h2 {
  text-align: left;
  font-size:1.2em;
  font-weight: bold;
  color: #c00;
  padding: 0;
  margin: 0;
}

#errorExplanation p{
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul {
  padding: 5px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.gs-button {
		outline: none; 
		margin:0 4px 0 0; 
		padding: .4em 1em; 
		text-decoration:none !important; 
		cursor:pointer; 
		position: relative; 
		text-align: center; 
		zoom: 1; 
}
#loading { position:absolute; left:50%; top:40%; margin-left:-100px; margin-top:-50px; z-index:100; }
.hide {visibility: visible;}
/* remove dotted line around a:active in our tab base nav for features - total Firefox hack */
:-moz-any-link:focus {
  outline: none;
}