/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #504d16; text-decoration:underline; cursor: pointer} a:hover, a:active {color: #000; text-decoration:none; cursor: pointer;} input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; width: 150px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {position:relative; margin: 0px; padding: 0px; background:#dddddd;} body {position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000;} #container {position:relative; width: 1003px; margin: 0px auto; background:url(../images/landing/bkg_content.jpg) repeat-y right top;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; height:85px; background:url(../images/bkg_branding.gif) no-repeat; font-weight:normal; font-size:12px; padding:13px 30px 16px 43px;} * html #branding {padding:13px 30px 0px 20px;} #branding h2 {position:relative; margin:15px 10px 0px 0px; float:left; background:url(../images/landing/img_banner.jpg) no-repeat; height:60px; width:428px; padding:20px 0px 0px 300px; font-size:17px; font-weight:lighter; color:#939497;} #branding h2 .large {font-size:17px; font-weight:bold; color:#2e2a2b;} #branding h3 {position:relative; width:168px; padding:15px 20px 0px 0px; float:left;} #contact {position:absolute; right:50px; top:7px; width:500px; text-align:right; } * html #contact {position:relative; top:-125px; float:right;} /* CONTENT FORMATTING ---------------------------------------------------*/ #content {width:933px; margin: 0px auto; clear: both; padding:0px 24px 10px 40px;} /** html #content {margin-top:-20px; padding:0px 25px 10px 45px;}*/ #content #messages {padding:30px;} #content p {margin: 0px 0px 29px; line-height: 20px} #content h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #ffffff; font-weight: bold; padding:12px 0px 0px 23px;} #content h2 {font-size: 22px; color: #25598b; font-weight: normal; margin: 25px 0px 5px 0px;} #content h3 {font-size: 17px; color: #7d8d1d; margin: 2px 0px;} #content h4 {font-size: 14px; color: #25598b; margin: 2px 0px; font-weight:bold;} #content h5 {font-size: 12px; color: #5b5504; margin: 0px 0px 8px; text-align: center;} #content h6 {text-align:center; margin:-8px 0px 10px 0px;} #content ul, #content ol {margin: 10px 5px 10px 20px} #content li {margin-bottom: 8px; margin-left: 20px} #content ul li {list-style: disc} #content ol li {list-style: decimal} #header {background:url(../images/landing/header_bkg.jpg) no-repeat; height:43px;} #header h1 {} #left {position:relative; width:526px; margin-top:10px; padding-right:24px; float:left;} #right {margin-top:10px; float:left; width:383px; height:auto;} #right2 {margin-top:5px; float:left; width:383px; height:auto;} #images {background:url(../images/landing/bkg_images.jpg) repeat-x #7c7c7d; width:505px; padding:13px 12px 5px 12px; height:575px; color:#FFF; font-size:11px;} .chairs_side {background:url(../images/landing/bkg_images.jpg) repeat-x #7c7c7d; width:505px; padding:13px 12px 5px 12px; height:865px; color:#FFF; font-size:11px;} #images p {margin:5px 0px 0px 0px;} #images img {border:4px solid #fff;} #images .note {width: 300px; position:absolute; top: 450px; left:50px; color:#fff;} #thumbs {position:absolute; top:395px; left:10px; width:514px; z-index: 100;} #thumbs a {display: block; margin:3px 4px 3px 3px; float: left; overflow:hidden;} #thumbs .first {padding-left:0px;} * html #thumbs .first {margin-left:0px;} #thumbs .last {padding-right:0px;} * html #thumbs .last {margin-right:0px;} #thumbs a:hover {background-color: #000;} #thumbs div {width: 57px; height: 57px; margin: 0px 2px; overflow:hidden} #thumbs h3 {font-size:14px; font-weight:bold; color:#FFF; clear:both; padding:5px 0px 0px 0px; margin:0px;} #thumbs a span img {position: absolute; left: -9999px; z-index: 9999} #thumbs a:hover span {position: absolute; top: -382px; left: 1px; z-index: 998; width: 300px; height:250px; background-color: #000} #thumbs a:hover span img {position: relative; top: 0px; left:1px; width: auto; height: auto; z-index: 999} #description {width:506px; background:url(../images/landing/txtbox_left_bkg.jpg) repeat-x #fff; margin-top:10px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:0px 12px 0px 12px;} #description p {margin:5px 0px 0px 0px; font-size:11px; line-height:16px;} #description_top {position:relative; top:10px;} #description_btm {position:relative;top:-1px;} #description_right {width:338px; background:url(../images/landing/txtbox_left_bkg.jpg) repeat-x #fff; margin-top:10px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:0px 12px 0px 12px;} #description_right p {margin:5px 0px 0px 0px; font-size:12px; line-height:16px;} .photo {border: 6px solid #8b915e; margin: 10px 0px} .photoLeft, .photoRight {border: 6px double #8b915e;} .photoLeft {float:left; margin: 5px 0px 10px 20px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .small {font-size:11px; font-style:normal; color:#808080; text-align:center;} .clear {clear:both;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {color:#95adb4; background:url(../images/landing/bkg_content_btm.jpg) no-repeat center; margin:0px 0px; width:100%; height:20px;} * html #siteinfo {position:relative; margin-top:-10px; left:0px; padding-top:10px;} #siteinfo div {width:1003px; margin:0 auto;} #siteinfo cite {color:#95adb4; font-size:11px; font-style:normal;} #siteinfo .left {width:590px; float:left; margin:0px 10px 0px 20px; padding:20px 0px 0px 0px; color:#5b462e;} #siteinfo .right {width:250px; text-align:right; float:left; margin: 10px 10px 0px 90px; padding:10px 0px 0px 0px;} #siteinfo a:link, a:visited {font-size:11px; color: #225889; text-decoration:underline; cursor: pointer} #siteinfo a:hover, a:active {color: #225889; text-decoration:none; cursor: pointer;} #frmSS11223 #five_chairs {margin:6px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #frmSS11223 ul {clear:both; margin:0px; padding:0px; font-size:11px; font-weight:bold;} #frmSS11223 ul li {list-style-type: none; margin:2px 10px 3px 0px; font-weight:normal; clear:both;} #frmSS11223 li.buttons {clear: both; margin:5px 0px 0px 0px;} /* FORM ---------------------------------------------------*/ #landing_form #one {margin:6px 0px 6px 0px; width:314px; height:97px; background:url(../images/landing/formbox_1.jpg) no-repeat top; padding:0px 0px 3px 50px;} #landing_form #two {margin:6px 0px 6px 0px; width:314px; height:97px; background:url(../images/landing/formbox_2.jpg) no-repeat top; padding:0px 0px 3px 50px;} #landing_form #three {margin:6px 0px 6px 0px; width:314px; height:79px; background:url(../images/landing/formbox_3.jpg) no-repeat top; padding:0px 0px 3px 50px;} #landing_form #four {margin:6px 0px 6px 0px; width:314px; height:89px; background:url(../images/landing/formbox_4.jpg) no-repeat top; padding:0px 0px 3px 50px;} #landing_form #five {margin:6px 0px 6px 0px; width:314px; height:273px; background:url(../images/landing/formbox_5_lg.jpg) no-repeat top; padding:0px 0px 3px 50px;} #landing_form #one_chairs {margin:6px 0px 6px 0px; width:319px; height:130px; background:url(../images/landing/formbox_1_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #one_chairs3 {margin:6px 0px 6px 0px; width:319px; height:137px; background:url(../images/landing/formbox_1b_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #two_chairs {margin:6px 0px 6px 0px; width:319px; height:44px; background:url(../images/landing/formbox_2_sm.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #three_chairs {margin:6px 0px 6px 0px; width:319px; height:89px; background:url(../images/landing/formbox_3_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #three_chairs4 {margin:6px 0px 6px 0px; width:319px; height:97px; background:url(../images/landing/formbox_2.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #four_chairs {margin:6px 0px 6px 0px; width:319px; height:95px; background:url(../images/landing/formbox_4_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #five_chairs {margin:6px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #five_chairs2 {margin:6px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_02_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #five_chairs5 {margin:12px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_a.gif) no-repeat top; padding:3px 0px 3px 45px;} #landing_form #one_cubicles {margin:6px 0px 6px 0px; width:319px; height:126px; background:url(../images/landing/formbox_1_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #two_cubicles {margin:6px 0px 6px 0px; width:319px; height:44px; background:url(../images/landing/formbox_2_sm.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #three_cubicles {margin:6px 0px 6px 0px; width:319px; height:89px; background:url(../images/landing/formbox_3_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #four_cubicles {margin:6px 0px 6px 0px; width:319px; height:80px; background:url(../images/landing/formbox_4_sm.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #five_cubicles {margin:6px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #one_reception {margin:6px 0px 6px 0px; width:319px; height:140px; background:url(../images/landing/formbox_1_reception.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #two_reception {margin:6px 0px 6px 0px; width:319px; height:63px; background:url(../images/landing/formbox_2_reception.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #three_reception {margin:6px 0px 6px 0px; width:319px; height:83px; background:url(../images/landing/formbox_3_sm.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #four_reception {margin:6px 0px 6px 0px; width:319px; height:98px; background:url(../images/landing/formbox_4_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form #five_reception {margin:6px 0px 6px 0px; width:319px; height:273px; background:url(../images/landing/formbox_5_lg.jpg) no-repeat top; padding:0px 0px 3px 45px;} #landing_form p {position:relative; margin-bottom:5px; left:60px; width:170px;} #landing_form h3 {font-weight:bold; font-size:11px; color:#4b799b; margin:0px; padding:6px 0px 1px 0px;} * html #landing_form h3 {padding:0px 0px 5px 0px;} #landing_form ul {clear:both; margin:0px; padding:0px; font-size:11px; font-weight:bold;} #landing_form ul li {list-style-type: none; margin:2px 10px 3px 0px; font-weight:normal; clear:both;} #landing_form span {color:#F00;} #landing_form label {width:70px; float: left;} #landing_form input, #landing_form select, #landing_form textarea {width:210px;} #landing_form li.buttons {clear: both; margin:8px 0px 0px 0px;} #landing_form li.buttons input {width: auto; } #landing_form div.checkbox {clear:both; padding:1px 0px; *padding:2px 0px; height:14px;} #landing_form div.longer {height:28px;} * html #landing_form div.checkbox {padding:0px; height:14px;} #landing_form fieldset {float:left; width:150px; border:none; margin:0px;} * html #landing_form fieldset {margin-top:-5px;} #landing_form div.last {clear:both;} #landing_form div.checkbox input {width:auto; float: left; padding:0px; margin:0px;} #landing_form div.checkbox label {width:auto; text-align: left; float: left; margin:0px 5px 0px 5px; padding:0px 0px 0px 0px;} #landing_form table {float:left; width:158px; border:none; margin:0px; padding:0px;} #landing_form table.right {width:150px;} #landing_form table td {padding:2px; margin:0px; height:10px;} #landing_form table td input {width:15px; padding:0px; margin:0px 0px 0px 0px;} #landing_form .column {width:96px;} #landing_form .final {width:110px;} #landing_form .final table td {padding:1px; margin:0px; height:8px;} #landing_form table td label {width:auto; text-align: left; margin:0px 3px 0px 0px; padding:0px 0px 0px 0px;} #landing_form .other {width:75px;}