/* Theme Name: InSync Theme URI: http://www.ryandavidkoziel.com Description: In Sync Consulting Author: Chad Brown & Ryan David Koziel Author URI: http://www.chadjosph.com Version: 1.0 . General comments/License Statement if any. . */ * {margin: 0px; padding: 0px; border: none; outline: none;} body {background-color: #ffffff; font: 12px/18px "ff-dax-web-pro-1","ff-dax-web-pro-2",Arial, Helvetica, sans-serif; color: #000000;} a {text-decoration: underline; color: #4c80ac;} a:hover {text-decoration: none;} a.bold {font-weight: bold;} a.news {font-size: 11px; text-decoration: none; color: #8c8c8c;} a.right {float: right;} a.uppercase {text-transform: uppercase;} br.both {clear: both;} br.left {clear: left;} br.right {clear: right;} hr {height: 1px; margin: 15px 0px; background: none; border-bottom: 1px solid #CCC; display: block;} li.left {line-height: 1px; clear: left;} p {margin: 0px; padding: 4px 0px 14px 0px;} small {font-size: 10px; line-height: normal;} #Header {height: 160px; background: url('images/bgBody.png') repeat-x; position: relative; z-index: 1;} #Body {min-height: 500px; position: relative; top: -6px; z-index: 0;} #Slides {height: 413px; position: relative;} #Slides div {padding-top: 54px; width: 1007px; height: 359px; position: absolute; top: 0px; left: 0px; display: none;} #Slides div.Slide0 {display: block;} /*-------------------------------------------------------------------------*/ #banner {height: 417px; width: 327px; position: relative; padding:0px;} #banner div {width: 327px; height: 417px; position: absolute; top: 0px; left: 0px; display: none; padding:30px 0px 0px 0px} #banner div.banner0 {display: block;} .floater {float:left; display:block;} /*-------------------------------------------------------------------------*/ #HeroNav {height: 92px; background: url('images/bgHeroNav.png') no-repeat top center; border-bottom: solid 1px #e2e2e2;} #HeroNav a {margin-left: 1px; padding: 19px 10px 0px 10px; width: 146px; height: 73px; font-size: 14px; font-weight: normal; line-height: normal; text-align: center; text-decoration: none; color: #000000; float: left; display: block;} #HeroNav a:hover {color: #8c8c8c;} #HeroNav a.Dbl {padding-top: 19px; height: 73px; line-height: normal;} #HeroNav a.On {background: url('images/bgHeroNavTabOn.png') no-repeat; font-weight: bold;} #HeroNav a.On:hover {color: #000000;} /*-------------------------------------------------------------------------*/ #Footer {padding: 12px 0px; background-color: #002b4f;} blockquote {position: relative;} blockquote span {display: none;} .content {margin: 0px auto; width: 1007px;} /*-------------------------------------------------------------------------*/ .testsmall { float:right; display:block; margin:10px 0px; line-height:14px;} /*-------------------------------------------------------------------------*/ .header {padding: 16px 4px 0px 34px;} .header a {text-decoration: none; color: #000000;} .header a:hover {color: #8c8c8c;} .header form {margin-top: 40px; padding: 10px 0px 0px 15px; width: 305px; height: 37px; background: url('images/bgSubmit.png') no-repeat; float: right;} .header img {float: left; margin-right: 30px;} /* .header li {margin-right: 27px; float: left; display: block;} .header ul {margin: 54px 0px 0px 83px; font-size: 16px; list-style-type: none; float: left;} */ .header input {margin-right: 11px; padding: 8px 0px 0px 12px; width: 188px; height: 17px; background: none; font: 11px/11px Myriad Pro; color: #010101; float: left;} .header input.image {padding: 0px; width: auto; height: auto;} /*-------------------------------------------------------------------------*/ #nav {margin: 0px; padding: 0px; } #nav li {position: relative; float: left; display: block; font-size: 16px; margin-right: 27px;} #nav li a {display: block; float: left; margin: 60px 0px 0px 0px;} #nav ul {background: url('images/DropMenu-Top.png') no-repeat top left; width: 179px; position: absolute; top: 30px; font-size: 14px; list-style-type: none; float: left; margin-top: 46px; padding: 39px 0px 13px 0px;} #nav ul a, #nav ul li {background-color: red; float: none; width: 179px; margin: 0px; padding-bottom: 10px; margin-top: -10px; background: url('images/DropMenu-Bottom.png') no-repeat bottom left;} #nav ul a, #nav ul li a {background: url('images/DropMenu-middle3.png') no-repeat top left; padding: 5px 15px; width: 149px; font-size: 11px;} .hero {background: url('images/grass-Bg2.png') repeat-x; color: #737373;} .hero h1 {color: #ffffff; padding: 16px 0px 6px 25px; height: 50px; font-size: 32px; font-weight: normal; line-height: 50px; text-align: center;} .hero h2 {color: #ffffff; height: 22px; font-size: 16px; font-weight: normal; line-height: 22px; text-align: center; font-family: "ff-dax-wide-web-pro-1","ff-dax-wide-web-pro-2";} .hero h4 {color: #000000;margin: 0px 0px 20px 72px; padding-bottom: 17px; width: 497px; font-size: 24px; font-weight: normal; line-height: 36px; border-bottom: solid 1px #dcdcdc;} .hero h3 {color: #000000; margin:0px 0px 0px 72px; padding-bottom:0px; font-weight: 100;} .hero img {margin: 0px -31px 0px 0px; float: right;} /*.hero img.lefty {margin: 0px -31px 0px 0px; float: left;}*/ .hero p {margin-left: 74px; width: 497px; font-size: 15px; font-weight: normal; line-height: 23px;} .hero span {margin: 41px 0px 0px 73px; width: 495px; display: block;} .hero span img {margin: 0px; float: none;} .discover {padding-bottom: 66px; border-bottom: solid 1px #e2e2e2;} .discover h2 {margin-bottom: 20px; height: 98px; font-size: 28px; line-height: 98px;} .discover li {margin: 0px 10px; width: 231px; float: left; display: block;} .discover span {margin-bottom: 20px; display: block;} .discover strong {margin: 7px 0px 25px 0px; font-size: 18px; font-weight:100; line-height: 22px; height: 30px; display: block;} .discover ul {background: url('images/bgDiscover.png') repeat-y; list-style-type: none; overflow: hidden;} .news {padding-bottom: 100px;} .news a {font-weight: bold; text-transform: uppercase;} .news a.promo {margin: 33px 0px 0px 3px; float: left; display: block;} .news blockquote {width: 324px; background: url('images/bgBlockquote.png') no-repeat;} .news blockquote em {padding: 18px; font: italic 16px/27px Georgia; display: block;} .news blockquote img {background-color: #ffffff; display: block;} .news blockquote small {margin: 0px 18px 18px 18px; display: block;} .news div {padding: 22px 0px 0px 10px; width: 329px; float: left; color: #979797;} .news h4 {margin-bottom: 40px; height: 30px; font-size: 20px; line-height: 30px; text-indent: 2px; color: #000000;} .news p {padding: 8px 10px 18px 0px; font-size: 14px;} .news sub {margin-right: 3px; font-size: 8px; color: #ff7800; position: relative; top: -3px;} .banner {height: 109px; background: url('images/bgBanner.png') repeat-x; color: #ffffff;} .banner2 {height: 10px; background: url('images/bgBanner.png') repeat-x; color: #ffffff;} .banner h1 {padding: 0px 28px; width: 709px; height: 109px; font-weight: normal; font-size: 20px; line-height: 109px; float: left;} .banner img {margin-top: 30px; float: left;} .inside {padding-bottom: 100px; background: url('images/bgInside.png') repeat-y;} .leftNav {margin: 24px 0px 0px -2px; width: 274px; height: 500px; font-size: 12px; font-weight: normal; float: left; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2";} .leftNav a {padding: 0px 32px; width: 210px; height: 37px; background: url('images/bgLeftNavTabOff.png') no-repeat bottom left; line-height: 37px; text-decoration: none; color: #000000; display: block; overflow: hidden;} .leftNav a:hover {text-decoration: underline;} .leftNav li.current_page_item a {padding: 0px 32px; height: 46px; line-height: 46px; text-decoration: none; background: url('images/bgLeftNavTabOn.png') no-repeat; position: absolute; top: -4px; cursor: default;} .leftNav li.current-cat a {padding: 0px 32px; height: 46px; line-height: 46px; text-decoration: none; background: url('images/bgLeftNavTabOn.png') no-repeat; position: absolute; top: -4px; cursor: default;} .leftNav h2 {height: 64px; background: url('images/bgLeftNav.png') no-repeat top left; font-size: 18px; line-height: 64px; text-indent: 32px; color: #000000;} .leftNav h2 a {padding: 0px; width: auto; height:auto; line-height: 64px; display:inline; background-image:none;} .leftNav h2 a:hover {text-decoration:none;} .leftNav li {width: 274px; height: 37px; position: relative; display: block;} .leftNav li li { margin-left: 10px; width: 274px; height: 37px; position: relative; display: block;} .leftNav ul {padding-bottom: 25px; background: url('images/bgLeftNav.png') no-repeat bottom left;} .leftNav ul ul{} .rightSide {margin-top: 15px; width: 735px; float: left; font-size: 14px; color: #000000;} .rightSide blockquote {padding: 13px 7px; font-size: 18px; line-height: 26px; color: #8d8d8d;} .rightSide h3 {margin: 39px 0px 10px 5px; height: 30px; font-size: 24px; font-weight: normal;} .rightSide img.Blockquote {margin: 35px -7px 15px 0px; float: right;} /* THIS IS WHERE YOU COULD OVERRIDE THE .rightSide STYLES FOR INDIVIDUAL PAGES IF NEED BE */ /*.reduceCost blockquote {width: 462px; float: left; font-size: 14pt; line-height: 30px; font-weight: 100;} .reduceCost div {padding-top: 5px; width: 100%; float: left;} .reduceCost div.left {padding: 0px 0px 10px 0px; width: 200px; float: left; background-color:#0066CC;} .reduceCost div.right {padding: 0px 0px 10px 0px; width: 200px; float: right; background-color:#33FF00;} .reduceCost img {margin: 46px 0px 0px 43px; float: left;} .reduceCost p {padding: 0px 0px 19px 5px; line-height: 24px;} .reduceCost h3.study {margin: 39px 0px 0px 5px; min-height: 24px; height: auto; font-size: 24px; font-weight: normal; line-height: 32px;} .reduceCost p.study {padding: 0px 0px 19px 5px; line-height: 24px; color:#666666} .reduceCost div.caseRT {padding-top: 5px; width: 100px; float: right;} .reduceCost img.buttons {margin: 10px 0px 0px 0px; float: left;} .reduceCost h3 a {margin: 39px 0px 0px 0px; height: 30px; font-size: 24px; font-weight: normal; text-decoration:none; color:#000000;} .reduceCost h3 a:hover { text-decoration:underline;} .reduceCost p.blog {padding: 0px 0px 19px 5px; line-height: 24px; color:#666666} .reduceCost h3.blog {margin: 39px 0px 0px 0px; height: 30px; font-size: 24px; font-weight: normal; text-decoration:none; color:#000000;} */ /* PAGES THAT USE THIS: Why Pages*/ .contactme blockquote {width: 462px; float: left; font-size: 14pt; line-height: 30px; font-weight: 100;} .contactme div {width: 510px; float: right;} .contactme div.left {padding: 0px 20px 0px 0px; width: 150px; float: left;} .contactme div.right {padding: 0px 20px; width: 300px; float: right;} .contactme img {margin: 46px 0px 0px 43px; float: left;} .contactme img.ajax-loader {margin: 46px 0px 0px 43px; float: left;} .contactme p {padding: 0px; margin-bottom: 15px; line-height: 24px;} .contactme p.mailinglist {padding: 0px; margin: 15px 0px; line-height: 18px; font-size:12px;} .contactme p.form {padding: 0px; margin-bottom: 0px; line-height: 24px;} .contactme input.text { width: 170px; height:20px; border:solid #CCCCCC 1px} .contactme textarea.text { width: 300px; border:solid #CCCCCC 1px} .contactme h3.contact {margin: 28px 0px; height: 24px; font-size: 24px; font-weight: normal;} .contactme ul {margin-left:30px; list-style: none; line-height: 30px; } /* PAGES THAT USE THIS: who pages, Service Pages */ .Weinstein blockquote {width: 735px; float: left; font-weight: 100;} .Weinstein div {padding-top: 5px; width: 364px; float: right;} .Weinstein img {margin: 46px 0px 0px 43px; float: left;} .Weinstein p {padding: 0px 0px 19px 5px; line-height: 24px;} .Weinstein h4 { padding: 0px 0px 19px 5px; line-height: 24px; font-size:20px;color: #33CC00; font-style:normal} .Weinstein ol { padding: 0px 0px 19px 50px; line-height: 24px; } .Weinstein li { padding-left:20px;} .Weinstein h3.testimonial {margin: 39px 0px 0px 5px; height: 24px; font-size: 24px; font-weight: normal;} .Weinstein p.testimonial {padding: 0px 0px 19px 5px; line-height: 24px; color:#666666} .Weinstein p.testimonialtwo {padding: 0px 0px 19px 5px; line-height: 24px; color:#666666; font: italic 16px/27px Georgia;} .Weinstein img.quotemark {margin: 0px 10px 0px 0px; float: left;} .Weinstein img.buttons {margin: 10px 0px 0px 0px; float: none;} .Weinstein img.logoMadness {margin: 45px 0px 0px 23px; float: left;} .Weinstein img.phases {margin: 0px; float: left;} .Weinstein img.phases2 {margin: 10px; float: left;} .Weinstein h3.bio {margin: 28px 0px 0px 5px; height: 24px; font-size: 24px; font-weight: normal;} /* PAGES THAT USE THIS: Why Overview, Who Overview, Service Overview */ .whyOverview blockquote p{width: 735px; float: left; font-size: 14pt; line-height: 30px; font-weight: 100;} .whyOverview div {padding-top: 5px; width: 414px; float: right;} .whyOverview div.suzanne {padding-top: 5px; width: 560px; float: right;} .whyOverview img {margin: 46px 0px 0px 43px; float: left;} .whyOverview img.buttons {margin: 10px 0px 0px 0px; float: left;} .whyOverview p {padding: 0px 0px 19px 5px; line-height: 24px;} .whyOverview p.testimonialtwo {padding: 15px 10px 19px 5px; line-height: 24px; color:#666666; font: italic 16px/27px Georgia;} .whyOverview img.quotemark {margin: 10px 10px 0px 0px; float: left;} .whyOverview img.logoMadness {margin: 0px 23px 0px 0px; float: left;} .whyOverview img.Weinstein {margin: 0px 0px 15px 0px; float: left;} .sendme{ background: url('images/btnSubmit2.png'); width: 65px; height: 27px; display:block; color:#FFF; font-weight: bold; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } .footer {background: url('images/bgFooter.png') repeat-y; color: #ffffff;} .footer a {text-decoration: none; color: #ffffff; display: block;} .footer a:hover {text-decoration: underline;} .footer img {margin-top: 9px;} .footer li {margin: 15px 10px 22px 10px; width: 146px; font-size:18px; font-weight: normal; float: left; display: block;} .footer li li {margin: 0px 0px 8px 0px; width: 146px; float: left; font-size: 11px; font-weight: normal; line-height: 14px; display: block;} .footer strong {margin-bottom: 22px; font-size: 18px; font-weight: normal; display: block;} .footer ul {list-style-type: none; overflow: hidden;} .footer li ul {list-style-type: none; overflow: hidden; margin-top: 12px;}