h1 {font-size: 153.9%; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica, Sans-Serif;} h2 {font-size: 138.5%; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica, Sans-Serif;} p {font-size:108%; text-align: justify; margin-bottom:8px;} .text {font-size:138.5%; font-family: Helvetica, Sans-Serif;} .clear { clear:both; height:0px; margin:0px; padding:0px;} .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; margin-left: 10px; } .center {text-align: center; margin: 0 auto;} a { outline: none; } ul { list-style: square inside; } a, a:visited { color: #ff0000; text-decoration: none; } a:hover, a:active { color: white; } blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;} html {background-color: white; /*#fae6c7;*/} body {background: url(../images/background4.jpg) repeat-x top white; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica, Sans-Serif;/*#fae6c7*/} img#logo {margin-left:25px; float:left;} h1#tagline1 {color: #064270; float: left; margin: 73px 0 0 400px;} h1#tagline2 {color: #064270; float: left; margin: 0px 0 0 450px;} ul#nav {margin:17px 0 0 15px; list-style:none; /*background: url(../images/menu.png) repeat-x top; height:38px;*/} ul#nav li { float:left; } ul#nav li a {text-align:center; color: white; font-size:123.1%; display:block; width:125px; text-decoration:none;} ul#nav li a:hover, ul#nav a:active, ul#nav .selected{ color: black;} ul#nav .selected{color:black;} /* Carousel */ .carousel {padding:3px; border-bottom: 1px solid #6099e0;} .carousel li {width:850px;} .prev, .next {margin-top:150px;} #caroWrapper .prev:hover { background:transparent url(../images/prevNextBtns2.png) no-repeat scroll 0 -24px;} #caroWrapper .prev {background:transparent url(../images/prevNextBtns2.png) no-repeat scroll 0 0; display:block; height:24px; text-indent:-9999px; top:125px; width:22px; z-index:1000;} #caroWrapper .next:hover {background:transparent url(../images/prevNextBtns2.png) no-repeat scroll -22px -24px;} #caroWrapper .next { background:transparent url(../images/prevNextBtns2.png) no-repeat scroll -22px 0; display:block; height:24px; text-indent:-9999px; top:125px; width:22px; z-index:1000;} div#car1 {background: url(../images/carousel/carConcept4.jpg) no-repeat; height:306px;} div#car1 .text {padding:100px 0 0 40px;} div#car2 {background: url(../images/carousel/carStyle6.jpg) no-repeat; height:306px;} div#car2 a {width:850px; height:306px; display: block;} div#car2 .text {padding:200px 0 0 200px;} div#car3 {background: url(../images/carousel/carBirthday4.jpg) no-repeat; height:306px;} div#car3 .text {padding:180px 0 0 140px; width:300px;} div#car4 {background: url(../images/carousel/carQuote5.jpg) no-repeat; height:306px;} div#car4 .text {padding:180px 0 0 140px; width:300px;} /* HOME */ .services {margin-bottom: 30px;} .servicebox {background-image: url(../images/serviceBox.png); float:left; margin-right: 20px; height: 181px; width: 273px;} .servicebox h1 {text-align:center; color:white; margin-top: 15px; margin-bottom: 15px;} .servicebox ul {margin: 25px;} .servicebox ul li {margin-bottom:10px; font-size: 123.1%; padding-left: 30px; background: url(../images/serviceList.png) no-repeat; } .features_top {background: url(../images/featuresBgTop2.png) no-repeat; height:16px;} .features_middle {background: url(../images/featuresBgMiddle2.png) repeat-y scroll top left; overflow: hidden;} .features_bottom {background: url(../images/featuresBgBottom3.jpg) no-repeat; height:25px;} .section {margin-bottom:25px;} .headerbg {color: white; background: url(../images/headerBg.jpg) repeat-x; margin: 0 auto; text-align:center; height: 48px; width:300px; padding: 13px 10px 0px 10px;} .headerPlain {color: #064270; margin: 0 auto; text-align:center; width:300px; padding: 0 0 15px 0;} .learn {color:#ff0000; margin-left:100px; font-size: 123.1%; padding-right: 40px; background: url(../images/learnBg.png) no-repeat right;} .learn:hover { color: black; background: url(../images/learnBg_o.png) no-repeat right;} /*.learn:hover {color:#FFFFFF; text-decoration:none; text-align: right; font-size:120%;background: url(../images/transpBlack.png);}*/ /*.learn:active, .learn:visited {color: #FF0000;}*/ .pup1 {border-bottom:1px solid #6099e0;} .grayline {border-bottom:1px solid #6099e0; margin-bottom:40px;} /* Footer */ div#ft {background: url(../images/footer.png) repeat-x; height: 120px; text-align:left; margin-top:30px;} div#ft img {float: left; margin-left:35px; vertical-align: middle;} div#ft .copyright{margin-top:32px;} div#ft .evstudios{margin-top:18px;} .validation {margin-left: 100px; width:88px; float: left; margin-right:35px;} .validation img {margin-top:10px; margin-bottom: 10px;} .ft_inside {width:950px; padding-top:5px; margin:0px auto;} .ft_contact {float:right; } .ft_contact .ft_text1{color:#d0d0cf;} .ft_contact .ft_text2{color:white;} /* Featured Content Slider by: Chris Coyier */ /* SLIDER */ .slider-wrap { width: 419px; margin: 0 0 15px 25px;} .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 419px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; margin-top:10px;} .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid gray; margin-right: 5px; } #movers-row { margin: -58px 0 0 62px;/*margin: -43px 0 0 62px;*/ } #movers-row div { width: 20%; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(../images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; } .photo-meta-data span { text-align:center; font-size: 174%; /*background: url(../images/headerBg.jpg) repeat-x; */ /*background-color:black;*/ padding: 5px 5px 5px 5px;} .cross-link { display: block; width: 62px; margin-top: -18px; position: relative; padding-top: 15px; padding-bottom:15px; z-index: 9999; } .active-thumb { background: url(../images/projects/downarrow.png) bottom center no-repeat; } .details p {margin-left:15px;} /* Lower */ a.logoLink {margin-left:25px; display:block; float:left; background: url(../images/logo_lower.jpg) no-repeat scroll top left; height:123px; width:128px;} a.logoLink:hover {display:block; background-image: url(../images/Logo_o.jpg);} a.logoLinkHome {margin-left:25px; display:block; float:left; background: url(../images/Logo.jpg) no-repeat scroll top left; height:123px; width:128px;} a.logoLinkHome:hover {display:block; background-image: url(../images/Logo_o.jpg);} .lowerMainService {background: url(../images/carousel/services4.png) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainService .text {padding: 200px 0 0 400px;} .lowerMainAbout {background: url(../images/carousel/about.jpg) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainAbout .text {padding: 200px 0 0 30px;} .lowerMainContact {background: url(../images/carousel/contact4.jpg) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainContact .text {padding: 200px 0 0 30px;} .lowerMainSafety {background: url(../images/carousel/safety.png) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainSafety .text {padding: 200px 0 0 30px;} .lowerMainDesign {background: url(../images/carousel/design.jpg) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainDesign .text {padding: 200px 0 0 30px;} .lowerMainPups {background: url(../images/carousel/pups2.jpg) no-repeat top left; width:850px; height:305px; margin:3px 0 30px 37px; border-bottom: #6099e0 1px solid;} .lowerMainPups .text {padding: 200px 0 0 30px;} /* Power Services */ .serv {font-size:123.1%;} .serv .title {font-size:156%; margin-bottom:10px;} /* .serv .active {color:#333333; font-weight:bold;} */ .serv a {display:block; color:#1b4263; text-align:center;} .serv .active {color:#FFFFFF; text-decoration:none; text-align: right; font-size:120%;background: #1b4263; /*background: url(../images/transpBlack.png);*/} .serv a:hover {color:#FFFFFF; text-decoration:none; text-align: right; font-size:120%;background: #1b4263 } .serv .title {font-size:156%;} /* Normal Services .serv { margin-left:50px; font-size:123.1%;} .serv .title {font-size:156%; margin-bottom:10px;} .serv .active {color:#333333; font-weight:bold;} .serv a {display:block; color:#064270;} .serv a:hover {color:#999999; text-decoration:none;} .serv .title {font-size:156%;} */ /*.serv h3 {margin-bottom:10px; text-indent:-9999px;}*/ #servicesWrapper {margin:15px 0 10px 0px; height:120px;} #servicesSlides li { width:900px; border-bottom:1px solid #6099e0; background:white;} #servicesSlideContainer {/* border-bottom:1px solid #CCCCCC; height:210px; */ position:relative; width:900px;} #servicesSlides h1 {text-align:center; margin-bottom:8px; color:#064270;} #servicesSlides .slideImg { bottom:-1px; height:168px; float: left; width:456px;} #servicesSlides .slideText { color:#7B7B7B; padding: 20px 0 0 18px; line-height:17px; width:405px; float: left;} #servicesSlides .servText {float: left; padding: 50px 0 0 30px; width:400px;} #servicesSlideContainer #prev:hover { background:transparent url(../images/prevNextBtns2.png) no-repeat scroll 0 -24px;} #servicesSlideContainer #prev {background:transparent url(../images/prevNextBtns2.png) no-repeat scroll 0 0; display:block; height:24px; left:-11px;text-indent:-9999px; position:absolute; top:75px; width:22px; z-index:1000;} #servicesSlideContainer #next:hover {background:transparent url(../images/prevNextBtns2.png) no-repeat scroll -22px -24px;} #servicesSlideContainer #next { background:transparent url(../images/prevNextBtns2.png) no-repeat scroll -22px 0; display:block; height:24px; right:-11px; text-indent:-9999px; position:absolute; top:75px; width:22px; z-index:1000;} /* About */ .weAre {margin-top: 15px;} .weAre p {color:#999999; font-size: 123.1%;} .weAre h1 {margin-left:10px; color:#064270;} .weAre img {border-bottom: #6099e0 1px solid; margin-bottom:10px;} /* Design */ .design .col1 {float:left; width:575px;} .design .col2 {float:right; width:300px; margin:0 25px 0 25px;} .benefitsTop { background:transparent url(../images/calloutTop2.png) no-repeat; height:16px;} .benefitsMiddle { background:transparent url(../images/calloutMiddle2.png) repeat-y scroll top left; padding:0 10px 0 10px;} .benefitsBottom { background:transparent url(../images/calloutBottom2.png) no-repeat; height: 24px;} .benefitsMiddle li {list-style: decimal outside; margin-left:20px;} /*Safety */ .safety .col1 {float:left; width:575px;} .safety .col2 {float:right; width:300px; margin:0 25px 0 25px;} .safetyTop { background:transparent url(../images/calloutTop2.png) no-repeat; height:16px;} .safetyMiddle { background:transparent url(../images/calloutMiddle2.png) repeat-y scroll top left; padding:0 15px 0 15px;} .safetyBottom { background:transparent url(../images/calloutBottom2.png) no-repeat; height: 24px;} .safetyMiddle li {list-style: decimal outside; margin-left:20px;} /* The Pups */ /* SLIDER */ #pups .slider-wrap { width: 950px; margin:0px;} #pups .stripViewer .panelContainer #pups .panel ul { text-align: left; margin: 0 15px 0 30px; } #pups .panel img {border-bottom: 1px solid #6099e0;} #pups .stripViewer { position: relative; overflow: hidden; width: 950px; } #pups .stripViewer .panelContainer { position: relative; left: 0; top: 0; margin-top:10px;} #pups .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 950px; } #pups .stripNavL, .stripNavR, .stripNav { display: none; } #pups .nav-thumb {border: none; margin-right: 5px; width:108px; height:158px;} #pups #movers-row { margin: auto 0;/*margin: -43px 0 0 62px;*/ } #pups #movers-row div { width: 16%; float: center; } #pups #movers-row div a.cross-link { float: right; } #pups #movers-row2 { margin: 0;/*margin: -43px 0 0 62px;*/ } #pups #movers-row2 div { /* With one more width: 12.5%;*/ width:18%; float: left; } #pups #movers-row2 div a.cross-link { float: right; } #pups .title {background: url(../images/transpBlack.png); text-align:right; color:white; padding:3px;} #pups .photo-meta-data { background: url(../images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; } #pups .photo-meta-data span { text-align:center; font-size: 174%; /*background: url(../images/headerBg.jpg) repeat-x; */ /*background-color:black;*/ padding: 5px 5px 5px 5px;} #pups .cross-link { display: block; margin-top: -14px; position: relative; padding-top: 15px; padding-bottom:15px; z-index: 9999; } #pups .active-thumb { background: none; } #pups .details {padding-top:30px;} #pups .details li {list-style: circle outside; margin-left: 470px;} #pups .details p {margin-left:15px; padding:15px;} #pups .andi {background: url(../images/carousel/andi.jpg) no-repeat; } #pups .andi:hover, .andi:focus {background: url(../images/carousel/andi_o.jpg) no-repeat;} #pups .steve {background: url(../images/carousel/steve.jpg) no-repeat; } #pups .steve:hover, .steve:focus {background: url(../images/carousel/steve_o.jpg) no-repeat;} #pups .andrea {background: url(../images/carousel/andrea.jpg) no-repeat; } #pups .andrea:hover, .andrea:focus {background: url(../images/carousel/andrea_o.jpg) no-repeat; } #pups .bryon {background: url(../images/carousel/bryon.jpg) no-repeat; } #pups .bryon:hover, .bryon:focus {background: url(../images/carousel/bryon_o.jpg) no-repeat; } #pups .dan {background: url(../images/carousel/dan.jpg) no-repeat; } #pups .dan:hover, .dan:focus {background: url(../images/carousel/dan_o.jpg) no-repeat; } #pups .carl {background: url(../images/carousel/carl.jpg) no-repeat; } #pups .carl:hover, .carl:focus {background: url(../images/carousel/carl_o.jpg) no-repeat; } #pups .adam {background: url(../images/carousel/adam.jpg) no-repeat; } #pups .adam:hover, .adam:focus {background: url(../images/carousel/adam_o.jpg) no-repeat; } #pups .gary {background: url(../images/carousel/gary.jpg) no-repeat; } #pups .gary:hover, .gary:focus {background: url(../images/carousel/gary_o.jpg) no-repeat; } #pups .megan {background: url(../images/carousel/megan.jpg) no-repeat; } #pups .megan:hover, .megan:focus {background: url(../images/carousel/megan_o.jpg) no-repeat;} #pups .randy {background: url(../images/carousel/randy.jpg) no-repeat; } #pups .randy:hover, .randy:focus {background: url(../images/carousel/randy_o.jpg) no-repeat; } #pups .larry {background: url(../images/carousel/larry.jpg) no-repeat; } #pups .larry:hover, .larry:focus {background: url(../images/carousel/larry_o.jpg) no-repeat; } #pups .josh {background: url(../images/carousel/josh.jpg) no-repeat; } #pups .josh:hover, .josh:focus {background: url(../images/carousel/josh_o.jpg) no-repeat; } #pups .heather {background: url(../images/carousel/heather.jpg) no-repeat; } #pups .heather:hover, .heather:focus {background: url(../images/carousel/heather_o.jpg) no-repeat; } #pups .garrett {background: url(../images/carousel/garrett.jpg) no-repeat; } #pups .garrett:hover, .garrett:focus {background: url(../images/carousel/garrett_o.jpg) no-repeat; } #pups .pup {background: url(../images/carousel/pup.jpg) no-repeat; } #pups .pup:hover {background: url(../images/carousel/pup_o.jpg) no-repeat; } #pups .chris { text-align: center; padding: 0px; margin:0 0 0 40px; width:850px; height:1px; background: gray;} #pups #movers-row .name {width: 100%; float: none; text-align: center; background: url(../images/transpBlack.png); padding:3px 0 3px 0; margin-top: 105px; color: white;} #pups #movers-row2 .name {width: 100%; float: none; text-align: center; background: url(../images/transpBlack.png); padding:3px 0 3px 0; margin-top: 105px; color: white;} /* Contact */ .contact {margin-top:30px;}