.row {
	clear: left;
	float: left;
	width: 100%;
	}

.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12,
.span-13,
.span-14,
.span-15,
.span-1-pad,
.span-2-pad,
.span-3-pad,
.span-4-pad,
.span-5-pad,
.span-6-pad,
.span-7-pad,
.span-8-pad,
.span-9-pad,
.span-10-pad,
.span-11-pad,
.span-12-pad,
.span-13-pad,
.span-14-pad,
.span-15-pad {
	float: left;
	margin-right: 15px;
}
.span-1{width:50px;}
.span-2{width:115px;}
.span-3{width:180px;}
.span-4{width:245px;}
.span-5{width:310px;}
.span-6{width:375px;}
.span-7{width:440px;}
.span-8{width:505px;}
.span-9{width:570px;}
.span-10{width:635px;}
.span-11{width:700px;}
.span-12{width:765px;}
.span-13{width:830px;}
.span-14{width:895px;}
.span-15{width:960px;}
.span-1-pad{width:60px;padding: 0 10px;}
.span-2-pad{width:110px;padding: 0 10px;}
.span-3-pad{width:160px;padding: 0 10px;}
.span-4-pad{width:210px;padding: 0 10px;}
.span-5-pad{width:260px;padding: 0 10px;}
.span-6-pad{width:310px;padding: 0 10px;}
.span-7-pad{width:360px;padding: 0 10px;}
.span-8-pad{width:410px;padding: 0 10px;}
.span-9-pad{width:460px;padding: 0 10px;}
.span-10-pad{width:510px;padding: 0 10px;}
.span-11-pad{width:560px;padding: 0 10px;}
.span-12-pad{width:610px;padding: 0 10px;}
.span-13-pad{width:660px;padding: 0 10px;}
.span-14-pad{width:710px;padding: 0 10px;}
.span-15-pad{width:760px;padding: 0 10px;}

#header-wrap{
	text-align: center;
}
#header{
	margin:0 auto;
	width: 975px;
	padding-left: 15px;
}
#tagline {
	padding-left: 0;
	}
#header h1{
	background:url(/_media/zimbra_logo.png) top left no-repeat;
	float:left;
	margin:0;
	padding:0;
	width:170px;
}

#header h1 a{
	display:block;
	height:50px;
	margin:0;
	padding:0;
	width:170px;
}

#header h1 span{
	display:none;
}
#search input.150,#search select.150{
	width:140px;
}
#top-nav-wrap{
text-align:center;
width:100%;
}
#top-nav{
width:auto;
}

#top-nav ul{
margin-left:2px;
padding-bottom:0;
padding-left:0;
width:990px;/* keeps the inline,floated li's from spilling out when the browser window is sqeezed horizontally. */
margin: 0 auto;
text-align:left;
}

#top-nav li#navPricing {
	float: right;
	width: 66px;
	margin-right: 23px;
	}
#top-nav li#navPricing a {
	margin: 0;
	padding: 0;
	background: url(../_media/topnav_pricing.png) no-repeat;
	display: block;
	width: 66px;
	height: 30px;
	}
#top-nav #navPricing span {
	display: none;
	}
	
#content-wrap{
	text-align: center;
	background-color: #FDFDFD;
}
#content-main{
	border-left: 2px solid #c3c3c3;
	border-right: 2px solid #c3c3c3;
	padding-left: 15px;
	padding-bottom: 30px;
	width: 975px;
	margin: 0 auto;
	text-align: left;
	background: #f7f7f7;
}

#content-main h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #636363;
	font-size: 11px;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	}	
#content-main h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	}	
#content-main h3 a {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}	
#content-main p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #636363;
	line-height: 1.4;
	}

/**************** HOME VALPROP NAV ********************/

.ui-tabs-hide {
    display: none;
}

#valPropWrap {
	width: 730px;
	margin-bottom: 10px;
	}
.valPropContent {
	background: #900;
	display: none;
	}
.valPropContent h2 span {
	display: none;
	}
#content-main .valPropContent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #f7b700;
	font-size: 15px;
	line-height: 1.2;
	}
#content-main .valPropContent a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	}
#content-main .valPropContent p a {
	font-family: Arial, Helvetica, sans-serif;
	color: #f7b700;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#content-main .valPropContent a.more {
	background: url(../_media/homepage/yellow_arrow_valprop.png) 100% 5px no-repeat;
	padding-right: 10px;
	margin-right: 20px;
	}
.valPropContent a:hover {
	text-decoration: underline;
	}
.valprop-img img {
	float: right;
	}
	
#vp1-content {
	width: 710px;
	height: 175px;
	padding: 60px 0 0 20px;
	background: url(/_media/homepage/bg_valprop6.jpg) 100% 50% no-repeat !important;
	}
#vp1-content h2 {
	color: #f7b700 !important;
	font-size: 20px !important;
	margin: 0;
	text-transform: none;
	}
#vp1-content p {
	margin-top: 30px;
	}
#vp1-content p a {
	color: #fff !important;
	font-size: 13px !important;
	text-decoration: underline !important;
	font-weight: bold !important;
	}
#vp1-content p a.more {
	background: url(/_media/homepage/arrow_on_black.png) 100% 7px no-repeat !important;
	padding-right: 12px !important;
	}
	
#vp1-content ul {
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
	float: left;
	width: 180px;
	margin-right: 10px;
	list-style: none;
	}	
#vp1-content li {
	background: url(../_media/arrow_white.png) 0 5px no-repeat;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f7b700;	
	margin-bottom: 10px;
	}	
#vp1-content li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px !important;
	color: #f7b700 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	}	

#vp2-content {
	float: left;
	width: 416px;
	height: 205px;
	padding: 30px 0 0 25px;
	}
#vp2-content ul {
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
	float: left;
	width: 180px;
	margin-right: 10px;
	list-style: none;
	}	
#vp2-content li {
	background: url(../_media/arrow_white.png) 0 5px no-repeat;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f7b700;	
	margin-bottom: 10px;
	}	
#vp2-content li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px !important;
	color: #f7b700 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	}	
	
#vp3 {
	text-align: center;
	}
#vp3-content {
	width: 730px;
	height: 205px;
	padding: 30px 0 0 0;
	text-align:center;
	}	
#content-main .valPropContent #vp3-content p {
	color: #fff;
	font-size: 13px;
	margin-top: 15px;
	}
#content-main .valPropContent #vp3-content p a {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	}
	
#vp4 .valprop-img img {
	margin: 10px 23px 0 0;
	display: inline;
	}

#vp4-content {
	float: left;
	width: 312px;
	height: 195px;
	padding: 40px 0 0 25px;
	}
	
#valPropNav {
    height: 36px;
    width: 720px;
    margin: 0;
    padding: 0;
	padding-left: 10px;
    list-style-type: none;
    background: #6b0000;
}

#valPropNav li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
}

#valPropNav li a {
    background: none;
    float: left;
    display: block;
	width: 24px;
	height: 30px;
	margin-right: 6px;
}

p.promo-link {
	margin: 0;
	padding: 0;
	line-height: 1;
	float: right;
	width: 200px;
	margin-top: 8px;
	xxmargin-right: 15px;
	display: inline;
	}
p.promo-link a {
	background: url(/_media/homepage/yellow_arrow.png) 100% 50% no-repeat;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #fff !important;
	text-decoration: none;
	}
	
#valPropNav li a strong {
    display: none;
}

#valPropNav li.aLink1 a {
    background: url(/_media/homepage/vp_nav_1.png) no-repeat 0 0;
}
#valPropNav li.aLink2 a {
    background: url(/_media/homepage/vp_nav_2.png) no-repeat 0 0;
}
#valPropNav li.aLink3 a {
    background: url(/_media/homepage/vp_nav_3.png) no-repeat 0 0;
}
#valPropNav li.aLink4 a {
    background: url(/_media/homepage/vp_nav_4.png) no-repeat 0 0;
}
#valPropNav li.ui-tabs-selected a.aVp1,
#valPropNav li.ui-tabs-selected a:hover.aVp1 {
    background: url(/_media/homepage/vp_nav_1.png) no-repeat 0 -30px;
}
#valPropNav li.ui-tabs-selected a.aVp2,
#valPropNav li.ui-tabs-selected a:hover.aVp2 {
    background: url(/_media/homepage/vp_nav_2.png) no-repeat 0 -30px;
}
#valPropNav li.ui-tabs-selected a:hover.aVp3,
#valPropNav li.ui-tabs-selected a.aVp3 {
    background: url(/_media/homepage/vp_nav_3.png) no-repeat 0 -30px;
}
#valPropNav li.ui-tabs-selected a:hover.aVp4,
#valPropNav li.ui-tabs-selected a.aVp4 {
    background: url(/_media/homepage/vp_nav_4.png) no-repeat 0 -30px;
}

#promo-download {
	background: #660a0a url(../_media/homepage/bg_download.png) 100% 0 no-repeat;
	text-align: center;
	width: 200px;
	height: 206px;
	padding: 65px 30px 0;
	}
a.download-button {
	display: block;
	height: auto;
	}
	
#content-main #promo-download p.promo-text {
	font-family: Verdana, Geneva, sans-serif;
	color: #f7b700;
	font-size: 11px;
	margin: 20px 0;
	}
.callout {
	background: url(/_media/homepage/box_small_top.png) no-repeat;
	padding-top: 16px;
	float: left;
	}
.webinar6 {
	background: url(/_media/homepage/box_small_blank.png) left bottom no-repeat;
	padding-top: 0;
	padding-bottom: 16px;
	}
.callout h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	}	
.callout h3 a {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}	
.callout-body {
	background: url(/_media/homepage/box_small_blank.png) left bottom no-repeat;
	padding: 0 15px 10px;
	height: 135px;
	}
.webinar6 .callout-body {
	padding-top: 16px;
	height: 119px;
	background: url(/_media/homepage/box_small_webinar6.png) no-repeat;
	}
.customers {
	background: url(/_media/homepage/box_small2_top.png) no-repeat;
	}
.customers .callout-body {
	background: url(/_media/homepage/box_small2_blank.png) left bottom no-repeat;
	height: auto;
	zoom: 1;
	}
.testdrivebox {
	background: url(/_media/homepage/box_small_screenshot.png) left bottom no-repeat;
	}
.solutions {
	background: url(/_media/homepage/box_small_solutions.png) left bottom no-repeat;
	}
.webinar {
	background: url(/_media/homepage/box_small_webinar.png) left bottom no-repeat;
	}
#content-main .callout-body h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #636363;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 5px;
	}	
#content-main .callout-body a h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #636363;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}	
#content-main .callout-body p a {
	text-decoration: underline;
	}
.testdrive {
	background: url(/_media/homepage/box_small_screenshot.png) left bottom no-repeat;
	}
.icon-compare {
	clear: left;
	}
.icon-compare img {
	float: left;
	margin-right: 5px;
	display: inline;
	}
.highlights {
	clear: left;
	}	
.highlights img {
	float: left;
	margin-right: 5px;
	display: inline;
	}
.highlights img {
	float: left;
	margin-right: 5px;
	display: inline;
	}
.logo-list img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	display: inline;
	}
.popup-body-icons {
	background:#FFFFCC;
	border:1px solid #000000;
	font:10px verdana,geneva,arial,helvetica,sans-serif;
	padding:5px;
	width:auto;
}


/* SIDEBAR 
*****************************************************/
#sidebar {
	padding-top: 20px;
	}
#sidebar .section {
	margin-bottom: 15px;
	}
#sidebar h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #363636;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	}
#content-main #sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #363636;
	text-transform: uppercase;
	display: inline;
	line-height: 1.4;
	}
#content-main #sidebar h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #363636;
	}
p.subscribe-icons a {
	margin-right: 3px;
	}
#sidebar p {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#sidebar p a {
	color: #636363;
	font-weight: normal;
	}
#sidebar p a:hover {
	color: #900;
	}
#sidebar p cite {
	display: block;
	font-size: 10px;
	font-style: normal;
	}
#sidebar .event img {
	float: left;
	margin-right: 10px;
	display: inline;
	}
.dots {
	background: url(/_media/homepage/dots.png) repeat-x;
	margin-top: 20px;
	padding-top: 20px;
	}
.additional img {
	float: left;
	margin-right: 15px;
	display: inline;
	margin-bottom: 30px;
	}
.graybox-title {
	background: #e1e1e1;
	font-weight: bold;
	padding: 10px 50px 1px 65px;
	margin-right: 15px;
	}
.graybox-body {
	background: #f0f0f0;
	padding: 20px 50px 20px 65px;
	margin-right: 15px;
	}
.graybox-body a {
	color: #999 !important;
	}

/* SUPER FOOTER 
*****************************************************/
#superfooter-wrap {
	text-align: center;
	}
#superfooter {
	width: 975px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: left;
	padding: 1px 0 0 15px;
	}