/* common */
html { margin: 0; padding: 0; border: none; }
body { margin: 0; padding: 0; border: none; }
img, p { border: none; margin: 0; padding: 0; }

/* layout */
#layout { width: 789px; height: 100%; margin: auto; padding: 0; }
#layout #header { width: 789px; }
#layout #leftcol { vertical-align: top; width: 214px; }
#layout #rightcol { vertical-align: top; width: 574px; background: #f7f9f8 url('images/content-bg.gif') repeat-y; border-right: solid 1px #e0e2e1; text-align: left; }
#layout #footer { background: url('images/footer.png') no-repeat; vertical-align: bottom; width: 789px; height: 39px; }

/* menu */
#menu td { padding: 0; }
#menu td#headerstuff { vertical-align: middle; width: 221px; background: url('images/header_spacer.png') repeat; }
#headerstuff a { color: White; background: url('images/header_bullet.png') no-repeat 0px 3px; padding: 4px; padding-left: 20px; text-decoration: none; font: 9px Arial, sans-serif; }
#headerstuff a:hover { color: White; background: url('images/header_bullet.png') no-repeat 0px 3px; padding: 4px; padding-left: 20px; text-decoration: none; font: 9px Arial, sans-serif; border-bottom: solid 1px #59b6ea; }

/* leftcol */

/* contact */
#contact { width: 214px; height: 129px; background: #f7f9f8; text-align: left; font: 11px Arial, sans-serif; color: #636363; }
#contact a { color: #636363; text-decoration: none; }
#contact a:hover { color: #636363; text-decoration: underline; }
#contact .phones { font-family: Arial, sans-serif; color: #636363; margin-left: 23px; margin-top: 20px;}
#contact .leftc { font-size: 9px; color: #969696; }

/* copyr */
#copyr { padding-top: 10px; width: 214px; height: 77px; background: #f7f9f8; text-align: center; font: 9px Arial, sans-serif; color: #969696; }
#copyr a { color: #459ed1; text-decoration: none; }
#copyr a:hover { color: #459ed1; text-decoration: underline; }


#topgrad { width: 214px; height: 43px; background: url('images/lcol_bot_grad.png') no-repeat; }
#midgrad { width: 214px; height: 43px; background: url('images/lcol_between_grad.png') no-repeat; }
#smallbanner { width: 214px; background: #f7f9f8; text-align: center; text-align: center; padding-top: 20px; padding-bottom: 20px; }


/* rightcol */

/* breadcrumb */
#bc { text-align: left; font: 9px Arial, sans-serif; color: #969696; width: 100%; }
#bc a { text-decoration: none; color: #969696; }
#bc a:hover { text-decoration: underline; color: #969696; }
#bc .bullet { background: url('images/bc_bullet.gif') no-repeat 3px 1px; padding-left: 12px; }

/* heading */
.heading { font-family: bold 16px Arial, Helvetica, sans-serif; color: #FF2E00; text-align: left; margin-top: 10px; }
.heading_foot { background: url('images/heading_foot.gif') no-repeat; 0px 0px; width: 165px; height: 5px; font-size: 1px; }

/* content - put style definitions under following line */
.content { text-align: left; padding-right: 30px; padding-top: 15px; font: 11px/15px Arial, sans-serif; color: #636363; }
.content a { color: #459ed1; text-decoration: none; }
.content a:hover { color: #459ed1; text-decoration: underline; }
.content span.bluetext { color: #459ed1; }
.content ul { list-style: none; margin: 0; }
.content ul li { margin: 0; margin-left: 15px; padding-left: 10px; background: url('images/bullet.gif') no-repeat 0px 3px; }
.content blockquote { margin:0; margin-left: 15px; }

/* realizations tile */
.real { width: 100%; margin-bottom: 5px; }
.real .real_title_r { width: 216px; height: 26px; background: url('images/real_head_r.png') no-repeat; font: 11px/26px Arial, sans-serif; text-align: right; padding-right: 20px; color: White;}
.real .real_title_l { width: 216px; height: 26px; background: url('images/real_head_l.png') no-repeat; font: 11px/26px Arial, sans-serif; text-align: left; padding-left: 20px; color: White;}
.real .real_img { margin-top: 5px; }
.real .real_text_r { font: 11px Arial, sans-serif; color: #636363; text-align: left; padding-right: 8px; }
.real .real_text_l { font: 11px Arial, sans-serif; color: #636363; text-align: left; padding-left: 8px; }
.real .real_sep { height: 7px; background: url('images/real_dot_sep.png') no-repeat; margin-top: 4px; }