/* spiffworks.com stylesheet v1.0  */
/* Copyright © 2009 SpiffWorks. */

html, body { height: 100%; }
#custom-doc { min-height: 100%; }

html { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; line-height: 150%; color: #777777; background: #E8E8E8 url('../images/background.png') repeat-x; }

h1 { font-size: 150%; color: #006600; font-weight: bold; margin-left: 0.67em; *margin-left: 0.65em; margin-top: 0.25em; }
h2 { font-weight: bold; color: #333333; margin: 1em; *margin: 0.98em; }
h3 { font-weight: bold; margin: 1em; *margin: 0.98em; }
img { margin: 1em; }
p { margin: 1em; *margin: 0.98em; text-align: justify; }
p.centered { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }
ul { margin: 1em; *margin: 0.98em; }
li { font-size: 85%; margin-left: 2.35em; *margin-left: 2.29em; list-style-type: disc; }
sup { position: relative; top: -0.5em; }
a { color: #009900; }
a img { border: 0; }
em { font-weight: bold; font-style: normal; }

ul.horizontal_menu, ul.horizontal_menu li { display: inline; margin: 0; }

#custom-doc { position: relative; margin: auto; text-align: left; width: 73.08em; *width: 71.25em; min-width: 950px; background-color: #FFFFFF; border-left: 1px solid #777777; border-right: 1px solid #777777; }
#hd { position: relative; width: 73.08em; *width: 71.25em; height: 14.23em; *height: 13.88em; }
#hd img { position: absolute; bottom: 0; width: 73.08em; *width: 71.25em; height: 11.92em; *height: 11.63em; margin: 0; }
#hd a { position: absolute; left: 1em; *left: 0.98em; top: 0.54em; *top: 0.53em; }
#hd a img { position: absolute; width: 15.38em; *width: 15em; height: 5.77em; *height: 5.63em; bottom: auto; top: 0.38em; margin: 0; }
#hd ul { position: absolute; right: 2em; *right: 1.96em; }
#hd ul a { position: relative; font-weight: bold; font-size: 116%; color: #666666; text-decoration: none; }
#hd ul a:hover { color: #009900; }
#bd { padding-bottom: 1em; }
#ft { position: absolute; bottom: 0; width: 100%; background-color: #358234; }
#ft p#copyright { margin: 0.08em; color: #FFFFFF; text-align: center; }
#ft p#phone { margin: 0.08em; color: #FFFFFF; text-align: right; float: right; }
#ft p#email { margin: 0.08em; color: #FFFFFF; text-align: left; float: left; }
#ft p#email a { color: #FFFFFF; text-decoration: none; }
#hd ul a { background-image: url(../images/bolt.gif); background-position: left center; background-repeat: no-repeat; padding-left: 1em; *padding-left: 0.98em; margin-left: 1em; margin-left: 0.98em; }
div.yui-b { border-left: 1px solid #D0D0D0; }
#yui-main div.yui-b { border-left: 0; }

div#login form { margin: 1em; *margin: 0.98em; }
div#login legend { color: #006600; font-weight: bold; margin-bottom: 1em; *margin-bottom: 0.98em; *margin-left: -6px; }
div#login label { color: #666666; font-weight: normal; margin: 1em; *margin: 0.98em; }
div#login input { margin: 0.25em; width: 11em; *width: 10.73em; }
div#login input.active { background-color: #CCFFAA; }
div#login label.active { color: #000000; }
div#login input[type=submit] { width: auto; }
div.form-controls { text-align: center; }
div.validation-error { margin: 1em; *margin: 0.98em; color: #FF0000; font-weight: bold; }

div#screenshot { float: right; }
div#screenshot img { border: 1px solid #666666; }

div.footnote { text-align: right; margin: 1em; *margin: 0.98em; }

div#login { background: #FFFFFF url('../images/hdiv.gif') no-repeat center bottom; padding-bottom: 1em; padding-bottom: 0.98em; }
div#login, div#news, div#clients { }
div#clients h2 { color: #006600; }
div#clients p { font-size: 85%; margin-left: 2em; margin-right: 2em; }
div#contact {background: #FFFFFF url('../images/hdiv.gif') no-repeat center bottom; padding-bottom: 1em; padding-bottom: 0.98em; }
div#contact h2 { color: #006600; }
div#contact img { float: left; margin-top: 0; }
div#contact p { text-align: justify; margin-right: 2em; }

div.feature { /*width: 40em; *width: 39em; margin-left: auto; margin-right: auto;*/ margin-left: 1em; margin-right: 1em; padding-top: 1em; }
div.feature h2 { /*padding-top: 0.51em; *padding-top: 0.5em;*/ padding-bottom: 0.5em; border-bottom: 2px solid #009900; color: #009900; border-top: 0px solid #009900; margin-top: 0; }
div.feature p { text-align: justify; font-size: 85%; }
div.feature img { border: 1px solid #777777; margin: 1em; margin-top: 0; }
/*div.f1 img { float: right; margin-right: 0; }
div.f1 p, div.f1 h2 { margin-left: 0; }
div.f1 { text-align: left; border-top: 1px solid #E8E8E8; }
div.f2 img { float: left; margin-left: 0; }
div.f2 p, div.f2 h2 { margin-right: 0; }
div.f2 { text-align: left; border-top: 1px solid #E8E8E8; }
div.f3 img { float: right; margin-right: 0; }
div.f3 p, div.f3 h2 { margin-left: 0; }
div.f3 { text-align: left; border-top: 1px solid #E8E8E8; }*/
div#features { clear: both; margin-left: auto; margin-right: auto; }
div.feature { float: left; margin: 1.25em; *margin: 1.22em; width: 22em; *width: 21.45em; }

div#portfolio { clear: both; margin-left: auto; margin-right: auto; width: 85%; }
div#portfolio div { float: left; margin: 1em; }
div#portfolio div a { display: block; margin-bottom: 0.5em; color: #666666; vertical-align: top; }
div#portfolio div img { border: 1px solid #666666; margin: 0; }
table.portfolio { margin: 1em; color: #333333; vertical-align: bottom; text-align: left; margin-bottom: 0; }
table.portfolio td, table.portfolio th { padding: 1em; padding-left: 0; vertical-align: top; }
table.portfolio th { font-weight: bold; vertical-align: top; }

p.quotation { margin-left: 6em; margin-right: 2em; margin-top: 2em; margin-bottom 2em; color: #555555; }
p.quotation span.sig { display: block; text-align: right; font-style: italic; margin-top: 0.5em; }

table.contact { margin: 1em; font-size: 123.1%; }
table.contact th { color: #009900; }
table.contact th, table.contact td { padding: 0.5em; vertical-align: top; }
table.contact th img { float: left; margin: 0; margin-right: 1em; }