html { *background:url(/global/elements/blank.gif) fixed; }

/* GRID */

#container { overflow:visible; background:url(/ipaper/images/background20070913.gif) repeat-x top; }
/*
body { overflow:visible; background:url(/global/images/background20071128.gif) repeat-x top; }
*/

.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; }

.grid3cola .column { width:583px; margin-left:15px }
.grid3cola .column.first,
.grid3cola .column.last { width:184px; }

/* header, top elements */
#main #localnav { padding:1em 0 .2em; border-bottom:1px solid #999; _height:1px; }

#main #localnav h1 { width:139px; height:32px; float:left; margin:0 0 .1em 16px; }
#main #localnav h1 a { display:block; width:139px; height:32px; color:#ddd; font-weight:normal; text-decoration:none; text-indent:-9999px; background:url(/ipaper/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.join-button { margin:8px 3px 4px 7px; z-index:20; background:url(/ipaper/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(/ipaper/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(/ipaper/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(/ipaper/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(/ipaper/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(/ipaper/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#webgalleri #main #subnav ul li#sn-webgalleri,
body#products #main #subnav ul li#sn-products,
body#functionality #main #subnav ul li#sn-functionality,
body#easy #main #subnav ul li#sn-easy,
body#references #main #subnav ul li#sn-references
	{ background:#efefef url(/ipaper/images/subnav_active_bg20070918.gif) repeat-x; font-weight:bold; }

body#webgalleri #main #subnav ul li#sn-webgalleri a,
body#products #main #subnav ul li#sn-products a,
body#functionality #main #subnav ul li#sn-functionality a,
body#easy #main #subnav ul li#sn-easy a,
body#references #main #subnav ul li#sn-references a
	{ color:#000; text-decoration:none; cursor:default; background-image:url(/global/images/arrow_on.gif); }
	
body#references #main #subnav ul li#sn-references
	{ background:#efefef url(/ipaper/images/subnav_bottomactive_bg20070918.gif) no-repeat top left; padding-bottom:8px; margin-bottom:-8px; _padding-bottom:7px; _margin_bottom:7px; }

/* 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; }

/* footer */
#main ol.smalltypes, #main ul.smalltypes, #main p.smalltypes { line-height:1.4em; }
#main #footerlinks { text-align:center; font-size:10px; margin:2em 0 0; color:#a1a5a9; }
#main #footerlinks a { color:#76797c; }

/* content footer */
#main #contentfooter { position:relative; z-index:10; line-height:1.4em; background:url(/ipaper/images/contentfooter_bgbottom20070823.gif) repeat-y center center; }
#main #contentfooter .wrapper { padding-top:7px; background:url(/ipaper/images/contentfooter_bgtop20070823.gif) no-repeat center top; }
#main #contentfooter .padder { padding:13px 26px 0 26px; background:url(/ipaper/images/contentfooter_bgbottom20070823.gif) no-repeat center bottom; _padding-bottom:0; }
#main #contentfooter .grid3col .column { width:270px; margin-left:60px; }
#main #contentfooter .column.first img.right { margin-top:-19px; margin-right:-30px; position:relative; z-index:20; }
#main #contentfooter .column.second img.right { margin-top:-19px; margin-right:-27px; position:relative; z-index:20; }
#main #contentfooter .column.last img.right { margin-top:-19px; margin-right:-24px; position:relative; z-index:20; }

#main #contentfooter img.right { margin:0; padding:0; margin-top:-19px; margin-right:-24px; }
#main #contentfooter h3 { margin-bottom:.4em; font-weight:normal; font-size:16px; }
#main #contentfooter p { margin-bottom:1em; }