/** 1) Body Style 2) Header 3) Top Menu 4) Header Contact Info 5) Left panel 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:#2c2a2b; background:#aaaa8d url(/dentist-boston-images/drbiron-main-bg.jpg) repeat-y center;} a { color:#46462E; text-decoration:underline} a:hover { color:#000000} img {border:none;} ul li {list-style:none;} /** 1) Body Style **/ #page_container {width:958px; margin:auto; background:url(/dentist-boston-images/header-top-bg.jpg) no-repeat 0px top !important; background:url(/dentist-boston-images/header-top-bg.jpg) no-repeat 1px top; height:100%; padding:0px 21px 0px 21px; position:relative;} #container {background:url(/dentist-boston-images/container-bg.jpg) no-repeat -1px top !important; background:url(/dentist-boston-images/container-bg.jpg) no-repeat 0px top; height:100%; margin:0px 0px 0px 0px;} #biron_image {position:absolute; top:127px;} /** 2) Header **/ #header {height:458px;} #logo {float:left;} #call_image {float:right; margin:37px 35px 0px 0px;} /** 3) Top Menu **/ #top_menu {padding:13px 0px 102px 194px; width:570px; height:40px;} #top_menu li {float:left; line-height:40px; width:94px; margin:0px 1px 0px 0px; text-align:center;} #top_menu li a {text-decoration:none; font-weight:bold; color:#FFFFFF;} #top_menu li a:hover {text-decoration:underline;} /** 4) Header Contact Info **/ #header_contact_info {width:173px; margin:0px 379px 0px 374px; padding:5px 15px 0px 16px; overflow:hidden;} #header_contact_info label {display:block; line-height:20px; font-size:11px; color:#373727; font-weight:bold; padding:0px 0px 0px 3px;} #header_contact_info label span {font-weight:normal;} #header_contact_info .input_1 {width:163px; height:24px; background:url(/dentist-boston-images/header-contact-input-1-bg.gif) no-repeat left; border:none; margin:0px 0px 2px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px 5px 0px 5px;} #header_contact_info #submit {margin:5px 0px 0px 0px;} /** 5) Left panel **/ #left_panel {width:255px; float:left; margin:359px 0px 0px 8px !important; margin:359px 0px 0px 4px;} .left_box {background:url(/dentist-boston-images/leftbox-bg.jpg) repeat-y;} .left_box_bottom {background:url(/dentist-boston-images/leftbox-bottom.jpg) no-repeat bottom; padding:13px 25px 40px 25px;} .left_box_top {background:url(/dentist-boston-images/leftbox-top.jpg) no-repeat top;} .left_box .title1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; color:#f1f0f0; text-align:center; line-height:28px;} .left_box ul {margin:10px 0px 10px 0px;} .left_box ul li {height:29px; background:url(/dentist-boston-images/left-menu-bg.jpg) no-repeat left; line-height:25px; padding:0px 0px 0px 25px;} .left_box ul li a {color:#dbd7d9; text-decoration:none;} .left_box ul li a:hover {text-decoration:underline;} /** 6) Content **/ #content {width:420px; float:left; margin:60px 0px 0px 18px;} #content h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; color:#2c2a2b; background:url(../images/h1-bg.gif) repeat-x bottom; padding:0px 0px 5px 0px; margin:0px 0px 8px 0px;} #content h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#2c2a2b; margin:0px 0px 12px 0px;} #content h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#2c2a2b; margin:0px 0px 12px 0px;} #content h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#2c2a2b; margin:0px 0px 12px 0px;} #content h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#2c2a2b; margin:0px 0px 12px 0px;} #content h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#2c2a2b; margin:0px 0px 12px 0px;} #content p {margin:0px 0px 14px 0px; line-height:20px; text-align:justify;} .imageright {float:right; margin:6px 0px 12px 12px;} .imageleft {float:left; margin:6px 12px 12px 0px;} #content ul {margin:10px 0px 10px 0px;} #content ul li {margin:0px 0px 5px 0px; background:url(/dentist-boston-images/listing-example-bullet.gif) no-repeat 0px 0px; padding:0px 0px 0px 22px; vertical-align:text-top; line-height:20px;} #content ol {margin:10px 0px 10px 0px; line-height:20px;} #content ol li {margin:0px 0px 5px 24px;} /** 7) Right Panel **/ #right_panel {width:226px; float:right; margin:0px 15px 0px 0px !important; margin:0px 7px 0px 0px;} #testimonials {background:url(/dentist-boston-images/testimonials-bg.jpg) repeat-y;} #testimonials_top {background:url(/dentist-boston-images/testimonials-top.jpg) no-repeat top;} #testimonials_bottom {background:url(/dentist-boston-images/testimonials-bottom.jpg) no-repeat bottom; padding:0px 0px 44px 0px;} #testimonials p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ededeb; line-height:24px; font-size:17px; padding:8px 22px 8px 28px;} #testimonials span {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#ededeb; padding:0px 22px 16px 28px; display:block;} .before_after {height:121px; background:url(/dentist-boston-images/before-and-after.jpg) no-repeat; padding:44px 20px 45px 16px;} .before_after p {font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#ffffff; padding:4px 0px 0px 18px;} /** 8) Footer **/ #footer {height:203px; background:url(/dentist-boston-images/footer-bg.jpg) no-repeat center;} #inner_footer {width:1000px; margin:auto; text-align:center; line-height:30px; color:#1e1d1d; padding:126px 0px 0px 0px;} #inner_footer a {text-decoration:none; color:#1e1d1d; margin:0px 8px 0px 8px;} #inner_footer a:hover {text-decoration:underline; color:#000000;} /* This is the css for styling a form */ /* This is the containing div for the form */ div.consultation { overflow: hidden; width: 190px; position: relative; height: auto; margin: 0px; } /* This is the overall form */ form.consultation { width: 173px; position: relative; font-size: 8px; color: #010000; } /* this is the submit button */ form.consultation button { background:url(/dentist-boston-images/header-submit.png) no-repeat; margin: 10px 0px; height: 38px; width: 173px; border: none; } /* This is the title of the form */ form.consultation p.consultation { font-size: 15px; margin: 0 auto; margin-bottom: 0px; padding: 0px; text-align: left; width: 170px; } /* This is the div container for the input label and rules */ form.consultation div.form_elements { position: relative; width: 173px; } /* This is the input label */ form.consultation div.form_elements label { position: relative; float: left; font-size: 10px; color: #010000; } /* This is the input rules */ form.consultation div.form_elements span { position: relative; float: left; left: 5px; font-size: 10px; top: 2px; } /* These are the input boxes */ form.consultation input { background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 173px; margin: 0px; padding: 4px 0px; border: 1px solid #000000;} form.consultation textarea { background:url(/dentist-boston-images/laser-left-box-textarea-bg.jpg) no-repeat; height: 100px; width: 180px; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #705f43; } /* 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 containing div for the form */ div.contact_us { overflow: hidden; width: 190px; position: relative; height: auto; margin: 0px; } /* This is the overall form */ form.contact_us { width: 173px; position: relative; font-size: 8px; color: #010000; } /* this is the submit button */ form.contact_us button { background:url(/dentist-boston-images/header-submit.png) no-repeat; margin: 10px 0px; height: 38px; width: 173px; border: none; } /* This is the title of the form */ form.contact_us p.contact_us { font-size: 15px; margin: 0 auto; margin-bottom: 0px; padding: 0px; text-align: left; width: 170px; } /* This is the div container for the input label and rules */ form.contact_us div.form_elements { position: relative; width: 173px; margin: 5px 0px; } /* This is the input label */ form.contact_us div.form_elements label { position: relative; float: left; font-size: 10px; color: #010000; } /* This is the input rules */ form.contact_us div.form_elements span { position: relative; float: left; left: 5px; font-size: 10px; } /* These are the input boxes */ form.contact_us input { background:url(/dentist-boston-images/header-contact-input-1-bg.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 173px; margin: 5px 0px; padding: 5px 0px; border: 0px;} form.contact_us textarea { background:url(/dentist-boston-images/laser-left-box-textarea-bg.jpg) no-repeat; height: 100px; width: 180px; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #705f43; } /* This is the thank you response for this form */ form.contact_us div.thankYou { color: #000000; font-size: 20px;} div.error { color: #000000; font-size: 15px;}