
body { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

body, h1, h2, p, form { margin: 0px; padding: 0px; }

#page { width: 900px; margin: auto; }

.menu, #header, #banner, #home-blocks, #content, #content-left, #content-right, .form-block, #footer, 
.blocks, .ourwork-blocks, .ourwork-contents, .tbl, .tbl-heading, .tbl-content, .row-subhd, .rows, .rows-last, .hr, .blk, 
h1, h2, h3, p { width: 100%; float: left; }

a { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
.clrboth { clear: both; }
.textbox, .textarea { font: normal 12px Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url(../images/textbox-bk.gif) repeat-x left bottom; border: solid 1px #8c8c8c; width: 190px; height: 17px; padding-top: 3px; }
.textarea { width: 420px; height: 160px; }
.button { background: url(../images/button-bk.gif) no-repeat left top; padding-bottom: 2px; cursor: pointer; width: 110px; height: 26px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #0d5ba8; border: 0px; }

.hr { border-bottom: solid 1px #e4e4e4; height: 20px; }

/* Menu */
.menu { text-align: center; }
.menu a { font-size: 11px; font-weight: bold; color: #000000; }
.menu a.selected, 
.menu a:hover { color: #ff5400; }

/* Header */
#header { padding-bottom: 6px; }
#header #logo { float: left; margin: 15px; margin-bottom: 0px; }
#header #ico-phone { padding: 5px 20px 0px 25px; margin: 6px; height: 20px; background: #FFFFFF url(../images/ico-phone.gif) no-repeat left top; float: right; font-weight: bold; font-size: 12px; }
#header .menu {  width: 95%; text-align: right; }

/* Banner */
#banner #banner-left, 
#banner #banner-right { background: #FFFFFF url(../images/banner-left.jpg) no-repeat left top; width: 570px; height: 340px; float: left; }
#banner #banner-right { background-image: url(../images/banner-right.jpg); width: 330px; }

#banner #banner-left h1, #banner #banner-left h2, #banner #banner-left h3 { margin-left: 15px; font: bold 27px Arial, Helvetica, sans-serif; width: 300px; }
#banner #banner-left h1 { color: #000000; margin-top: 20px; margin-bottom: 3px; width: 500px; }
#banner #banner-left h1 span { color: #ff5400; }
#banner #banner-left h2 { color: #8d8d8d; font-size: 21px; font-weight: normal; margin-top: 0px; }
#banner #banner-left h3 { color: #ff5400; font: bold 16px Arial, Helvetica, sans-serif; margin-top: 145px; margin-bottom: 5px; }
#banner #banner-left ul { margin: 0px; padding: 0px; list-style-type: none; }
#banner #banner-left ul li { float: left; background: url(../images/ico-arrow.gif) no-repeat 2px 6px; margin-left: 20px; padding: 4px 0px 0px 9px; width: 300px; }

#banner #banner-right #block-1, 
#banner #banner-right #block-2, 
#banner #banner-right #block-3 { margin: 19px 0px 0px 13px; width: 170px; float: left; }
#banner #banner-right #block-2 { margin-top: 26px; }
#banner #banner-right #block-3 { margin-top: 24px; }

#banner #banner-right h1 { font: normal 21px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; }
#banner #banner-right h1 a { font: normal 21px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; }
#banner #banner-right p { margin: 0px; margin-top: 9px; }
#banner #banner-right p a.more { color: #FFFFFF; width: auto; background: url(../images/learn-more-gray.png) no-repeat left top; padding-left: 20px; padding-top: 1px; float: right; height: 15px; }

/* Home page middle blocks */
#home-blocks { margin-top: 9px; }
#home-blocks #home-block-1, 
#home-blocks #home-block-2,
#home-blocks #home-block-3 { background: #FFFFFF url(../images/home-block-1.jpg) no-repeat left top; float: left; width: 300px; height: 173px; }
#home-blocks #home-block-2 { background-image: url(../images/home-block-2.jpg); }
#home-blocks #home-block-3 { background-image: url(../images/home-block-3.jpg); }
#home-blocks p { font: bold 14px Arial, Helvetica, sans-serif; color: #000000; width: 283px; }
#home-blocks h1 { color: #0d5ba8; font: bold 14px Arial, Helvetica, sans-serif; margin-left: 17px; margin-top: 17px; }
#home-blocks p { text-align: right; margin-top: 80px; }
#home-blocks p a.more { color: #000000; background: url(../images/learn-more-blue.png) no-repeat right 16px; margin-top: 3px; padding: 3px 23px 13px 0px; float: right; }

/* Content */
#content { margin-top: 6px; background: #FFFFFF url(../images/content-left-bk.gif) repeat-y left top; min-height: 500px; }

#content-left { width: 235px; padding-bottom: 30px; }
#content-left .blocks { text-align: center; margin-top: 20px; }
#content-left .quote-left, #content-left .quote-right { float: left; background: url(../images/quote-left.png) no-repeat left top; width: 28px; height: 24px; }
#content-left .quote-right { float: right; background-image: url(../images/quote-right.png); }
#content-left .blocks p { width: 190px; margin: 0px 9px; text-align: left; }

#content-right { width: 665px; padding-bottom: 30px; }
#content-right .blocks { margin: 20px 25px; margin-top: 0px; width: 620px; }

#content-right h1 { color: #0d5ba8; height: 30px; background-color: #e4e4e4; background: #e4e4e4 url(../images/gray-corner.gif) no-repeat right top; font-size: 12px; font-weight: bold; }
#content-right h1 span { margin: 8px 16px; float: left; }

#content-right p { line-height: 16px; margin-top: 20px; }
#content-right p.blue { color: #0d5ba8; font-weight: bold; }
#content-right p.alignright { text-align: right; width: 530px; }
#content-right p .small { float: left; width: 70px; }
#content-right p .large { float: left; width: 130px; }

#content-right .menu { margin-top: 20px; text-align: right; color: #0d5ba8; font-weight: bold; }
#content-right .menu a { color: #0d5ba8; }

#content-right .form-block { padding-top: 15px; }
#content-right .form-block p { margin-top: 13px; }

#content-right .ourwork-blocks { margin-top: 25px; }
#content-right .ourwork-blocks .ourwork-contents { width: 440px; }
#content-right .ourwork-blocks h1 { height: 21px; padding-left: 9px; padding-top: 6px; width: 280px; color: #0d5ba8; font-size: 11px; font-weight: bold; background: #FFFFFF url(../images/ourwork-h1-bk.gif) no-repeat left top; }
#content-right .ourwork-blocks p { margin: 10px 10px; }
#content-right .ourwork-blocks .thumbs { float: right; }
#content-right .ourwork-blocks p a.more { color: #0d5ba8; background: url(../images/learn-more-blue.png) no-repeat right top; padding: 3px 26px 3px 0px; float: right; }

#content-right .tbl-heading { margin-top: 25px; float: right; width: 422px; height: 26px; border: solid 1px #aeaeae; border-bottom: 0px; background: url(../images/packages-block-hd-bk.gif) repeat-x left bottom; }
#content-right .tbl-heading .column-1, 
#content-right .tbl-heading .column-2, 
#content-right .tbl-heading .column-3 { float: left; width: 140px; }
#content-right .tbl-heading .column-1 .left, #content-right .tbl-heading .column-3 .right { width: 8px; height: 27px; background: url(../images/packages-block-hd-left.gif) no-repeat left top; position: relative; top: -1px; left: -1px; float: left; }
#content-right .tbl-heading .column-3 .right { left: 3px; background-image: url(../images/packages-block-hd-right.gif); float: right; }

#content-right .tbl-heading p { margin-top: 5px; font-weight: bold; color: #0d5ba8; text-align: center; }
#content-right .tbl-heading .column-1 p, #content-right .tbl-heading .column-3 p { width: 132px; }

#content-right .tbl-content { background: url(../images/packages-block-bk.gif) repeat-x left bottom; border: solid 1px #aeaeae; width: 618px; }
#content-right .tbl-content span { float: left; margin-top: 6px; margin-left: 9px; font-weight: bold; color: #0d5ba8; }
#content-right .tbl-content .row-subhd { padding: 3px 0px; background: url(../images/textbox-bk.gif) repeat-x left bottom; }
#content-right .tbl-content .row-subhd, #content-right .tbl-content .rows-last { border-bottom: solid 1px #aeaeae; height: 26px; }
#content-right .tbl-content .rows, #content-right .tbl-content .rows-last, 
#content-right .tbl-content .column-0, #content-right .tbl-content .column-1, #content-right .tbl-content .column-2, #content-right .tbl-content .column-3 { float: left; height: 35px; padding-bottom: 15px; }

#content-right .tbl-content p { margin: 10px 0px 0px 6px; width: 130px; text-align: center; }
#content-right .tbl-content .column-0 p { width: 180px; text-align: left; }

#content-right .tbl-content .column-0, 
#content-right .tbl-content .column-1, 
#content-right .tbl-content .column-2, 
#content-right .tbl-content .column-3 { width: 140px; border-right: solid 1px #aeaeae; }
#content-right .tbl-content .column-0 { width: 195px; }
#content-right .tbl-content .column-2 { background-color: #f7f7f7; }
#content-right .tbl-content .column-3 { border: 0px; }

#content-right .tbl-content .rows .left, #content-right .tbl-content .rows .right { float: left; width: 9px; height: 9px; position: relative; top: 10px; left: -10px; background: url(../images/packages-block-bt-left.gif) no-repeat left bottom; }
#content-right .tbl-content .rows .right { float: right; left: 1px; background-image: url(../images/packages-block-bt-right.gif); }

#content-right p a { color: #0d5ba8; font-weight: normal; }
#content-right p a:hover { color: #ff5400; }

/* blk */
.blk { margin-top: 9px; }
.blk .blk-top, .blk .blk-bottom, .blk .blk-cnt-outer, .blk .blk-cnt { float: left; width: 900px; }
.blk .blk-top { background: url(../images/blk-top.jpg) no-repeat left bottom; height: 15px; }
.blk .blk-cnt-outer { background: url(../images/blk-bk-outer.jpg) repeat-y left top; width: 890px; padding: 0px 6px; }
.blk .blk-cnt { background: #FFF url(../images/blk-bk.jpg) repeat-x left bottom; padding: 0px 9px; width: 872px;}
.blk .blk-bottom { background: url(../images/blk-bottom.jpg) no-repeat left top; height: 15px; }
.blk .blk-cnt h1 { color: #ff5400; font: normal 19px Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 9px; }
.blk .blk-cnt .cus-logos, .blk .blk-cnt .cus-logos-ln { float: left; padding: 9px 0px 0px; width: 143px; height: 80px; text-align: center; }
.blk .blk-cnt .cus-logos-ln { width: 429px; }
.blk .blk-cnt .cus-logos img { padding: 1px; border: solid 1px #666; }
.blk .blk-cnt .cus-logos-ln img { padding: 1px; border: solid 1px #CCC; }

/* Footer */
#footer { padding: 20px 0px; }
#footer p { color: #8d8d8d; text-align: center; margin: 9px 0px; }
