@charset "utf-8";
body {
	margin: 0 auto;
	background:#293239;
	font-family: Microsoft Sans Serif, Lucida Grande, Arial;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
* html { overflow-x: hidden; overflow-y: hidden; overflow: hidden; }

a, div, object { outline: none; }
img { border: 0; behavior: url(/assets/css/pngHack.htc); }
a, a:link, a:visited { color: #F3E57F; font-weight: bold; }
a:hover, a:active { color: #FFF; }

#vAlignContainer { position: absolute; height: 200px; margin: 0 auto; bottom: 72%; left: 0; _margin: 0 0 -435px 0;  _bottom: 20%; width: 100%; }
#container { display:block; position:relative; width: 100%; margin:0 auto; text-align:center; }
#containerTop { position: relative; width: 100%; min-height: 140px; height:auto !important; height: 140px; float:left; margin: 0 auto; text-align: center; background: url(/assets/layout/bg_top.jpg) bottom repeat-x; z-index: 99; }
#topBox { width: 980px; height: 140px; position: relative; margin: 0 auto; }
#logo {
	position: absolute;
	top: 42px;
	left: 25px;
	height: 90px;
	width: 310px;
}
#logo2 { position: absolute; top: 167px; left: 34px; height: 90px; width: 310px; }
#iPhoneNotice {
	position: absolute;
	top: 8px;
	right: -240px;
	height: 88px;
	width: 159px;
}

#topNav { position: absolute; top: 106px; height: 20px; width: 421px; right: 30px; }
#window { position: relative; width: 100%; height: 400px; float:left; margin: 0 auto; background: #2A476F; text-align: center; z-index: 5; }
#containerWindow2 { position: relative; width: 100%; height: 400px; float:left; margin: 0 auto; background: url(/assets/layout/bg_clouds.jpg) repeat-x left top; text-align: center; }
#window2 { position: relative; width: 900px; height: 390px; text-align: center; margin: 0 auto; }
#containerServices { position: relative; width: 100%; height: 86px; float:left; margin: 0 auto; background: url(/assets/layout/bg_services.jpg) repeat-x; text-align: center; z-index: 999; }


/********************************************************************************* client services */
div#servicesBox {
	position: relative;
	width: 900px;
	height: 81px;
	text-align: center;
	margin: 0 auto;
}
#clientServicesBox{
	position: relative;
	height: 100%; 
	width: 200px; 
	margin: 0 auto;
	padding: 0 0 0 20px;
	float:right; 
	background: url(../layout/clientservices_divider.jpg) right no-repeat;
	text-align: left; 
}
#clientServicesBox ul{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}
#clientServicesBox li{
	margin: 0;
	padding: 0;
	height: 22px;
	width: 160px;
}
#clientServicesBox ul li a, #clientServicesBox ul li a:link, #clientServicesBox ul li a:visited{
	display: block;
	width: 100%;
	height: 100%;
	font-family: Arial, Lucida Sans Unicode, Lucida Grande, Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #a2bdd0;
	line-height: 22px;
	padding-left: 25px;
	text-decoration: none;
}
#clientServicesBox ul li a:hover, #clientServicesBox ul li a:active { color: #e9d798; }
#clientServicesBox li.create { background: url(/assets/layout/services_i_create_0.png) left no-repeat; }
#clientServicesBox li.create a:hover, #clientServicesBox li.create a:active { background: url(/assets/layout/services_i_create_1.png) left no-repeat; }
#clientServicesBox li.check { background: url(/assets/layout/services_i_check_0.png) left no-repeat; }
#clientServicesBox li.check a:hover, #clientServicesBox li.check a:active { background: url(/assets/layout/services_i_check_1.png) left no-repeat; }
#clientServicesBox li.webmail { background: url(/assets/layout/services_i_webmail_0.png) left no-repeat; }
#clientServicesBox li.webmail a:hover, #clientServicesBox li.webmail a:active { background: url(/assets/layout/services_i_webmail_1.png) left no-repeat; }
#clientServicesBox li.emaildoc { background: url(/assets/layout/services_i_emaildoc_0.png) left no-repeat; }
#clientServicesBox li.emaildoc a:hover, #clientServicesBox li.emaildoc a:active { background: url(/assets/layout/services_i_emaildoc_1.png) left no-repeat; }
#clientServicesBox li.google { background: url(/assets/layout/services_i_google_0.png) left no-repeat; }
#clientServicesBox li.google a:hover, #clientServicesBox li.google a:active { background: url(/assets/layout/services_i_google_1.png) left no-repeat; }
#clientServicesBox li.goto { background: url(/assets/layout/services_i_goto_0.png) left no-repeat; }
#clientServicesBox li.goto a:hover, #clientServicesBox li.goto a:active { background: url(/assets/layout/services_i_goto_1.png) left no-repeat; }
div#containerBtm { position: relative; float: left; background: url(/assets/layout/bg_bottom.jpg) top repeat-x; margin: 0 auto; width: 100%; height: 313px; }

.title {
	background: #2D4561;
	color: #BDDBE3;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	padding-left: 28px;
}
div#googleReseller { position: absolute;  width: 90px; height: 99px; left: 52px; top: -30px; z-index: 9999; }