/** 1) Body Style 2) Header 3) Container 4) Top Menu 5) Header Image 6) Content 7) Right Panel 8) Footer **/ * {margin:0px; padding:0px;} html {height:100%; font-size:100%;} body {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d; background:#bed1ed url(http://www.thewaterdamageexperts.com/water-damage-images/main-bg.jpg) repeat-x top;} a {text-decoration:none;} a:hover {} ul li {list-style:none;} img {border:none;} /** 1) Body Style **/ #main {background:url(http://www.thewaterdamageexperts.com/water-damage-images/main-top-bg.jpg) no-repeat center top; height:100%;} #page_container {width:1001px; margin:auto; height:100%;} /** 2) Header **/ #header {height:118px; padding:0px 54px 0px 20px;} #logo {float:left;} #header_call {float:right; margin:42px 0px 0px 0px;} /** 3) Container **/ #container {background:url(http://www.thewaterdamageexperts.com/water-damage-images/container-bg.jpg) repeat-y; height:100%; padding:0px 0px 20px 0px;} #container2 {background:url(http://www.thewaterdamageexperts.com/water-damage-images/container-bg2.png) repeat-y; height:100%; padding:0px 0px 20px 0px;} #container-bg {background:url(http://www.thewaterdamageexperts.com/water-damage-images/container-bg2.png) repeat-y; height:100%; padding:0px 0px 20px 0px;} #container_head {height:400px; background:url(http://www.thewaterdamageexperts.com/water-damage-images/header-bg.jpg) no-repeat top;} #container_head2 {height:50px; background:url(http://www.thewaterdamageexperts.com/water-damage-images/header-image-bg2.jpg) no-repeat top;} /** 4) Top Menu **/ #top_menu {margin:0px 22px 0px 36px; width:710px;} #top_menu div {background:url(http://www.thewaterdamageexperts.com/water-damage-images/top-menu-left.jpg) no-repeat left;} #top_menu div div {background:url(http://www.thewaterdamageexperts.com/water-damage-images/top-menu-right.jpg) no-repeat right;} #top_menu ul {margin:0px 15px 0px 22px; background:url(http://www.thewaterdamageexperts.com/water-damage-images/top-menu-bg.jpg) repeat-x; height:49px;} #top_menu ul li {float:left; font-size:12px; font-weight:normal; color:#ffffff; line-height:40px; background:url(http://www.thewaterdamageexperts.com/water-damage-images/top-menu-sep.jpg) no-repeat left top; padding:0px 14px 0px 14px;} #top_menu ul li.firstchild {background:none;} #top_menu ul li.lastchild { padding:0px 10px 0px 14px;} #top_menu ul li a {text-decoration:none; color:#ffffff;} #top_menu ul li a:hover {text-decoration:underline;} /** 5) Header Image **/ #head_image {margin:0px 0px 0px 26px; float:left;} #quote_button {float:right; margin:112px 35px 0px 0px;} /** 6) Content **/ #content {width:626px; float:left; margin:5px 0px 0px 48px !important; margin:15px 0px 0px 24px;} #content p {color:#4d4d4d; line-height:22px; padding:5px 0px 10px 0px;} #content h1 {font-family:"Trebuchet MS"; font-size:26px; font-weight:normal; color:#194485; margin:10px 0px 5px 0px;} #content h2 {font-family:"Trebuchet MS"; font-size:22px; font-weight:normal; color:#194485; margin:10px 0px 5px 0px;} #content h3 {font-family:"Trebuchet MS"; font-size:20px; font-weight:normal; color:#194485; line-height:30px; clear:both;} #content h4 {font-family:"Trebuchet MS"; font-size:18px; font-weight:normal; color:#194485; line-height:30px; clear:both;} #content h5 {font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; color:#194485; line-height:30px; clear:both;} #content h6 {font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#194485; line-height:30px; clear:both;} .imageright {float:right; margin:6px 0px 12px 20px; padding:5px; background-color:#bdd1ef; border:1px dotted #a1badf} .imageleft {float:left; margin:6px 20px 12px 0px; padding:5px; background-color:#bdd1ef; border:1px dotted #a1badf} #content ol {margin:10px 0px 10px 0px; line-height:20px;} #content ol li {margin:0px 0px 5px 24px;} #content ul {margin:0px 0px 16px 0px;} #content ul li {background:url(http://www.thewaterdamageexperts.com/water-damage-images/content-list-style.jpg) no-repeat left 9px; line-height:30px; padding:0px 0px 0px 20px;} #technicians {background:url(http://www.thewaterdamageexperts.com/water-damage-images/technicians-bg.jpg) no-repeat; width:458px; height:126px; margin:10px 0px 10px 0px;} #technicians img {margin:15px 12px 0px 18px;} #content2 {background:url(http://www.thewaterdamageexperts.com/water-damage-images/content-bg.jpg) no-repeat center top; width:1000px; float:left; margin:0px;} #content2 p {color:#4d4d4d; line-height:22px; padding:5px 30px 10px 48px;} #content2 ol {margin:10px 0px 10px 0px; line-height:20px; padding:0px 30px 0px 48px} #content2 ol li {margin:0px 0px 5px 24px;} #content2 ul {margin:0px 0px 16px 0px; padding:0px 30px 0px 48px} #content2 ul li {background:url(http://www.thewaterdamageexperts.com/water-damage-images/content-list-style.jpg) no-repeat left 9px; line-height:30px; padding:0px 0px 0px 20px;} /** 7) Right Panel **/ #right_panel {width:256px; float:right; margin:0px 36px 0px 0px !important; margin:0px 18px 0px 0px;} .right_box {background:url(http://www.thewaterdamageexperts.com/water-damage-images/right-box-bg.jpg) repeat-y left;} .right_box_top {background:url(http://www.thewaterdamageexperts.com/water-damage-images/right-box-top.jpg) no-repeat left top;} .right_box_bottom {background:url(http://www.thewaterdamageexperts.com/water-damage-images/right-box-bottom.jpg) no-repeat left bottom; padding:19px 18px 40px 19px;} .right_box_bottom p {line-height:22px; padding:0px 10px 0px 10px;} .right_box h2 {font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-align:center; line-height:34px; padding:0px 0px 14px 0px;} .right_box ul li {height:35px; background:url(http://www.thewaterdamageexperts.com/water-damage-images/right-box-list-style-bg.jpg) no-repeat center; line-height:33px; text-indent:26px;} .right_box ul li a {text-decoration:none; color:#4d4d4d;} .right_box ul li a:hover {text-decoration:underline;} #testimonials {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#194180; font-style:italic; padding:0px 15px 0px 18px;} /** 8) Footer **/ #footer {background:#062e6b url(http://www.thewaterdamageexperts.com/water-damage-images/footer-main-bg.jpg) repeat-x top;} #main_footer {width:1001px; margin:auto; background:url(http://www.thewaterdamageexperts.com/water-damage-images/footer-bg.jpg) repeat-y;} #footer_top {background:url(http://www.thewaterdamageexperts.com/water-damage-images/footer-top.jpg) no-repeat top; padding:20px 0px 0px 0px;} #footer_bottom {background:url(http://www.thewaterdamageexperts.com/water-damage-images/footer-bottom.jpg) no-repeat bottom; padding:0px 0px 60px 0px; text-align:center; line-height:28px; color:#ffffff;} #footer a {text-decoration:none; color:#ffffff; background:url(http://www.thewaterdamageexperts.com/water-damage-images/footer-sep.gif) no-repeat right; padding:0px 10px 0px 10px;} #footer a:hover {text-decoration:underline;} #footer .lastchild2 {text-decoration:none; color:#ffffff; padding:0px 10px 0px 10px; background:none} /** Contact Form **/ #contact-form { font-size:12px; margin-top:10px; text-align:left; padding:0px 35px 0px 43px; } #contact-form .formlabels { background-color:#FFFFFF; border:0 solid #53BEF4; color:#000000; display:block; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px 20px 5px 0; text-align:justify; width:330px !important; } .signup-input { background-color:#D2E1F6; border:1px solid #93AFD8; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:178px; font-size:11px; } .signup-input-2 { background-color:#D2E1F6; border:1px solid #93AFD8; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:188px; font-size:11px; } .signup-input-3 { background-color:#D2E1F6; border:1px solid #93AFD8; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:178px; height:156px; font-size:11px; } #contact-form p {line-height:24px; padding:10px 0px 0px 0px; color:#000000; } #contact-form h1 {font-family:"Trebuchet MS"; font-size:26px; font-weight:normal; color:#194485; margin:10px 0px 5px 0px; padding-left:3px;} #contact-form h2 {font-family:"Trebuchet MS"; font-size:22px; font-weight:normal; color:#194485; margin:10px 0px 5px 0px; padding-left:3px;} #contact-form h3 {font-family:"Trebuchet MS"; font-size:20px; font-weight:normal; color:#194485; line-height:30px; clear:both; padding-left:3px;} #contact-form h4 {font-family:"Trebuchet MS"; font-size:18px; font-weight:normal; color:#194485; line-height:30px; clear:both; padding-left:3px;} #contact-form h5 {font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; color:#194485; line-height:30px; clear:both; padding-left:3px;} #contact-form h6 {font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#194485; line-height:30px; clear:both; padding-left:3px;} #contact-form a {text-decoration:underline; color:#005497;} #contact-form a:hover {text-decoration:none;} .submit {margin-left:364px;} /* This is the css for styling a form */ /* This is the containing div for the form */ div.consultation { overflow: hidden; width: 600px; position: relative; height: auto; margin: 0px; left: 40px; } /* This is the overall form */ form.consultation { width: 600px; position: relative; font-size: 11px; color: #010000; } /* this is the submit button */ form.consultation button { background:url(http://www.thewaterdamageexperts.com/water-damage-images/submit.jpg) no-repeat; margin: 10px 0px; height: 31px; width: 181px; border: none; } /* This is the title of the form */ form.consultation p.consultation { font-size: 15px; margin: 0 auto; margin-bottom: 5px; padding: 0px; text-align: left; width: 200px; } /* This is the div container for the input label and rules */ form.consultation div.form_elements { position: relative; width: 300px; float: left; } /* This is the input label */ form.consultation div.form_elements label { position: relative; font-size: 12px; color: #010000; } /* This is the input rules */ form.consultation div.form_elements span { position: relative; font-size: 12px; left: 5px; } /* These are the input boxes */ form.consultation input { background-color:#D2E1F6; border:1px solid #93AFD8; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:178px; font-size:11px; float: left; } form.consultation textarea { } /* This is the thank you response for this form */ form.consultation div.thankYou { color: #000000; font-size: 20px;} div.error { color: #000000; font-size: 15px;} /* This is the css for styling a form */ /* This is the css for styling a form */ /* This is the containing div for the form */ div.contact_us { overflow: hidden; width: 300px; position: relative; height: auto; margin: 0px; left: 40px; } /* This is the overall form */ form.contact_us { width: 300px; position: relative; font-size: 11px; color: #010000; } /* this is the submit button */ form.contact_us button { background:url(http://www.thewaterdamageexperts.com/water-damage-images/submit.jpg) no-repeat; margin: 10px 0px; height: 31px; width: 181px; border: none; } /* This is the title of the form */ form.contact_us p.contact_us { font-size: 15px; margin: 0 auto; margin-bottom: 5px; padding: 0px; text-align: left; width: 200px; } /* This is the div container for the input label and rules */ form.contact_us div.form_elements { position: relative; width: 300px; float: left; } /* This is the input label */ form.contact_us div.form_elements label { position: relative; font-size: 12px; color: #010000; } /* This is the input rules */ form.contact_us div.form_elements span { position: relative; font-size: 12px; left: 5px; } /* These are the input boxes */ form.contact_us input { background-color:#D2E1F6; border:1px solid #93AFD8; font-family:Verdana,Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:178px; font-size:11px; float: left; } form.consultation textarea { } /* This is the thank you response for this form */ form.contact_us div.thankYou { color: #000000; font-size: 20px;}