/* CSS Document */ /* NOTE: must correct list-style displaying in IE 6,7,8 - by July 13th 2009*/ body {background-image: url('bg/bg_repeat.jpg'); background-repeat: repeat-x; margin-top: 23px; margin-bottom: 50px; background-color: #c1a251} /* contains the entire website */ #wrapper {width: 970px; margin: auto;} #php_info {padding-top: 28px;} .clear_left_float {clear: left;} .clear_both {clear: both;} /* -------------------- BANNER - HOME PAGE ----------------------------------------------- ----------------------------------------------------------------------------------------------- */ .puppy_banner img {border-style: none;} .puppy_banner {margin: 0px; padding: 0px;} /* -------------------- STUD DOGS and PUPPIES ----------------------------------------------- ----------------------------------------------------------------------------------------------- */ .dog_information {font-family:Arial, Helvetica, sans-serif; margin: 44px 0px 24px 0px;} .dog_information_bottom {font-family:Arial, Helvetica, sans-serif; margin: 0px 0px 24px 0px; border-top: 1px dotted #CCCCCC; padding: 24px 0px 0px 0px;} .buyer_information {font-size: 12px; margin: 12px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; background-color: #22377e; color: #fff; padding: 4px;} .buyer_information p {color: #fff;} .specific_dog_name {margin: 0px 0px 8px 0px; font-size: 12px; color: #22377e;} .dog_information .dog_information_bottom, .dog_border {border: 1px solid #CCCCCC; padding: 1px;} .unkas_dog {float: left; width: 650px;} .unkas_dog_image {float: left;} .unkas_dog_info {float: right;} .dog_name_info{font-size: 12px; color: #22377e; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 4px 0px; display: block;} .dog_name_info2 {font-size: 12px; display: block; margin: 0px 0px 8px 0px;} .dog_name_info2 strong {color: #990000;} .contact_rick_about_dogs {margin: 24px 0px 0px 0px; border-top: 1px solid #999999; padding: 8px 0px 12px 0px;} .dog_col_1, .dog_col_2 {float: left; width: 190px; padding: 12px;} .first_info_red {color: #990000; font-size: 12px; display: block; margin: 0px 0px 4px 0px;} .second_info_bold {font-weight: bold; font-size: 12px; display: block;} .third_info_normal {font-size: 12px;} .four_columns_btm_border {margin: 8px 0px 0px 0px;} .four_columns_btm_border_2 {margin: 8px 0px 0px 0px; border-top: 1px solid #CCCCCC; padding: 8px 0px 0px 0px;} /* breadcrumbs #DIV */ #bc {float: left; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 340px; padding-left: 7px;} /* counter division that counts how many visitors have hit this site*/ #counter {float: left; color: #fff; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; width: 300px; margin-left: 20px;} /* you are site visitor number "#" on rickfrancis.com */ .number_value {margin-left: 6px; margin-right: 6px; color: #CBAC4E;} /* breadcrumbs anchor tag in side of the #DIV bc styling. Also included the .bc anchor tag class */ #bc a, .bc {color: #fff; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-weight: bold; margin: 0px;} /* top division that contains the sliced image for the header */ #top {background-image: url('slices/slice_top.jpg'); background-repeat: no-repeat; height: 249px} /* contains middle slice repeating on the y-axis */ #middle {background-image: url('slices/slice_middle.png'); background-repeat: repeat-y} /* contains the content that will be in the center of the website. It is inside the middle #DIV */ #content {padding-top: 4px; padding-left: 16px; padding-right: 17px;} /* navigation */ #navigation {background-color: #fff; width: 936px; margin-left: 16px; padding-top: 2px;} /* contains the bottom slice before the Footer #DIV starts */ #bottom {background-image: url('slices/slice_bottom.png'); background-repeat: no-repeat; height: 20px; margin-bottom: 12px; margin-top: 0px; padding: 0px} /* dirty changes */ .playme {padding: 1px; float: left; width: 320px; border: 2px solid #ccc;} .movie2 {width: 320px; height: 240px; margin: 0px; padding: 0px; z-index: -100; padding: 1px; border: 2px solid #ccc;} /* ------ FLASH MOVIE PLAYERS ------- */ /* class houses actual SWF Video Player */ .movie {width: 320px; height: 270px; margin: 0px; padding: 0px; z-index: -100;} .movie_trainers {width: 320px; height: 240px; margin: 0px; padding: 0px; z-index: -100;} .flash_movie {padding: 1px; float: left; width: 320px; height: 270px; border: 2px solid #ccc;} /* div class holding the video players on the individual trainer pages */ .flash_movie_trainers {margin: 14px 0px 0px 0px;} /* clear float for flash movie */ .clr_float_flashmov{float: left; width: 320px; padding: 0px; margin-right: 20px; margin-bottom: 14px; margin-top: 20px;} .copyright_notice {float: left; width: 220px; padding-left: 3px; padding-top: 6px; padding-bottom: 3px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333} /* left #DIV */ #left {float: left; margin-left: 4px; padding: 6px 6px 24px 6px; width: 217px;} /* ad banners go here */ .ad_banners { width: 180px; height: 150px; margin: auto;} .ad_banners img {margin: 0 0 3px 0; padding: 2px;} .advertisement {font-family: verdana; font-size: 10px; color: #464646; width: 180px; margin-left: 2em;} /* right #DIV */ #right {float: left; width: 660px; margin-left: 25px; margin-top: 10px;} #right .section { font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; font-size: 20px; margin: 0px; padding: 0px;} /*------ SIDE NAVIGATION in left #DIV ------*/ /*------ BIO ------*/ p, .bio {line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 11px 11px 11px 15px; padding: 3px;} /* ul ID for training services navigation in left #DIV */ .training_services_navigation {margin-left: 20px; padding: 0px; text-align: left;} .training_services_navigation ul {margin-top: 12px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-right: 0px; display: block; list-style: none; text-align: left;} /* UL #ID anchor tag styling. Within each LI displayed in the navigation within the left #DIV */ /* NOTE: must correct list-style displaying in IE 6,7,8 - by July 13th 2009*/ #left .training_services_navigation li, a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #161616; font-size: 12px; line-height: 16px; text-align: left; text-decoration: none; margin-top: 8px; margin-bottom: 0px; margin-left: 8px; padding-top: 0px; padding-bottom: 0px; list-style-type: square;} /* UL #ID anchor tag hover state styling. Within each LI displayed in the navigation within the left #DIV */ /* NOTE: must correct list-style displaying in IE 6,7,8 - by July 13th 2009*/ #left #training_services_navigation li a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #161616; font-size: 12px; padding-top: 2px; text-align: left; text-decoration: none; font-weight: bold; margin-top: 8px; margin-bottom: 0px; margin-left: 8px; padding-top: 0px; padding-bottom: 0px; list-style-type: square;} /* styles main sections in the left #DIV globally on the site */ h1, .contact_section {background-image: url('bg/h1_sections2.gif'); background-repeat: repeat-x; margin: 0px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; display: block; border: 1px solid #052348; padding-left:12px; padding-right:8px; padding-top:6px; padding-bottom:6px} /* main titles h1 class */ h1, .main_titles {background-image: none; color: #333333; font-family: Arial, Helvetica, sans-serif; border: none; background-image: none; font-size: 20px; margin: 0px; padding: 0px;} /* styles the words "Rick Francis" in the left #DIV */ #left h2 {font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 0px; margin-top: 14px; margin-left: 16px; padding: 0px;} /* styles the words "professional dog training" in the left #DIV */ .dog_training {font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; margin-top: 1px; margin-left: 12px; display: block;} /* styles the text underneath section titles in the content area of the site */ .descriptions {font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; margin-top: 2px; display: block; border-bottom: 1px dotted #666666; padding-bottom: 6px;} /* image class for the arrows inside of the description div class */ .do {margin-right: 5px;} /* ADVERTISERS */ /* advertisers div ID */ .ads {float: left; padding: 0px; margin: 8px 0px 0px 0px;} #advertisers {margin-top: 0px; padding: 0px; float: left;} /* h1 class */ .ad_label {border-style: none; padding: 1px 0px 0px 0px; width: 140px; margin: 0px 0px 0px 4px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; background: none;} /* ads */ .training_info_thumbnails .ads img {display: inline; margin: 0px;} /* THE TRAINERS */ .trainer_page_video {padding: 20px 0px 0px 0px; margin: 0px;} .trainer_img_content {width: 145px; margin-right: 20px; padding: 0px; float: left} .trainer_img_content .trainer_img_content_descr .plus_icon img {margin: 4px 0px 0px 0px; border-style: none; display: inline; padding: 0px;} .trainer_img_content_descr {padding: 0px; margin: 4px 0px 0px 0px; float: left; background-image: url(assets/arrows.gif); background-repeat: no-repeat; background-position: right;} .trainer_img_content_descr a {font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #666666; margin: 0px 18px 0px 0px} .trainer_img_content_descr a:hover {font-weight: bold; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #666666; margin: 0px 18px 0px 0px} #trainer_photo_area {width: 430px; border-left: 1px dotted #999999; float: left; padding-left: 20px; padding-top: 4px;} #trainer_bio_photo {float: left; width: 180px; margin-right: 20px;} /* back to trainers page DIV ID */ #back a {margin-top: 18px; font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: bold; font-size: 11px;} /*------ CONTACT INFORMATION ------*/ /* styles rick francis contact number 1 */ .rick_phone {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-top: 1px; margin-left: 16px; margin-top: 12px; display: block;} /* styles rick francis contact number 2 */ .rick_phone_2 {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-top: 1px; margin-left: 16px; display: block;} /* styles rick francis email address*/ .rick_email {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-top: 1px; margin-left: 16px; margin-bottom: 25px; display: block;} .training_services_1 {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-top: 4px; margin-left: 6px; margin-top: 12px; display: block;} .training_services {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-top: 4px; margin-left: 6px; margin-top: 3px; display: block;} /* image class for obedience, k9, agility page photos */ .training_photos {border: 1px solid #999999; margin-top: 12px; margin-bottom: 12px; margin-left: 0px; margin-right: 18px; padding: 2px; display: block;} /* image class for trainer photos */ .trainer_photos {border: 1px solid #999; margin-top: 16px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; padding: 2px;} /* thumbnail div ID for photo galleries */ #training_info_thumbnails {margin-bottom: 30px; margin-top: 12px;} /* training_photos_thumbs #DIV and class combined with anchor tag with images */ #training_photos_thumbs .training_photos_thumbs, a img { border: 1px solid #999; margin: 12px 12px 12px 4px; float: left; padding: 2px;} /* training_photos_thumbs #DIV and class combined with anchor tag with images */ .more_video_thumbs {border: 1px solid #999; margin: 12px 12px 0px 0px; float: left; padding: 2px;} /* #DIV class that houses that information on that particular training service with photo and copy */ .training_info {margin: 0px 0px 34px 0px; padding: 4px 0px 0px 0px;}/* top padding is 8px */ /* class inside of the training div that styles each section */ .resume_title {color: #03346e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase;}/* top padding is 8px */ /* class inside of the training div that styles each section */ #training_info p {color: #000; font-family: arial, helvetica; font-size: 12px;}/* top padding is 8px */ /* styles the accomplishments and achievements*/ #training_info li {color: #1a1a1a; font-size: 11px; font-weight: normal; font-family: verdana; margin-bottom: 12px; list-style: #1a1a1a; list-style-type: square; margin-right: 12px; line-height: 16px;} /* in text links ei: obedience_training.php page and the_breeds.php page */ .hightlight {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} /* copy on traininig information and services */ p, .training_copy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-top: 3px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding: 3px; line-height: 20px;} /* styles the advice and tips on the the_breeds.php page */ .tips_advice_copy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #765a10; margin-top: 3px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding: 3px;} /*------ Training Options/HOVERS ------*/ /* image class for training options */ .training_choices {padding: 1px; border: 2px solid #999999; margin-left: 2px; margin-right: 2px; } /* division that displays the training image options/Hover */ #training_hover {margin-top: 12px; } /* .boxgrid p class and .boxgrid anchor class styling */ .boxgrid p, .boxgrid a{ color:#C8DCE5; margin: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } /* the tag that wraps the actual training service in the animated description box on roll over */ h4{ margin: 7px 2px 0px 8px; color:#FFF; font-family: Arial, sans-serif; font-size: 14px; letter-spacing:-1px; font-weight: bold;} .boxgrid{width: 118px;/* adjusts the width of the box */ height: 145px; /* adjusts the height of the box */ margin-right: 8px; margin-bottom: 20px; overflow: hidden; padding: 0px; float:left; border: 3px solid #999999; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0px none; padding: 0px; margin:0px} .boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10px "Lucida Grande", Arial, sans-serif; } .boxcaption{float: left; position: absolute; background: #000; /*background: #03346e;*/ height: 100px; width: 100%; margin: auto; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); /* For IE 8 */ -MS-filter: "progidDXImageTransform.Microsoft.Alpha(Opacity75)";} /* NOTE: adjust margin, then adjust in javascript the top value of its appearance on rollOver - by July 13th 2009*/ .captionfull .boxcaption {top: 260; margin-top: 92px; left: 0;} .caption .boxcaption {top: 220; left: 0;} /* video label for videos section */ .video_label {padding: 4px; width: 110px; margin: 0px; float: left; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; display: inline;} /* -------- FOOTER ------- */ /* contains the footer with the various classes with information about RickFrancis.com */ #footer {padding: 0px; width: 960px; margin: auto; margin-bottom: 8px; color: #333333;} /* footer classes inside the footer #DIV */ .footer1 {width: 200px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .footer2 {width: 140px; float: left; margin-left: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .footer3 {width: 160px; float: left; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .footer4 {width: 195px; float: left; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .footer5 {width: 155px; float: left; margin-left: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} /* footer anchor tags */ #footer a {font-family: Arial, Helvetica, sans-serif; padding: 0px; width: 895px; margin: auto; font-size: 11px; text-decoration: none; color: #2f2f2f;} /* footer anchor tags. Hovering state */ #footer a:hover {font-family: Arial, Helvetica, sans-serif; color: #2f2f2f; font-weight: bold; font-size: 11px;} /* h2 tag inside of all of the footer division classes */ .footer1 .footer2 .footer3 .footer4 .footer5, h2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 8px; padding: 0px; color: #fff;}