body { background:url('/images/bodybg.gif') repeat-x #3d8698; font-family: arial, helvetica, sans-serif; font-size:100%; color:#51585a; }
* { margin:0; padding:0; }
p, ul { margin:.25em 0 .75em; line-height:1.5em; }
ul { list-style:none; }
h1, h2 { font-family:"Trebuchet MS", arial, sans-serif; }
h1 { font-size:1.625em; color:#609fae; margin-bottom:.75em; }
h1 em { color:#9cc075; font-style:normal; }
h2 { font-size:1.25em; color:#7db8c6; margin-bottom:.4em; }
h3 { font-size:1.1em; margin:0; }
h4 { font-size:1em; margin:0; }
a { color:#3d8698; text-decoration:none; }
a:hover { text-decoration:underline; border:0; }
a img { border:0; }

#container { position:relative; margin:40px auto; font-size:.75em; width:960px; }
#branding { z-index:5; position:relative; height:90px; background:url('/images/headbg.gif') no-repeat; }
body#ec #branding, body#hpc #branding, body#virt #branding, body#sbs #branding { background:url('/images/headbg-inner.gif') no-repeat; }
body#about #branding { background:url('/images/headbg-about.gif') no-repeat; }
#logo { position:absolute; top:21px; left:20px; width:210px; height:31px; }
#main { position:relative; background: url('/images/contentbg.gif') repeat-x #fff bottom; padding:0 20px 20px; min-height:370px; }
#content { margin:0 230px; }

#content ul { list-style:square; margin-left:30px; }
#content ul li { padding-bottom:.5em; }

#site_info { clear:both; background:url('/images/footerbg.gif') no-repeat; height:50px; }
#site_info p { color:#c5e2a6; padding:15px 20px; margin:0; }
#site_info a { color:#fff; font-weight:bold; }

/* navigation */
#nav_main { z-index:5; position:absolute; bottom:20px; right:10px; }
ul#nav { margin:0; }
ul#nav li { float:left; background:url('/images/topnav-divider.gif') no-repeat bottom right; padding:17px 10px 0 7px; }
ul#nav li.last { background:none; }
ul#nav a { display: block; color:#4a9817; font-weight:bold; font-size:1.1em; padding-bottom:17px; }
ul#nav a:hover { color:#327108; text-decoration:none; }
ul#nav a.active { color:#218aa4; }
ul#nav li ul { margin:0 0 0 -7px; position:absolute; font-size:1em; width:185px; left: -999em; }
ul#nav li:hover ul { left:auto; }
ul#nav li:hover ul, #nav li.sfhover ul { left:auto; }
ul#nav li ul li { background:none; font-size:.9em; line-height:2.25em; padding:0 5px; border-bottom:1px solid #b4d591; background-color:#d2e7ba; }
ul#nav li ul li a { color:#187087; width:185px; font-weight:normal; padding:0; }
ul#nav li ul li:hover { background-color:#d9e9ed; }
ul#nav li ul li a:hover { color:#373c3d; }
ul#nav li ul.vs2, ul#nav li ul.ec, ul#nav li ul.vs2 li a, ul#nav li ul.ec li a { width:155px; }

#nav_top { position:absolute; top:-30px; right:12px; }
#nav_top ul li { display:inline; padding:0 8px; color:#fff; }
#nav_top li a { color:#fff; }

#nav_sub { z-index:100; position:absolute; top:-20px; left:0; width:230px; background:url("/images/subnavbg-grn.gif") no-repeat bottom #c5e2a6; }
#nav_sub ul { margin-bottom:30px; }
#nav_sub ul li { font-size:1.2em; line-height:2.25em; }
#nav_sub ul li.title { padding:20px 20px 10px; }
#nav_sub ul li.active { background:#d2e7ba url("/images/subnav-arrow.gif") no-repeat 92% 50%; border-top:1px solid #b4d591; border-bottom:1px solid #b4d591; }
#nav_sub ul li a { padding:0 20px; color:#187087; }
#nav_sub ul li a:hover { color:#327108; text-decoration:none; }
#nav_sub ul li.active a { color:#373c3d; }

/* home */
body#index #logo { text-indent:-999em; background:url('/images/logo_hiperlogic.gif') no-repeat; }
body#index #message { width:690px; margin:0 20px 35px 0; }
body#index #nav_sub-home { clear:both; background:url('/images/homeblock-bg.gif') repeat-y; height:320px; }
body#index .callout01 { position:absolute; top:0; right:20px; }
body#index .callout02 { position:absolute; top:125px; right:20px; }
.home_block { width:215px; float:left; padding:8px 10px 20px 5px; }
.home_block p { font-size:.9em; line-height:1.25em; margin-bottom:1.5em; }
.home_block ul li { font-size:1.25em; line-height:1.75em; }
.home_block h2 { text-indent:-999em; margin-bottom:1em; height:16px; }
.home_block h2#hpc { background:url('/images/h-home_hpc.gif') no-repeat; }
.home_block h2#virt { background:url('/images/h-home_virtualization.gif') no-repeat; }
.home_block h2#virtsol { background:url('/images/h-home_virtsolutions.gif') no-repeat; }
.home_block h2#ec { background:url('/images/h-home_enterprise.gif') no-repeat; }
.home_block h2#sbs { background:url('/images/h-home_sbs.gif') no-repeat; }

/* callouts */
.callout01, .callout02, .callout-form { width:210px; }
.callout01 p, .callout02 p, .callout-form p { font-size:.9em; line-height:1.25em; color:#51585a; margin:0; padding:0 10px 10px; }
.callout01 .head, .callout02 .head, .callout-form .head { height:22px; padding:8px 0 0 10px; }
.callout01 .head, .callout-form .head { background:url('/images/callout01-top.gif') no-repeat; }
.callout02 .head { background:url('/images/callout02-top.gif') no-repeat; }
.callout01 p, .callout01 ul, .callout-form p, .callout-form form { background:url('/images/callout01-bg.gif') repeat-y; }
.callout02 p, .callout02 ul { background:url('/images/callout02-bg.gif') repeat-y; }
.callout01 ul, .callout02 ul, .callout-form form { margin:0; padding:0 10px; }
.callout01 .link, .callout02 .link, .callout-form .link { height:20px; font-size:.9em; color:#fff; padding:4px 10px 0; text-align:right; }
.callout01 .link a, .callout02 .link a, .callout-form .link a { font-weight:bold; color:#fff; }
.callout01 .link, .callout-form .link { background:url('/images/callout01-btm.gif') no-repeat; }
.callout02 .link { background:url('/images/callout02-btm.gif') no-repeat; }
.callout01 .btm, .callout-form .btm { background:url('/images/callout01-btm2.gif') no-repeat; height:24px; }
.callout02 .btm { background:url('/images/callout02-btm2.gif') no-repeat; height:24px; }

body#hpc #notice { position:absolute; top:245px; left:15px; width:200px; border:1px solid #ffdb7a; background-color:#fdeda4; }
body#hpc #notice h2 { color:#ff8a00; padding:10px 10px 0; }
body#hpc #notice p { padding:0 10px 10px 10px; }
body#hpc #notice .link { background-color:#ffdb7a; padding:4px 10px; text-align:right; font-size:.9em; }
body#hpc form#download { padding:0 10px; }
body#hpc form#download input#email { width:175px; }
body#hpc form#download input#btn { margin:5px 0 10px 100px; }

table#benefits { width:460px; margin-bottom:2em; }
table#benefits td { padding:5px 15px; border-bottom:1px solid #ddd; }
table#plan { width:460px; border-top:3px solid #327108; border-bottom:3px solid #327108; margin-bottom:2em; }
table#plan th { padding:5px; background-color:#b6d8e0; color:#111; text-align:left; }
table#plan td { padding:8px; border-bottom:1px solid #cde3e8; }

/* right side column */
#branding_section, #sidebar { position:absolute; top:0; right:20px; width:210px; }
#sidebar { width:200px; background:url("/images/sidebar-bg.gif") repeat-y; padding-bottom:1.5em; margin-top:50px; }
#sidebar #top { width:120px; height:20px; background:url("/images/sidebar-top.gif") no-repeat; }
#sidebar h3 { font-family:"Trebuchet MS", arial, sans-serif; color:#327108; padding-left:10px; }
#sidebar ul { list-style:circle; margin-left:15px; font-size:.9em; padding-left:10px; }
#sidebar ul li { padding-bottom:.5em; line-height:1.4em; }

/* about & case studies */
body#about #nav_sub { background:url("/images/subnavbg-tan.gif") no-repeat bottom #dedabb; }
body#about #nav_sub ul li.active { background:url("/images/subnav-arrow2.gif") no-repeat 92% 50% #e6e3cb; border-top:1px solid #cac5a3; border-bottom:1px solid #cac5a3; }
body#about #sidebar-rt { position:absolute; top:0px; right:20px; } /* holds the whitepapers & case studies boxes */
body#about .callout01 { margin-top:20px; }
body#about .callout01 li, body#about .callout02 li { font-size:.9em; line-height:1.25em; padding-bottom:.5em; }
.item { clear:both; border-bottom:1px solid #cde3e8; margin-bottom:1.5em; padding-bottom:.5em; }
.logo { float:left; height:90px; width:160px; margin-right:20px; }
.descrip a { font-weight:bold; }
#nav_cs { position:absolute; top:0; right:20px; font-size:.9em; color:#999; }
.quote { border:1px solid #c1dce2; background-color:#e2eef1; margin-top:2em; padding:10px; }
.quote p { font-family:"Trebuchet MS", arial, sans-serif; }

/* newsletter signup form */
.callout-form label span { font-size:.9em; }
.callout-form label input { width:155px; height:17px; border:1px solid #7db8c6; font-size:.9em; color:#51585a; }
.callout-form input#btn { margin:4px 0 10px 106px; }
body#about .callout-form { position:absolute; top:222px; left:15px; }
body#hpc .callout-form, body#virt .callout-form, body#ec .callout-form, body#sbs .callout-form { margin-top:20px; }

/* vmware products */
.vmware_rss_content table { border-top:1px solid #cde3e8; margin-top:1em; }
.vmware_rss_content table td { padding:0 0 1em 0; line-height:1.5em; }
.vmware_rss_content table td p { line-height:1.5em; }
.vmware_rss_content h3 { font-size:1.2em; color:#327108; }
.vmware_rss_content table h3 { font-family:"Trebuchet MS", arial, sans-serif; font-size:1.3em; color:#7db8c6; }
 
 /* general */
.floatR { float:right; margin-left:20px; }
.divider { border-top:1px solid #cde3e8; margin-top:1.5em; padding-top:.5em; }