/* CBH Surveying 2009 */ /* Main Elements */ body { background-color:#333333; } html { margin:0; padding:0;} #wrap { width:880px; margin:0 auto; margin-top: 15px; margin-bottom: 20px; background-color: none; } #wrap_content { width:880px; background-image: url(images/background.jpg); } #contact-fix {text-align: center;} #contact-wrap {width: 880px;margin: auto;text-align: left;} /* Text Styles */ #back_to_portfolio { float: left; width: 250px; margin-top: 13px; margin-left: 15px; display: inline; text-align: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #18578B; height: 25px; margin-bottom: 5px; } .content_side_title { float: left; width: 250px; margin-top: 13px; margin-left: 15px; display: inline; text-align: left; vertical-align: top; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1C3278; height: auto; margin-bottom: 5px; } .content_side_button_text { float: left; height: 18px; width: 220px; margin-top: 10px; margin-left: 33px; display: inline; text-align: left; vertical-align: middle; } .content_side_button_text_big { float: left; margin-top: 0px; margin-left: 15px; display: inline; text-align: left; vertical-align: middle; width: 250px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 14px; font-weight: bold; color: #5B5B5B; } .main_text { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #666666; } .small_text { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; } .title_text_bold { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; } .main_text_bold { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5B5B5B; } .main_text_bold_white { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1C3278; font-style: normal; } .style1 {font-size: 12px; text-align: justify; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;} h1 {margin:0;} h2 {margin:0 0 1em;} /* Link Styles */ a{outline: none;} a:active, a:focus {outline: 0;} .links a:link {color: #5B5B5B; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links a:visited {color: #5B5B5B; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links a:hover {color: #5B5B5B; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links a:active {color: #5B5B5B; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex ;cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text a:link {color: #1B3278; font-size: 16px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text a:visited {color: #1B3278; font-size: 16px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text a:hover {color: #1B3278; font-size: 16px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text a:active { color: #1B3278; font-size: 16px; font-weight: bold; letter-spacing:-0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } .links_blue_text_small a:link {color: #1B3278; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text_small a:visited {color: #1B3278; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text_small a:hover {color: #1B3278; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_blue_text_small a:active { color: #1B3278; font-size: 14px; font-weight: bold; letter-spacing:-0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } .nav_links a:link {color: #666666; font-size: 9pt; font-weight: normal; letter-spacing:-0.0ex; font-weight: 400;cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .nav_links a:visited {color: #666666; font-size: 9pt; font-weight: normal; letter-spacing:-0.0ex; font-weight: 400;cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .nav_links a:hover {color: #666666; font-size: 9pt; font-weight: normal; letter-spacing:-0.0ex; font-weight: 400;cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .nav_links a:active {color: #666666; font-size: 9pt; font-weight: normal; letter-spacing:-0.0ex; font-weight: 400;cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_footer a:link {color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_footer a:visited {color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_footer a:hover {color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_footer a:active {color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_hurley a:link {color: #777777; font-size: 12px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important; text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_hurley a:visited {color: #777777; font-size: 12px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_hurley a:hover {color: #777777; font-size: 12px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .links_hurley a:active {color: #777777; font-size: 12px; font-weight: bold; letter-spacing:-0.0ex; cursor:pointer !important;text-decoration: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} /* Navigation */ #nav { background:#c99; background-image: url(images/navbar.jpg); height: 40px; } #nav ul {margin:0;padding:0;list-style:none;} #nav li {display:inline;margin:0;padding:0;} /* Page Elements */ #header { height: 130px; background-image: url(images/header.jpg); width: 880px; } #main { float:right; width:600px; background-image: url(images/main_repeater.jpg); } #main_orange { float:right; width:600px; height: auto; } #main_blue_grey { float:right; width:600px; background-image: url(images/main_repeater_dark_blue.jpg); height: auto; } #main_red { float:right; width:600px; background-image: url(images/main_repeater_red.jpg); height: auto; } #main_pale_green { float:right; width:600px; background-image: url(images/main_repeater_pale_green.jpg); height: auto; } #main_yellow { float:right; width:600px; background-image: url(images/main_repeater_yellow.jpg); height: auto; } #main_bright_green { float:right; width:600px; height: auto; } #main_peach { float:right; width:600px; height: auto; } #main_pink { float:right; width:600px; height: auto; } #main_purple { float:right; width:600px; background-image: url(images/main_repeater_purple.jpg); height: auto; } #main_lilac { float:right; width:600px; } #main_links { float:right; width:600px; height: auto; } #main { float:left; width:600px; background-repeat: repeat; height: auto; } #text_bottom_main { display: inline; float: right; height: 20px; width: 880px; background-image: url(images/double_footer.jpg); } #text_bottom_main_bright_orange { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_bright_orange.jpg); } #text_bottom_orange { display: inline; float: right; height: 20px; width: 600px; background-image: url(images/double_footer_bright_orange.jpg); } #text_bottom_main_depression { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_depression.jpg); } #text_bottom_red { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_anger.jpg); } #text_bottom_pale_green { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_pale_green.jpg); } #text_bottom_yellow { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_yellow.jpg); } #text_bottom_bright_green { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_bright_green.jpg); } #text_bottom_orange_peach { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_orange_peach.jpg); } #text_bottom_pink { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_pink.jpg); } #text_bottom_purple { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_purple.jpg); } #text_bottom_lilac { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_lilac.jpg); } #text_bottom_email { display: inline; float: right; height: 20px; width: 900px; background-image: url(images/double_footer_lilac.jpg); } #text_bottom_links { display: inline; float: right; height: 20px; width: 600px; background-image: url(images/double_footer.jpg); } #home_text_box_sub { float: left; height: auto; margin-left: 15px; margin-top: 13px; display:inline; text-align: left; vertical-align: top; width: 570px; } #index_text_box_sub { float: left; height: auto; margin-left: 15px; margin-top: 16px; display:inline; text-align: left; vertical-align: top; width: 570px; margin-bottom: 10px; } #pages_text_box_sub { float: left; height: auto; margin-left: 20px; margin-top: 15px; display:inline; text-align: left; vertical-align: top; max-width: 560px; width: 560px; } /* Side Bar and Buttons */ #sidebar { float:left; width:275px; display: inline; background-repeat: repeat; height: auto; } #sidebar_pages { float:left; width:275px; display: inline; padding-top: 12px; background-repeat: repeat-y; padding-bottom: 0px; padding-left: 20px; height: auto; } #sidebar_main { display: inline; float: left; width: 280px; } #sidebar_footer { display: inline; float: left; height: 25px; width: 300px; background-repeat: no-repeat; background-image: url(images/side_footer.jpg); } #button { display: inline; float: left; height: auto; width: 245px; background-image: url(images/drop.png); } #button_orange { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_orange.png); } #button_blue_grey { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_blue_grey.png); } #button_red { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_red.png); } #button_pale_green { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_pale_green.png); } #button_yellow { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_yellow.png); } #button_bright_green { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_bright_green.png); } #button_peach { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_peach.png); } #button_pink { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_pink.png); } #button_purple { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_purple.png); } #button_lilac { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_lilac.png); } #button_email { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_email.png); } #button_links { display: inline; float: left; height: 40px; width: 265px; background-image: url(images/drop_links.png); } /* Side Bar Titles */ .side_title { float: left; height: auto; width: 280px; background-image: url(images/side_title.jpg); display:inline; } .side_title_orange { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding%20anxiety.jpg); display:inline; } .side_title_blue_grey { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_depression.jpg); display:inline; } .side_title_red { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_anger.jpg); display:inline; } .side_title_pale_green { float: left; height: 40px; width: 300px; background-image: url(images/side_title_howto_calm.jpg); display:inline; } .side_title_yellow { float: left; height: 40px; width: 300px; background-image: url(images/side_title_howto_be_happier.jpg); display:inline; } .side_title_bright_green { float: left; height: 40px; width: 300px; background-image: url(images/side_title_howto_be_confident.jpg); display:inline; } .side_title_peach { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_urself.jpg); display:inline; } .side_title_pink { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_relationships.jpg); display:inline; } .side_title_purple { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_your_sub_personalities.jpg); display:inline; } .side_title_lilac { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_your_inner_child.jpg); display:inline; } .side_title_email { float: left; height: 40px; width: 300px; background-image: url(images/side_title_understanding_depression.jpg); display:inline; } .side_title_links { float: left; height: 40px; width: 300px; background-image: url(images/side_title.jpg); display:inline; } /* All Title Topbars */ #home_topbar { float: right; height: 40px; width: 880px; display:inline; } #orange_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding%20anxiety.jpg); background-repeat: no-repeat; display:inline; } #blue_grey_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_depression.jpg); background-repeat: no-repeat; display:inline; } #red_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_anger.jpg); background-repeat: no-repeat; display:inline; } #pale_green_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_howto_calm.jpg); background-repeat: no-repeat; display:inline; } #yellow_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_howto_be_happier.jpg); background-repeat: no-repeat; display:inline; } #bright_green_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_howto_be_confident.jpg); background-repeat: no-repeat; display:inline; } #peach_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_urself.jpg); background-repeat: no-repeat; display:inline; } #pink_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_relationships.jpg); background-repeat: no-repeat; display:inline; } #purple_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_your_sub_personalities.jpg); background-repeat: no-repeat; display:inline; } #lilac_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_your_inner_child.jpg); background-repeat: no-repeat; display:inline; } #email_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title_understanding_depression.jpg); background-repeat: no-repeat; display:inline; } #links_topbar { float: right; height: 40px; width: 600px; background-image: url(images/main_title.jpg); background-repeat: no-repeat; display:inline; } #home_topbar_sub { float: left; height: 18px; width: 400px; margin-top: 13px; margin-left: 20px; display: inline; text-align: left; vertical-align: top; } /* Quotes */ .text_bottom { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote.jpg); } .text_bottom_bright_orange { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_bright_orange.jpg); } .text_bottom_bright_orange_small { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_small_bright_orange.jpg); } .text_bottom_yellow { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_yellow.jpg); } .text_bottom_depression { display: inline; float: right; height: 170px; width: 600px; background-image: url(images/main_quote_depression_med.jpg); background-repeat: no-repeat; } .text_bottom_depression_big { display: inline; float: right; height: 170px; width: 600px; background-image: url(images/main_quote_depression_big.jpg); background-repeat: no-repeat; } .text_bottom_anger { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_anger.jpg); } .text_bottom_pale_green { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_pale_green.jpg); } .text_bottom_bright_green { display: inline; float: right; height: 160px; width: 600px; background-image: url(images/main_quote_bright_green.jpg); } .text_bottom_orange_peach { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_orange_peach.jpg); } .text_bottom_pink { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_pink.jpg); } .text_bottom_purple { display: inline; float: right; height: 160px; width: 600px; background-image: url(images/main_quote_purple.jpg); background-repeat: no-repeat; } .text_bottom_purple_big { display: inline; float: right; height: 160px; width: 600px; background-image: url(images/main_quote_purple.jpg); background-repeat: no-repeat; } .text_bottom_purple_bigger { display: inline; float: right; height: 180px; width: 600px; background-image: url(images/main_quote_purple_big.jpg); background-repeat: no-repeat; } .text_bottom_lilac_big { display: inline; float: right; height: 180px; width: 600px; background-image: url(images/main_quote_lilac.jpg); background-repeat: no-repeat; } .text_bottom_lilac_bigger { display: inline; float: right; height: 210px; width: 600px; background-image: url(images/main_quote_lilac_big.jpg); background-repeat: no-repeat; } .text_bottom_small { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_small.jpg); } .text_bottom_small_pink { display: inline; float: right; height: 120px; width: 600px; background-image: url(images/main_quote_small_pink.jpg); } .text_bottom_sub { display: inline; float: left; height: 60px; width: 430px; margin-top: 25px; margin-left: 85px; } .text_bottom_sub_big { display: inline; float: left; height: 140px; width: 430px; margin-top: 25px; margin-left: 85px; } .text_bottom_sub_big_lilac { display: inline; float: left; height: 180px; width: 430px; margin-top: 25px; margin-left: 85px; } .text_bottom_sub_small { display: inline; float: left; height: 60px; width: 430px; margin-top: 30px; margin-left: 85px; } /* Footer */ #footer { clear:both; background-image: url(images/footer.jpg); height: 225px; } #footer p {margin:0;} * html #footer { height:1px; } #hurley_sussex { display: inline; float: left; height: 20px; width: 860px; margin-top: 0px; margin-left: 0px; padding-left: 20px; padding-top: 5px; } #image_holder { float: left; height: 230px; width: 880px; clear: both; background-image: url(images/slide_background.jpg); padding-top: 5px; padding-left: 0px; } .cleared { clear:both; } #footer_sub { float: right; height: 100px; width: 450px; margin-top: 20px; text-align: right; margin-right: 15px; } #footer_buttons { float: right; height: 50px; width: 660px; margin-right: 0px; margin-top: 56px; text-align: left; } #header_buttons { float: right; height: 125px; width: 430px; margin-right: 20px; margin-top: 5px; text-align: right; display: inline; } .services_box { display: inline; float: left; height: auto; width: 570px; margin-top: 0px; margin-bottom: 15px; background-color: #F7F7F7; } .services_img { display: inline; float: left; height: 85px; width: 85px; margin: 10px; } .services_text { display: inline; float: left; height: auto; width: 440px; margin-top: 10px; margin-bottom: 10px; } .services_title_indiv { display: inline; float: left; height: auto; width: 420px; margin-top: 10px; } .portfolio_grey_box { float: left; width: 180px; margin-top: 15px; margin-left: 15px; background-color: #EFEFEF; } .portfolio_grey_box_img { float: left; height: 106px; width: 160px; margin-top: 10px; margin-left: 10px; background-color: #FFFFFF; overflow: hidden; margin-bottom: 10px; } .portfolio_grey_box_img_port { float: left; height: 213px; width: 160px; margin-top: 10px; margin-left: 10px; background-color: #FFFFFF; overflow: hidden; margin-bottom: 10px; } .portfolio_grey_box_title { float: left; width: 160px; margin-top: 0px; margin-left: 10px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 14px; color: #1B3278; font-weight: bold; } .portfolio_grey_box_text { float: left; width: 160px; margin-top: 5px; margin-left: 10px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 12px; color: #333333; margin-bottom: 10px; } #pic_box { float: left; height: 220px; width: 850px; margin-left: 15px; } #hurley_footer { display: inline; float: left; height: 30px; width: 880px; text-align: center; vertical-align: middle; background-color: #333333; }