/* CSS Document */


/* RESET */


/* LAYOUT */

#container { width: 100%; margin: 0px; position: relative; }
#main { width:100%; position: relative; margin-top: 0px; margin-bottom: -10px;}
#content66 { padding: 0 20px; position: relative; color: #666; border-color:#CCCCCC }
#breadcrumb { clear:both; text-align:center; margin:38px auto; clear:both; font-size:10px; color:#ddd; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }

#container:after, #content66:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content66, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; }



/* grid */
.column { display:inline; }

.grid2colc .column.first.sidebar { width:232px; margin-left:-6px !important; }
.grid2colc .column.last { width:300px; }

.grid2cola .column.first { width:601px; }
.grid2cola .grid2col .column { width:46%; }
.grid2cola .grid2col .grid2col .column { margin-left:0; }
.grid2cola .column.last.sidebar { width:296px; }

.grid2colc .grid2col .column { width:332px; } 
.grid2colc .grid3col .column { width:195px; margin-right:26px; _margin-right:2px; margin-left:16px; }

.grid2col .column.first,
.grid3col .column.first { margin-left:0 !important; }


/***** header, localnav, hero *****/
#main #localnav { width:980px; margin:0; padding:1em 0 0; }

#main #localnav h1 { float:left; width:154px; height:29px; margin:0 0 2px 14px; _display:inline; }
#main #localnav h1 a { display:block; width:154px; height:29px; text-indent:-99999px; }
body#index #main #localnav h1 a { cursor:default; }

#main #localnav a.buynow { float:right; margin:8px 5px 2px; }
/***** main, content *****/
#content66 { color:#555; }

#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h2 { font-size:18px; color:#111; margin:0 0 .8em; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h3,
#main h4,
#main strong,


#main h1 a,
#main h2 a,
#main h3 a,
#main h4 a { text-decoration:none; }

#main div.center { text-align:center; }
#main span.nowrap { white-space:nowrap; }


/* links */
#main a { color:#000; text-decoration:underline; _height:.5em; }
#main a:hover { color:#08c; }

#main a.arrow:hover { background-position:right -97px; *background-position:right -95px; }
#main a.arrow.circle:hover { background-position:100% .1em; }
/* swapper & noscript */
#main .noscript.backtotop { margin-top:1.6em; text-align:right; }

body.logicpro #main .swapcontainer { height:450px;}
body.mainstage #main .swapcontainer { min-height:45em; _height:45em; }
body.soundtrackpro #main .swapcontainer { min-height:54em; _height:54em; }
body.instruments #main .swapcontainer { min-height:57em; _height:57em; }
body.effects #main .swapcontainer { min-height:54.7em; _height:54.7em; }
body.soundlibrary #main .swapcontainer { min-height:50.6em; _height:50.6em; }

/* landing sections */
#main div.landing-features { clear:both; }
#main div.landing-features img.left { margin-right:0; }
#main div.landing-features img.right { margin:-10px 20px 5px 10px; }

#main div.landing-features h3 a { color:#666; }
#main div.landing-features h3 a:hover { text-decoration:underline; }
#main div.landing-features .column { margin-bottom:1em; }

#main div.landing-features p,
#main div.landing-features h3 { margin-left:85px; }

/* specs and system requirements */
body#specs #main #content .backtoapp { float:right; margin:1em 0 0; }
body#specs #main #content .grid2cola { margin-top:3em; }
body#specs #main #content,
body#specs #main #content .sidebar { font-size:11px; line-height:1.5em; }
body#specs #main #content h3,
body#specs #main #content .sidebar .box h2,
body#systemrequirements #main #content h3 { font-size:12px; line-height:1.5em; }
body#specs #main #content .sidebar .box h3 { font-size:11px; margin-top:0.5em; }
body#specs #main span.sosumi { padding-bottom:.3em; color:#999; font-size:9px !important; }

/***** sidebar *****/
#content .sidebar { margin:-1.4em 0 1em; font-size:12px; background:url(/img/subnav_bg20070828.gif) repeat-y 0 0; }
#content .grid2cola .sidebar { margin-top:0; background:none; }

/* left sub nav */
#subnav { position: relative; margin: 0px 0 1em; }
#subnav2 { position: relative; margin: 0px 0 1em; }
#subcontent { position: inherit; margin:0px 20px 20px -14px; background-color:#ffffff; height:150px; padding: 10px 10px 40px 20px; border:1px solid #ddd;}
#subcontent2 { position: inherit; margin:0px 20px 20px -14px; background-color:#ffffff;  padding: 10px 10px 40px 20px; border:1px solid #ddd; height:390px; width:300px;}

#main #subnav ul { margin:0; padding:1.6em 1px 1px; }
#main #subnav ul li { display:block; margin-top:-7px; padding:0 0 1px; background:url(/img/subnav_bgitem.gif) no-repeat 0 100%; }
#main #subnav ul li.last { background:none; }
#main #subnav ul li a { display:block; margin:0; padding:7px 12px 7px; color:#999; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; font-weight:bold; }
#main #subnav ul li a:hover { color:#f00; }

#main #subnav2 ul { margin:0; padding:1.6em 1px 1px; }
#main #subnav2 ul li { display:block; margin-top:-7px; padding:0 0 1px; background:url(/img/subnav_bgitem.gif) no-repeat 0 100%; }
#main #subnav2 ul li.last { background:none; }
#main #subnav2 ul li a { display:block; margin:0; padding:9px 12px 9px; color:#999; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; font-weight:bold; }
#main #subnav2 ul li a:hover { color:#f00; }

#main #subcontent2 ul { line-height:1.64em; }
#main #subcontent2 ul li { padding-bottom: 5px; list-style:none;background:url("/img/ico_flechader.gif") no-repeat 0 0.51em;padding-left:15px; }

 
#main #subnav ul li.active a { font-weight:bold; background:url(/img/subnav_bgitem.gif) no-repeat 0 50%; cursor:default; }
#main #subnav2 ul li.active a { font-weight:bold; background:url(/img/subnav_bgitem.gif) no-repeat 0 50%; cursor:default; }

.zen{ border:1px solid #ddd; margin-left:18px; background-color: #f9f9f9; height:450px; }