charset "utf-8"; /* ---------->>> global settings <<<-----------*/ html {border:0px; margin:0px; padding:0px; } body { text-align: center; color:#EBBA98; background-repeat: no-repeat; background-color:#CCCCCC; display: block; text-align: center; float: left; margin-bottom:0px; background-position-y:50% } /* ---------->>> structure <<<-----------*/ /* --->> Sets the overall page width <<--- */ #container { width: 730px; } #container .box1 { /* ------- Top Bar Links ------*/ background:url('images/struc_pics/top_link_bar.jpg') no-repeat; width: 730px; height: 40px; vertical-align:bottom; } #container .box2 { /* ------- Center Content ------*/ background:#000000 url('images/struc_pics/content_left_table.jpg') no-repeat; width: 730px; height: 30px; vertical-align:bottom; } #container .box4 { /* ------- Center Content ------*/ background:#000000 url('images/struc_pics/left_link_repeat.jpg') ; width: 730px; vertical-align:bottom; margin:auto ; } #container .box5 { /* ------- Center Content ------*/ background:#000000 url('images/struc_pics/center_bottom_seperator.jpg') no-repeat; width: 730px; height:30px; vertical-align:bottom; } #container .box6 { /* ------- Center Content ------*/ background:#000000 url('images/struc_pics/center_news_letter.jpg') no-repeat; vertical-align:top; width: 730px; } #container .box7 { /* ------- Center Content ------*/ background:#000000 url('images/struc_pics/bottom_section.jpg') no-repeat; width: 730px; vertical-align:top; } /* ---------->>> banner <<<-----------*/ /* --->> Sets the banner tags <<--- */ #banner { background:url('images/struc_pics/top_banner.jpg') no-repeat; width: 730px; height: 190px; } #flash { width: 730px; height: 190px; } /* ---------->>> left <<<-----------*/ /* --->> Sets the left link bar tags <<--- */ #left { float: left; } #left .box { width: 15px; height: 240px; background: #000000 url('images/struc_pics/left_side.jpg') no-repeat top center; } #left .box1 { width: 15px; background: #000000 url('images/struc_pics/side_line_ext.jpg') top center; } #left .box h2 { text-align: center; font-size: 15px; font-style:oblique; } #left .box h3 { color: #F9C9A7; text-align: center; font-size: 20px; } /* ---------->>> main <<<-----------*/ /* --->> Sets the center frame tags <<--- */ #content { width: 700px; float: left; } #content .box { width: 700px; } #content .box h2 { text-align: center; font-size: 35px; /* Max 35px */ } #content .box h3 { text-align: left; font-size: 24px; /* Max 35px */ } #content h5 { float: center; background: #780009 url('images/struc_pics/main_page_truck.jpg') no-repeat bottom center; } #content h6 { float: center; background: #780009 url('images/struc_pics/main_page_truck2.jpg') no-repeat bottom center; } /* ---------->>> right <<<-----------*/ /* --->> Sets the right link bar tags <<--- */ #right { width: 15px; height:200px; text-align: left; float: left; background: #000000 url('images/struc_pics/right_side.jpg') no-repeat top center; } #right .box { width: 15px height: 200px; } #right .box1 { width: 15px; height:70%; background: #000000 url('images/struc_pics/side_line_ext.jpg') top center; } #right .box h2 { text-align: center; font-size: 15px; font-style:oblique; } #right .box h3 { color: #F9C9A7; text-align: center; font-size: 20px; } /* ---------->>> bottom subscribe section <<<-----------*/ #emails { border:0px; padding:0px; width: 730px; vertical-align:bottom; margin:auto ; } /* ---------->>> footer <<<-----------*/ /* <<--- Sets the footer tags --->> */ #footer { width: 730px; height: 60px; background: url('images/struc_pics/footer.jpg') no-repeat; padding: 0; clear: both; position: relative; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; } #footer .box { width: 730px; height: 60px; } #footer .box h2 { text-align: center; font-size: 35px; font-style:oblique; } /* ------------->> Link colors <<<<------------ */ /* --->> This sets the colors of the links <<--- */