/* CSS Document */
html, body { background-color: #FFFFFF; font-family: "Helvetica", "Arial"; font-size: 13px; margin: 0; padding: 0; }
.clear { clear: both; }
p { margin: 0.5em 0 0.5em 0; }
/* Styles */
h1 { font-size: 17px; margin: 0; padding: 0; font-weight: normal; }
/* Header Start */
#header_holder { width: 100%; height: 155px; }
#logo { width: 417px; height: 141px; background: url(../images/logo.gif) no-repeat; float: left; margin: 0.3em 0 0 0.1em; position: absolute; }
#header_img { width: 598px; height: 155px; background: url(../images/header_img.jpg) no-repeat; float: right; }
/* Navigation Start */
#navigation { width: 100%; height: 39px; background: url(../images/navigation.gif) repeat-x; }
#home { width: 63px; height: 39px; background: url(../images/home.gif) no-repeat; float: left; margin: 0 0 0 0.7em; }
#home a { width: 63px; height: 39px; background: url(../images/home.gif) no-repeat; float: left; }
#home a:hover { width: 63px; height: 39px; background: url(../images/home_over.gif) no-repeat; float: left; }
#about { width: 110px; height: 39px; background: url(../images/about.gif) no-repeat; float: left; margin: 0 0 0 0.7em; }
#about a { width: 110px; height: 39px; background: url(../images/about.gif) no-repeat; float: left; }
#about a:hover { width: 110px; height: 39px; background: url(../images/about_over.gif) no-repeat; float: left; }
#services { width: 129px; height: 39px; background: url(../images/services.gif) no-repeat; float: left; margin: 0 0 0 0.9em; }
#services a { width: 129px; height: 39px; background: url(../images/services.gif) no-repeat; float: left; }
#services a:hover { width: 129px; height: 39px; background: url(../images/services_over.gif) no-repeat; float: left; }
#quality { width: 176px; height: 39px; background: url(../images/quality.gif) no-repeat; float: left; margin: 0 0 0 0.7em; }
#quality a { width: 176px; height: 39px; background: url(../images/quality.gif) no-repeat; float: left; }
#quality a:hover { width: 176px; height: 39px; background: url(../images/quality_over.gif) no-repeat; float: left; }
#clients { width: 124px; height: 39px; background: url(../images/clients.gif) no-repeat; float: left; margin: 0 0 0 0.7em; }
#clients a { width: 124px; height: 39px; background: url(../images/clients.gif) no-repeat; float: left; }
#clients a:hover { width: 124px; height: 39px; background: url(../images/clients_over.gif) no-repeat; float: left; }
#contact { width: 129px; height: 39px; background: url(../images/contact.gif) no-repeat; float: left; margin: 0 0 0 0.7em; }
#contact a { width: 129px; height: 39px; background: url(../images/contact.gif) no-repeat; float: left; }
#contact a:hover { width: 129px; height: 39px; background: url(../images/contact_over.gif) no-repeat; float: left; }
/* Images Start */
#images_holder { width: 790px; height: 144px; }
#cleanrooms { width: 159px; height: 144px; background: url(../images/cleanrooms.gif) no-repeat; float: left; }
#office { width: 163px; height: 144px; background: url(../images/office.gif) no-repeat; float: left; }
#post { width: 156px; height: 144px; background: url(../images/post.gif) no-repeat; float: left; }
#retail { width: 155px; height: 144px; background: url(../images/retail.gif) no-repeat; float: left; }
#educational { width: 155px; height: 144px; background: url(../images/educational.gif) no-repeat; float: left; }
/* Mid Row Start */
#mid_row_holder { width: 100%; height: 201px; }
#mid_row_background { width: 786px; height: 201px; background: url(../images/mid_row_background.gif) no-repeat; float: left; margin-left: 0.1em;
position: absolute; border-right: 1px solid #FFFFFF; }
.mid_row_text { width: 700px; height: 190px; color: #FFFFFF; margin: 1em 0 0 1em; }
.mid_row_text p { margin: 0.3em 0 0.5em 0; }
#mid_row_right { width: 37.8%; height: 201px; background: url(../images/mid_row_right.gif) repeat-x; float: right; }
/* Bottom Column Start */
#bottom_col_blue { width: 398px; height: auto; background-color: #FFFFFF; background: url(../images/bottom_col_blue.gif) no-repeat;
float: left; margin: 0 0 3em 1px; }
#bottom_col_grey { width: 388px; height: auto; background-color: #FFFFFF; background: url(../images/bottom_col_grey.gif) no-repeat;
float: left; }
.bottom_col_bullet01 { width: 33px; height: 31px; background: url(../images/bottom_col_bullet01.gif) no-repeat; float: left; margin: 1.3em 0 0 1em; }
.bottom_col_blue_head { width: 200px; height: auto; float: left; color: #0372BE; margin: 1.6em 0 0 0.5em; }
.bottom_col_blue_text { width: 350px; height: auto; margin: 0 0 0 1.4em; }
.bottom_col_blue_text ul { margin: 0.5em 0 0 2.5em; padding: 0; list-style-image: url(../images/blue_col_bullet.gif); }
.bottom_col_blue_text01 { width: 350px; height: auto; margin: 0 0 0 1.4em; padding: 0.6em 0 2em 0; }
.bottom_col_bullet02 { width: 30px; height: 28px; background: url(../images/bottom_col_bullet02.gif) no-repeat; float: left; margin: 1.3em 0 0 1em; }
.bottom_col_grey_head { width: 250px; height: auto; float: left; color: #373737; margin: 1.6em 0 0 0.5em; }
.bottom_col_grey_text { width: 350px; height: auto; margin: 0 0 0 1.4em; }
.bottom_col_grey_text ul { margin: 0.5em 0 0 3.5em; padding: 0; list-style-image: url(../images/grey_col_bullet.gif); }
.bottom_col_grey_text01 { width: 350px; height: auto; margin: 0 0 0 1.6em; padding: 0.6em 0 2em 0; }
/* Footer Start */
#footer { width: 99.9%; height: 35px; background-color: #DBDBDB; border-left: 1px solid #FFFFFF; margin: 1em 0 0 0; position: fixed; bottom: 0; }
.footer_text { width: 800px; height: auto; text-align: center; padding: 0.3em 0 0 0; }
/* Sub Page Start */
/* Left Column */
#left_col_holder { width: 199px; height: auto; float: left; }
#left_col_img { width: 199px; height: 188px; }
#left_col_text_area { width: 198px; min-height: 207px; height: auto; background: url(../images/left_col_text_area.gif) repeat-y; border-left: 1px solid #FFFFFF; margin: 0 0 -0.5em 0; }
.left_col_text { width: 170px; height: auto; color: #FFFFFF; padding: 1em 0 0 1em; }
#left_col_bottom { width: 198px; min-height: 256px; height: auto; background: url(../images/left_col_bottom.gif) no-repeat; border-left: 1px solid #FFFFFF; }
/* Main Col Start */
#main_col_holder { width: 576px; height: auto; float: left; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#main_col_background { width: 576px; min-height: 651px; height: auto; background: url(../images/main_col_background.gif) repeat-x;
position: absolute; padding-bottom: 4em; }
.main_col_text { width: 350px; height: auto; padding: 0.8em 0 0 1em; }
/* Right Col Start */
#right_col_background { width: 40%; height: 651px; background: url(../images/right_col_background.gif) repeat-x; float: right; }
/* CSS Document End */