* {border:none; margin:0; padding:0;}
body {background:#fff; color:#000; font-size:62.5%; font-family:Verdana, "Lucida Grande", sans-serif}

#frame {margin:0 auto; width:75em}

#leftCol {background:#e4e4e4; float:left; width:16em;}
#leftCol div.darker {background:#D4D4D4; float:left; width:100%;}
#leftCol div.lighter {background:#E4E4E4; float:left; width:100%}
#leftCol p {color:#999; font-size:1.1em; padding:1.1em 0.5em;}
#leftCol p.small {font-size:0.9em}
#navigation {list-style:none; font-size:0.9em; padding:3.5em 0.6em; text-align:right;}
#navigation li {padding:0.8em 0}
#navigation a:link, #navigation a:visited {color:#666; text-decoration:none;}
#navigation a:hover {color:#CC0001}
#logo {background:#fff; float:left; padding: 0 0 2.5em 0}

#rightCol {float:right; padding:0 0 0 5em; width:54em;}
#rightCol h1 {float:left; font-weight:bold; font-size:4.9em; height:2.8em; letter-spacing:-2px; padding:0.7em 0 0 0; width:100%;}
#examples {float:left; padding:0 2.5em 0 0; width:16em;}
#examples p {color:#999; float:left; line-height:1.7em; font-size:0.9em; margin:1em 0;}
a.prevMain, a.prevMain img, a.prevThumb, a.prevThumb img {float:left;}
a.prevThumb {margin:1em 0 0 0;}
a.prevMain img {width:16em;}
#content {border-left:0.1em solid #ddd; float:right; padding:0 0 0 2.5em; width:32.8em;}
#content p, #content ul {font-size:1.1em; line-height:1.5em; margin:0 0 1.5em 0;}
#content p.bigRed {color:#c00; font-size:3em; font-weight:bold; margin:0 0 0.5em 0;}
#content p.small {color:#999; font-size:0.8em;}
#content p.indent {padding:0 0 0 3em;}
#content p.indentDouble {padding:0 0 0 6em;}
#content .red {color:#c00;}
#content .green {color:#458B00;}
#content ul {list-style-type:square; margin:0 0 1.5em 1.5em;}
#content ul.steps {list-style:none; margin:0 0 1.5em 0}
#content ul.steps li {margin:0 0 0.5em 0}
#content ol {margin:0 0 1.5em 1.5em;}
#content a:link, #content a:visited {color:#C01; text-decoration:none;}

#content form {margin:0 0 1.5em 0;}
#content form p {clear:left; float:left; font-size:1em; width:100%;}
#content form label {float:left; font-size:1.1em; vertical-align:top; width:10em; }
#content form input.text, #content form textarea.textarea {background:#eee; border:0.1em solid #aaa; color:#333; font-size:1.2em; float:left; font-weight:bold; padding:0.3em;}
#content form input.submit {background:#eee; border:0.1em solid #aaa; color:#333; display:block; font-size:1.2em; font-weight:bold; margin:0 auto; padding:0.3em;}
#content form input.submit:hover {color:#c00;}

#orderForm p {margin:0 0 1em 0;}
#orderForm p label {width:100%;}
#orderForm p input.text, #orderForm p textarea.textarea {width:97%}
#orderForm p.noInput, .noInput {font-size:1.1em;}
#orderIssues {background:#c00; color:#fff; margin:0 0 1.5em 0; padding:0.5em 1em;}
#orderIssues h3 {font-weight:normal; font-size:1.3em; margin:0 0 0.5em 0;}
#orderIssues ol {font-weight:bold; list-style-position:inside; margin:0;}
#orderIssues ol li {margin:0 0 1em 0;}

#footer {clear:both; color:#999; text-align:center; width:100%}
#footer p {padding:5em 0 1em 0;}
#footer a:link, #footer a:visited {color:#666; text-decoration:none;}
#footer a:hover {color:#333;}