


.blue{color:#0099CC}
.grey{color:#999}
.orange{color:#f8981d}
.yellow{color:#f3c513}
.blue_tint{color:#b2e0f0}
.orange_tint{color:#fde0bb}
.yellow_tint{color:#fbedb8}
.white{color:#FFF}

*{border:0; margin:0; padding:0}

/*[if gte IE 6]
#sideNav a {height: 1%;}
[endif]*/


.clear:after {content: ""; display: block; clear: both}
.clear {zoom:1}

body{margin:30px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666}

#wrapper{width:960px; padding:0 20px; margin:auto; position: relative}

a{color:#999; text-decoration:underline}
a:hover{color:#000}

#header{height:120px}
	#header h1 a{font-size:1em; color:#999; display: block; width: 250px; height: 64px; float: left; background: url(images/zenpc-logo.gif) no-repeat; text-indent: -5000px} 
	#header ul{list-style-type:none; float:left; margin:32px 0 0 0; padding:0; line-height:1em}
	#header ul li{font-size:1.2em; color:#999; display:inline; border-left:1px solid #999; margin:0 0 0 20px; padding:0 0 0 20px}
	#header ul  li a{color:#999; text-decoration:none}
	#header ul  li a:hover{text-decoration:none; color:#000}
	#header li.first {border:0; margin:0; padding:0}
	#header li#current a{color:#000}
	
	#submenu { position: absolute; right: 20px; width: 165px; top: 90px; }
	#submenu ul { float: none; }
	#submenu ul li {margin:0 0 0 40px; float: none; display: block; padding: 0px 0px 5px 0px; border:none; list-style-type:none; margin-bottom:1em}
	
	#submenu a{font:0.8em/1em Arial, Helvetica, sans-serif; color:#999; text-decoration:none}
	#submenu a:hover{color:#000; text-decoration:none}
  
  #submenu ul ul { margin: 3px 0px 0px 0px; padding: 0px; float: none; }
  #submenu ul ul li { margin: 0px; padding: 0px; }
  #submenu ul ul li a, #submenu ul li#current li a { font:11px Arial, Helvetica, sans-serif; color: rgb(0, 153, 204); }
  #submenu ul ul li#current a { font-weight: normal; }

#content{height:445px}
.cws-leftbar{float:left; width:250px; height:20px}
	.info_box{width:200px; margin:0 0 2em 0}
	.info_box h1{font-size:1em; margin:0; color:#999; text-align:left; line-height:1.4em}
	.info_box h1 a{display:block; width:200px; height:1.4em; text-decoration:none;  color:#999}
	
	.info_box p{margin:0 0 0.5em 0; padding:5px; font-size:1em; line-height:1.3em; color:#666}
	.info_box  ul{margin:5px 5px 5px 1.8em; color:#666; font-size:0.9em}
	.info_box li{margin-bottom:0.3em}
	
	.info_box a{color:#000; text-decoration:none}
        .info_box a:hover{text-decoration:underline}
	.info_box img{margin-left:3px}

        .info_boxx {border:1px solid; width:175px; margin:0 0 2em 0}
	.info_boxx h1{font-size:1em; margin:0; padding:1em;  color:#fff; text-align:left}
	.info_boxx h1 a{display:block; width:175px; height:1em; text-decoration:none;  color:#FFF}
	
	.info_boxx p{margin:0 0 0.5em 0; padding:5px; font-size:1em; line-height:1.3em; color:#666}
	.info_boxx  ul{margin:5px 5px 5px 1.8em; color:#666; font-size:0.9em}
	.info_boxx li{margin-bottom:0.3em}
	
	.info_boxx a{color:#000; text-decoration:none}
        .info_boxx a:hover{text-decoration:underline}
	.info_boxx img{margin-left:3px}

	.blue_box h1{border-bottom:4px solid #0099CC}
	.blue_box tr td{background:#b2e0f0; vertical-align:top}
        .blue_box h1 a:hover{background:#0099CC; color:#fff; text-decoration:none}
	
	.orange_box h1{border-bottom:4px solid #f8981d}
	.orange_box tr td{background:#fde0bb; vertical-align:top}
    .orange_box h1 a:hover{background:#f8981d; color:#fff; text-decoration:none}
	
	.yellow_box h1{border-bottom:4px solid #f3c513}
	.yellow_box tr td{background:#fbedb8; vertical-align:top}
    .yellow_box h1 a:hover{background:#f3c513; color:#fff; text-decoration:none}

    .white_box h1{border-bottom:4px solid #FFF}
    .white_box tr td{background:#FFF; vertical-align:top}
    .white_box h1 {background:#0099CC; color:#fff; text-decoration:none}
    .white_box{border-color:#0099CC}
    .white_box td{padding:1em}
    .white_box ul{list-style:url('images/bullet.gif'); color:#999; margin-left:0.6em; padding-left:0.4em}
    .white_box ul li{margin:0 0 1em 0; padding:0; line-height:1.5em}
    .white_box ul li span{color:#0099CC}
    .white_box p{color:#f3c513; margin:0; padding:0}

.cws-middlebar{float:left; width:545px; position:relative}
	.cws-middlebar h2{font-size:1.4em; color:#0099CC; margin:0 0 1em 0}
	.cws-middlebar p{font-size:1em; line-height:1.5em; color:#666; margin:0 0 1.5em 0}
	.cws-middlebar img{margin:0 1em 1em 0}
	.cws-middlebar a{text-decoration:none; color:#f8981d}
	.cws-middlebar a:hover{text-decoration:none; color:#000}
	.cws-middlebar ul{margin-left:1.4em}
	.cws-middlebar li{line-height:1.5em}
	#content .next_select{color:#000}
	.sub_head{color:#0099CC; font-weight:bold}
	
	.spec_box{border:1px solid; width:150px; float:left; margin:1em 1em 0 0}
	.spec_blue{border-color:#0099CC}
	.spec_blue th{background:#0099CC}
	.spec_blue span{color:#b2e0f0}
	
	.spec_orange{border-color:#f8981d}
	.spec_orange th{background:#f8981d}
	.spec_orange span{color:#fde0bb}
	
	.spec_yellow{border-color:#f3c513}
	.spec_yellow th{background:#f3c513}
	.spec_yellow span{color:#fbedb8}
	
	.spec_box td{padding:1em}
	.spec_box h1{font-size:1em; margin:0; padding:1em;  color:#fff; text-align:left}
	
	.spec_box ul{list-style:url('images/bullet.gif'); color:#999; margin-left:0.6em; padding-left:0.4em}
	.spec_box ul li{margin:0 0 1em 0; padding:0; line-height:1.5em}
	.spec_box ul li span{color:#0099CC}
	.spec_box p{color:#f3c513; margin:0; padding:0}
	
	/*LOGO TABLE*/
	.cws-middlebar .logos img{position:static}
	.cws-middlebar .logos td{text-align:center; padding-bottom:40px}
	
	/*FORM*/
	form{font-size:1em; color:#999; position:absolute; left:270px; top:15em}
	dt{margin:0 0 0.5em 0}
	dd{margin:0 0 1em 0}
	input,  textarea{border:1px solid #999; background:none}
	input{width:20em}
	textarea{width:20em; height:150px}
	.send{width:6em; background:none; color:#999; padding:0.2em}

   .address p{position:relative; left:300px; top:11px}

.cws-rightbar{float:right; width:165px}
	.cws-rightbar div{width:133px; height:226px; background:#999999}
		#stone1{background:url(/images/pebble1.jpg); position:absolute;  right:36px; bottom:0}
		#stone2{background:url(/images/pebble2.jpg); position:absolute;  right:36px; bottom:0}
		#stone3{background:url(/images/pebble3.jpg); position:absolute;  right:36px; bottom:0}
		#stone4{background:url(/images/pebble4.jpg); position:absolute;  right:36px; bottom:0}
		#stone5{background:url(/images/pebble5.jpg); position:absolute;  right:36px; bottom:0}
		#stone6{background:url(/images/pebble6.jpg); position:absolute;  right:36px; bottom:0}
		#stone7{background:url(/images/pebble7.jpg); position:absolute;  right:36px; bottom:0}
                #zimbra{background:url(/images/zimbra-silver-partner-badge.png); position:absolute;  right:36px; bottom:500}

#footer{clear:both; text-align:left; padding-top:10px; height:60px; border-top:2px solid #999; width:795px}
	#footer h1{font-size: 1.4em; color:#666; letter-spacing:1px; margin-bottom:0.4em}
	#footer h2{font-size: 1em; margin-bottom:0.9em; color:#666}
	#footer p{font-size: 0.8em; margin-bottom:0.9em; color:#666}
	#footer a{color:#666; text-decoration:underline}
	#footer a:hover{color:#000}



