html { *background:url(/global/elements/blank.gif) fixed; }

/* general, grid */

#container { overflow:visible; background:url(/vefhysing/images/background20070913.gif) no-repeat top; }
/*
body { overflow:visible; background:url(/global/images/background20071128.gif) repeat-x top; }
*/

.grid2cola .column.first { width:710px; padding-left:16px;}
.grid2cola .column.last { width:232px;}
.grid2cola .grid2col .column { width:340px; display:inline; }

.grid2colc .column.first { width:232px; }
.grid2colc .column.last { width:710px; }
.grid2colc .grid2col .column { width:340px; display:inline; }
.grid2colc .grid3col .column { width:200px; margin-right:26px; }

/* header, top elements */
#main #localnav { padding:1em 0 .2em; border-bottom:1px solid #999; _height:1px; }

#main #localnav h1 { width:195px; height:32px; float:left; margin:0 0 .1em 16px; }
#main #localnav h1 a { display:block; width:195px; height:32px; color:#ddd; font-weight:normal; text-decoration:none; text-indent:-9999px; background:url(/vefhysing/images/header_title20070913.gif) no-repeat; position:relative; outline:none; }

#main #localnav ul { float:right; margin:0 1em; padding:0 0 1px; z-index:20; position:relative; }
#main #localnav ul li { display:inline; margin:0; padding:0; z-index:20;}
#main #localnav ul li a { float:left; margin:1em 1.2em 0; padding:0; color:#666; text-decoration:none; z-index:20;}
#main #localnav ul li a:hover { color:#08c; }

#main #localnav ul li a.trial-button { margin:8px 0 3px 7px;  z-index:20; background:url(/vefhysing/images/localnav_buttons20070913.gif) no-repeat bottom center; width:96px; height:25px; text-indent:-9999px; }
#main #localnav ul li a.trial-button:hover { background:url(/vefhysing/images/localnav_buttons20070913.gif) no-repeat center -50px; }
#main #localnav ul li a.join-button { margin:8px 3px 4px 7px; z-index:20; background:url(/vefhysing/images/localnav_buttons20070913.gif) no-repeat center -25px; width:96px; height:25px; text-indent:-9999px; }
#main #localnav ul li a.join-button:hover { background:url(/vefhysing/images/localnav_buttons20070913.gif) no-repeat center 0; }

body.overview #main #localnav ul li#ln-overview a,
body.features #main #localnav ul li#ln-features a,
body.pricing #main #localnav ul li#ln-pricing a
{ color:#262626; cursor:default; }

/* main, content */
#main #content { clear:both; padding:1.6em 0; }

/* sub navigation */
#main #subnav { position:relative; background: #f8f8f8 url(/vefhysing/images/subnav_bg20070918.gif) repeat-y left; z-index:10; margin-top: 13px;}
#main #subnav h2 { margin:-8px 0 0; padding: 9px 13px 0; font-size:12px; height:23px; color:#323232; background:url(/vefhysing/images/subnav_header_20070807.gif) no-repeat left top; position: relative;}
#main #subnav h2 a { color:#303030; text-decoration:none; }
#main #subnav h2 a:hover { text-decoration:underline; }

#main #subnav ul { margin:0; padding:0 1px 8px; background:url(/vefhysing/images/subnav_bgbottom20070918.gif) no-repeat left bottom; position:relative; }
#main #subnav ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-top:-2px; }
#main #subnav ul li a { display:block; margin-bottom:-1px; height:4.17em;  border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #subnav ul li a:hover { text-decoration:none; color:#0088cc; background-image:url(/global/images/arrow_blueright20070918.gif); }
#main #subnav ul li a { background:url(/vefhysing/images/subnav_arrow20070918.gif) no-repeat right center; }
#main #subnav ul li a img { float:left; margin-right:8px; }
#main #subnav ul li.bottom a { border:0; }


body#storage #main #subnav ul li#sn-storage,
body#email #main #subnav ul li#sn-email,
body#scriptlibrary #main #subnav ul li#sn-scriptlibrary,
body#controlpanel #main #subnav ul li#sn-controlpanel,
body#script #main #subnav ul li#sn-script,
body#ecommerce #main #subnav ul li#sn-ecommerce,
body#database #main #subnav ul li#sn-database,
body#datacentre #main #subnav ul li#sn-datacentre
	{ background:#efefef url(/vefhysing/images/subnav_active_bg20070918.gif) repeat-x; font-weight:bold; }

body#storage #main #subnav ul li#sn-storage a,
body#email #main #subnav ul li#sn-email a,
body#scriptlibrary #main #subnav ul li#sn-scriptlibrary a,
body#controlpanel #main #subnav ul li#sn-controlpanel a,
body#script #main #subnav ul li#sn-script a,
body#ecommerce #main #subnav ul li#sn-ecommerce a,
body#database #main #subnav ul li#sn-database a,
body#datacentre #main #subnav ul li#sn-datacentre a
	{ color:#000; text-decoration:none; cursor:default; background-image:url(/global/images/arrow_on.gif); }
	
body#datacentre #main #subnav ul li#sn-datacentre
	{ background:#efefef url(/vefhysing/images/subnav_bottomactive_bg20070918.gif) no-repeat top left; padding-bottom:8px; margin-bottom:-8px; _padding-bottom:7px; _margin_bottom:7px; }

/* hero */
body.features #main #content { background:url(/vefhysing/images/features_content_bg20070918.png) no-repeat top left; padding-bottom:8px; margin-bottom:-8px; _padding-bottom:7px; _margin-bottom:-7px; }
body.features img.hero { position:relative; z-index:5; margin:0 0 -10px; }
body.features img.hero.tall { margin-bottom:-56px; }

/* headers, text */
body, #main, #content { color:#666; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.6em; position:relative; z-index:10; }
#main h1 span { color:#666; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h2,
#main h3,
#main h4,
#main p.intro,
#main strong { color:#404040; }
#main p.intro { margin-bottom:2.7em; }

/* links */
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow, #popup a.arrow { padding-right:10px; color:#2d70a5; text-decoration:none; background:url(/global/images/arrow20070921.gif) no-repeat right .32em; position:relative; }
#main a.arrow:hover { text-decoration:underline; }

/* next/previous links */
#main #pagenav { clear:both; font-size:11px; _zoom:1; margin:2em 0 2.5em; padding-top:2em; }
#main #pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main #pagenav a { font-size:12px; color:#0088cc; }
#main #pagenav .pagenav.next { padding-right:18px; width:15em; text-align:right; background:url(/global/images/arrow_blueright20070918.gif) no-repeat right center; }
#main #pagenav .pagenav.previous { padding-left:18px; width:15em; background:url(/global/images/arrow_blueleft20070918.gif) no-repeat left center; }

/* content footer */
#contentfooter { position:relative; z-index:10; line-height:1.4em; background:url(/ipaper/images/contentfooter_bgbottom20070823.gif) repeat-y center center; }
#contentfooter .wrapper { padding-top:7px; background:url(/ipaper/images/contentfooter_bgtop20070823.gif) no-repeat center top; }
#contentfooter .padder { padding:13px 26px 1.6em 26px; background:url(/ipaper/images/contentfooter_bgbottom20070823.gif) no-repeat center bottom; }
#contentfooter .grid3col .column { width:270px; margin-left:60px; }
#contentfooter .column.first img.right { margin-top:-39px; margin-right:-30px; }
#contentfooter .column.second img.right { margin-top:-39px; margin-right:-27px; position:relative; z-index:20; }
#contentfooter .column.last img.right { margin-top:-39px; margin-right:-24px; }

#contentfooter img.right { margin:0; padding:0; margin-top:-19px; margin-right:-24px; }
#contentfooter h3 { margin-bottom:.4em; font-weight:normal; font-size:16px; }
#contentfooter p { margin-bottom:1em; }