@charset "UTF-8";
/* CSS Document */

* {
margin:0pt;
padding:0pt;
}
.hide {
display:none;
}
hr {
border:0pt none;
clear:both;
height:0pt;
visibility:hidden;
}
html {
text-align:center;
}
body {
background:#EBEBEB url(../images/body-bg-interior.jpg) repeat-x scroll left top;
font-family:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font-size:62.5%;
}
body #home {
background:#EBEBEB url(../images/body-bg.jpg) repeat-x scroll left top;
font-family:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font-size:62.5%;
}
.container {
background:transparent;
margin:0pt auto;
position:relative;
text-align:left;
width:750px;
}
#zerogLink {
background:transparent url(../images/zero-g-logo.gif) no-repeat scroll left bottom;
height:32px;
left:0pt;
position:absolute;
text-indent:-9999px;
top:10pt;
width:180px;
z-index:10;
}
#zerogLink a {
display:block;
height:32px;
width:180px;
}
em, q {
font-style:normal;
font-weight:bold;
}
code {
font-family:monospace;
}
a {
color:#a12155;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
a:hover {
color:#999;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
a.active {
color: #000;
text-decoration:none;
}
a img {
border:0pt none;
}
div#homeHeader {
background:transparent url(../images/banner-image.jpg) no-repeat scroll 0%;
height:293px;
margin:0pt auto;
position:relative;
width:750px;
}
div#header {
height:130px;
margin:0pt auto;
position:relative;
width:750px;
}
#downloadBox {
margin:30px 0pt 0px;
padding:25px 20px;
float:left;
width:230px;
background:transparent url(../images/download-box.gif) no-repeat scroll right top;
height: 118px;
font-size: 11px;
line-height: 15px;
color: #666;
}
#downloadBox span{
margin-bottom: 10px;
}
a.largeText {
font-size: 22px;
line-height: 22px;
}
p.EUtext {
padding-top: 18px;
font-size: 10px;
line-height: 10px;
color: #333;
font-family: tahoma, verdana, arial, helvetica, sans serif;
}
p.EUtext em{
font-size: 12px;
}
#downloadBox img {
float:left;
padding-right: 5px;
}
#subhead {
margin:30px 0pt 20px;
text-align:left;
float:left;
width: 475px;
}
#home #subhead {
margin:30px 0pt 20px;
text-align:left;
float:left;
width: 475px;
}
#subhead h2 {
padding:7px 0px 0px 0px;
color:#666;
text-transform:lowercase;
font-size: 18px;
line-height: 21px;
font-weight:normal;
}
h3 {
padding:7px 0px 0px 0px;
color:#666;
text-transform:lowercase;
font-size: 18px;
line-height: 21px;
font-weight:normal;
}
#subhead h1 {
color:#333;
font-size:29px;
line-height: 31px;
}
#subhead h1.specialOffer {
color:#fff;
font-size:29px;
line-height: 31px;
padding: 5px;
background-color: #a12155;
margin: 5px 0 14px 0;
}
#subhead h1.specialOffer em {
color:#fff;
font-size:22px;
}
#subhead em {
font-style: normal;
font-weight:normal;
color: #a12155;
}
ul#toolbar {
clear:both;
height:52px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
text-align:center;
width:750px;
}
#toolbar li {
float:left;
text-indent:-9999px;
}
#toolbar li a {
display:block;
height:52px;
}
#toolbar li.active {
background-position:center top;
}
#toolbar li.inactive {
background-position:center bottom;
}
#toolbar li:hover {
background-position:center top;
}
#toolbar li#sites-tab {
background-image:url(../css/img/toolbar_tabs-sites.png);
width:122px;
}
#toolbar li#editor-tab {
background-image:url(../css/img/toolbar_tabs-editor.png);
width:95px;
}
#toolbar li#preview-tab {
background-image:url(../css/img/toolbar_tabs-preview.png);
width:106px;
}
#toolbar li#css-tab {
background-image:url(../css/img/toolbar_tabs-css.png);
width:102px;
}
#toolbar li#terminal-tab {
background-image:url(../css/img/toolbar_tabs-terminal.png);
width:113px;
}
#toolbar li#books-tab {
background-image:url(../css/img/toolbar_tabs-books.png);
width:118px;
}
#toolbar li#files-tab {
background-image:url(../css/img/toolbar_tabs-files.png);
width:94px;
}
#bodyContent, #bodyContent div.button, #scroller, .section {
}
#bodyContent {
margin:0pt auto;
overflow:hidden;
position:relative;
width:710px;
background: #fff;
padding: 20px;
float:left;
text-align:left;
}
#bodyContent div.button {
position:absolute;
top:40%;
}
#bodyContent h1 {
color:#333;
font-size:29px;
line-height: 31px;
}
#bodyContent .section {
float:left;
}
#bodyContent h2 {
color:#a12155;
font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:normal;
line-height:24px;
margin:5px 0px;
}
#bodyContent p{
font-size:14px;
line-height:22px;
margin:0pt 0pt 20px;

}
#steps p{
font-size: 12px;
line-height: 18px;
margin-top: 20px;
}
#steps p.small{
font-size: 11px;
line-height: 14px;
margin-top: 0px;
color: #888;
}
#steps em{
font-size: 14px;
font-weight: normal;
text-transform:uppercase;
color: #b4b4b4;
}
ul.features {
float:left;
width: 240px;
list-style-image:url(../images/bullet.gif);
}
ul.features ul {
float:left;
width: 240px;
list-style-image:none;
list-style:none;
margin-top: 20px;
}
ul.features ul li {
list-style-image:none;
list-style:none;
line-height: 13px;
}
ul.features li{
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 2px;
list-style-position:inside;
font-size: 11px;
line-height: 18px;
}
ul.features em{
color: #666;
font-style: normal;
font-weight:normal;
}
span.pdf{
padding:0px;
margin:0px;
font-size: 11px;
line-height: 12px;
}
#content {
width:5250px;
}
#buyBox {
margin: 30px 100px 30px 0px;
background-color: #eee;
padding: 5px;
}
.innerBuyBox {
background-color: #ffffff;
padding: 20px 20px 5px 20px;
margin: 20px;
}
#buyBox .formGroup {
float:left;
}
#buyBox .formGroup p {
padding-left: 30px;
}
#buyBox p.small{
font-size: 11px;
line-height: 14px;
margin-top: 20px;
color: #666;
}

#bodyContent p.small{
font-size: 10px;
line-height: 14px;
margin-top: 20px;
color: #666;
}

#buyBox img {
float:left;}
/*
.section {
float:left;
margin:20px;
width:710px;
}
.section h2, .section h3 {
color:#a12155;
font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:normal;
line-height:22px;
margin-bottom:5px;
}
.section h2 {
color:#a12155;
}
.section p, .section li {
font-size:14px;
line-height:22px;
margin:0pt 0pt 20px;
}
.section img {
float:left;
margin-bottom:20px;
margin-right:20px;
}
*/
#sites-paper {
}
#sites-publish {
float:right;
margin:20px 0pt 20px 10px;
}
#files-browser {
float:right;
margin:0pt 0pt 20px 20px;
}
#files-transmit {
}
ul#editor-features {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul#editor-features li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
li#editor-collab {
background:transparent url(../css/img/editor-collab.gif) no-repeat scroll left top;
padding-left:48px;
}
li#editor-clips {
background:transparent url(../css/img/editor-clips.gif) no-repeat scroll left top;
padding-left:48px;
}
#editor-clips_hud {
float:right;
margin-left:10px;
margin-right:0pt;
}
li#editor-token {
background:transparent url(../css/img/editor-token.gif) no-repeat scroll left top;
padding-left:48px;
}
.token {
white-space:nowrap;
}
.token img {
display:inline;
float:none;
line-height:14px;
margin:0pt 0pt -2px;
}
#preview-dom {
}
#css-gui_txt {
margin-bottom:40px;
}
#css-icons {
float:right;
margin-bottom:0pt;
margin-left:10px;
margin-right:0pt;
}
#terminal-icon {
margin-bottom:0pt;
margin-top:-10px;
}
#terminal-colors {
float:right;
margin-left:10px;
}
#books-thebook {
margin-right:30px;
}
ul.screenshots {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px auto;
text-align:center;
}
ul.screenshots li {
display:inline;
height:105px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:110px;
}
ul.screenshots li img {
float:none;
}
ul#logos {
height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#logos li {
float:left;
height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right: 10px;
}
ul#logos ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:right;
padding: 20px 5px 0px;
height: 20px;
font-size: 13px;
}
div#footer {
color:#666666;
font-size:14px;
margin:0pt auto 0px;
padding-top:30px;
width:750px;
}
#coda-get_help #footer {
background:#EBEBEB none repeat scroll 0%;
}
#vocaloidBar {
background:#a12155;
font-size:9px;
margin:10px auto 0pt;
padding:30px 8px 5px 8px;
height:50px;
color: #fff;
}
#footer p#disclaimer {
color:#333333;
font-size:12px;
text-align:center;
}
#serial-finder {
margin:25px auto 20px;
}
#serial-finder h3 {
background:transparent url(../css/img/help-padlock.png) no-repeat scroll left center;
font-size:16px;
font-weight:normal;
line-height:29px;
padding:0pt 5px 0pt 32px;
}
#serial-finder table {
margin:0pt auto;
}
input#email-search {
color:#777777;
font-size:medium;
padding:0pt 5px;
}
input#button-serials {
padding:0pt 0pt 0pt 5px;
}
.support-section {
background:transparent url(../css/img/purchase_form-top.png) repeat-x scroll center top;
padding:20px 40px;
}
.support-section-wrapper {
margin:0pt auto;
padding:20px 40px;
text-align:left;
width:750px;
}
.support-section h2 {
font-size:24px;
line-height:32px;
margin:10px 0pt;
text-align:left;
text-transform:lowercase;
}
#coda-faq h2 {
background:transparent url(../css/img/help-faq-icon.png) no-repeat scroll left center;
color:#1F4687;
padding-left:40px;
}
#coda-contact h2 {
background:transparent url(../css/img/help-send-email.png) no-repeat scroll left center;
color:#4B0A78;
padding-left:46px;
}
#coda-faq h3 {
font-size:18px;
font-weight:normal;
margin:20px 0pt 5px;
}
#coda-faq p {
font-size:14px;
line-height:18px;
margin:10px 40px 20px;
}
#coda-contact p {
font-size:14px;
line-height:18px;
margin:5px 0pt;
text-align:center;
}
p#support-email-us {
font-size:18px;
margin-top:30px;
}
fieldset {
border:0pt none;
}
legend {
display:none;
}
span.copyright {
font-size: 11px;
padding: 0px;
float:right;
color: #ccc;

}