* { border: 0; list-style: none; margin: 0; padding: 0; text-decoration: none; } .clear { clear: both; } body { background: #b2eaf3 url(../img/clouds.jpg) repeat-x; color: #39c; font-size: 13px; } body, input, textarea { font-family: Arial, Verdana, Tahoma; } a { color: #3399cc; } a:hover { color: #e88b02; text-decoration: underline; } .jsHide { display: block !important; } .jsHidden { display: none !important; } .jsShow { display: none !important; } .jsShown { display: block !important; } #logo { display: none; } #main-container { margin: 0 auto; padding: 25px 0 0 0; width: 1246px; } #main-head { background: url(../img/website.png) 0 0 no-repeat; height: 211px; } #main-social { background: url(../img/website.png) -686px -660px no-repeat; float: right; height: 35px; margin: 0 75px 0 0; padding: 40px 0 0 45px; width: 195px; } #main-social li { float: left; height: 20px; margin-left: 10px; overflow: hidden; } #main-social li:first-child { margin-left: 0; } #main-social .twitter { width: 55px; } #main-social .googleplus { width: 32px; } #main-social .facebook { width: 46px; } #main-title { float: left; margin: 135px 0 0 0; width: 375px; } #main-title h1 { background: url(../img/website.png) 0 -820px no-repeat; clear: both; height: 25px; margin: 0 0 0 4px; overflow: hidden; text-indent: -1000px; width: 345px; } #main-title h2 { background: url(../img/website.png) 0 -845px no-repeat; float: right; height: 22px; margin: 20px 0 0 0; overflow: hidden; text-indent: -1000px; width: 290px; } #main-navigation { clear: right; float: right; height: 18px; margin: 105px 35px 0 0; } #main-navigation li { float: left; margin-left: 20px; } #main-navigation li:first-child { margin: 0; } #main-navigation li a { background: url(../img/website.png); display: block; height: 18px; overflow: hidden; text-indent: -1000px; } #main-navigation li a:hover { } #main-navigation li.selected a { cursor: default; } #main-navigation #main-navigation-about a { width: 111px; background-position: 0 -867px; } #main-navigation #main-navigation-about.selected a, #main-navigation #main-navigation-about.selected a:hover { background-position: 0 -907px; } #main-navigation #main-navigation-about a:hover { background-position: 0 -887px; } #main-navigation #main-navigation-services a { width: 99px; background-position: -113px -867px; } #main-navigation #main-navigation-services.selected a, #main-navigation #main-navigation-services.selected a:hover { background-position: -113px -907px; } #main-navigation #main-navigation-services a:hover { background-position: -113px -887px; } #main-navigation #main-navigation-clients a { width: 91px; background-position: -215px -867px; } #main-navigation #main-navigation-clients.selected a, #main-navigation #main-navigation-clients.selected a:hover { background-position: -215px -907px; } #main-navigation #main-navigation-clients a:hover { background-position: -215px -887px; } #main-navigation #main-navigation-store a { width: 69px; background-position: -313px -867px; } #main-navigation #main-navigation-store.selected a, #main-navigation #main-navigation-store.selected a:hover { background-position: -313px -907px; } #main-navigation #main-navigation-store a:hover { background-position: -313px -887px; } #main-navigation #main-navigation-home a { width: 67px; background-position: -385px -867px; } #main-navigation #main-navigation-home.selected a, #main-navigation #main-navigation-home.selected a:hover { background-position: -385px -907px; } #main-navigation #main-navigation-home a:hover { background-position: -385px -887px; } #main-navigation #main-navigation-contact a { width: 140px; background-position: -455px -867px; } #main-navigation #main-navigation-contact.selected a, #main-navigation #main-navigation-contact.selected a:hover { background-position: -455px -907px; } #main-navigation #main-navigation-contact a:hover { background-position: -455px -887px; } #main-content-container { background: #def8fc; clear: both; overflow: auto; } #main-content { background: #b5e9f3; margin: 0 auto; overflow: auto; padding: 25px 25px 0; position: relative; width: 1150px; } #main-content-inner { background: #b5e9f3 url(../img/website.png) -23px -211px no-repeat; height: 25px; left: 0; margin: 0 auto; position: absolute; top: 0; width: 1200px; } #main-footer-container { background: url(../img/footer-background.jpg) no-repeat 50% 0; clear: both; height: 244px; height: 534px; } #main-footer { background: url(../img/website.png) 0 -231px no-repeat; height: 179px; height: 230px; margin: 0 auto; padding: 65px 35px 0; position: relative; width: 1176px; } #main-footnavigation { float: left; padding: 5px 10px; text-align: center; } #main-footnavigation li { float: left; margin-left: 10px; } #main-footnavigation li:first-child { margin: 0; } #main-footnavigation a { color: #005084; display: block; line-height: 32px; font-size: 12px; font-weight: bold; margin-left: 10px; } #main-footnavigation a:first-child { margin-left: 0; } #main-footnavigation a:hover { text-decoration: underline; } #main-footnavigation .selected a, #main-footnavigation .selected a:hover { color: #d97b00; cursor: default; text-decoration: none; } #main-footlogin { float: right; height: 15px; margin: 0 10px 0 0; padding: 13px 0 0; text-align: left; width: 45px; } #main-footlogin a { color: #39c; display: block; font-size: 10px; height: 15px; line-height: 15px; width: 45px; } #main-footlogin a span { display: none; } #main-footlogin a:hover span { display: block; float: left; } #main-footlogin #login-lock { background: url(../img/website.png) -604px -700px no-repeat; display: block; float: right; height: 15px; width: 12px; } #main-footlogin a:hover #login-lock { background-position: -604px -715px; } #main-footinfo { color: #306ba2; font-size: 11px; line-height: 12px; } #copyright { background: url(../img/website.png) -576px -735px no-repeat; margin: 0 auto; padding: 35px 0 0; text-align: center; width: 175px; } #legal { margin: 5px auto 0; width: 170px; } #legal li { border-left: 1px solid #306ba2; float: left; text-align: center; width: 85px; } #legal li:first-child { border: 0; width: 84px; } #jelly-social { background: url(../img/website.png) 0 -925px no-repeat; bottom: -150px; height: 222px; position: absolute; right: 10px; width: 396px; } #jelly-social a { background: url(../img/website.png) no-repeat; height: 60px; overflow: hidden; position: absolute; text-indent: -1000px; width: 65px; } #jelly-social #jelly-facebook { background-position: -396px -985px; left: 16px; top: 19px; } #jelly-social #jelly-facebook:hover { background-position: -396px -925px; } #jelly-social #jelly-twitter { display: block; background-position: -461px -985px; left: 142px; top: 34px; } #jelly-social #jelly-twitter:hover { background-position: -461px -925px; } #jelly-social #jelly-google { display: block; background-position: -526px -985px; left: 206px; top: 54px; } #jelly-social #jelly-google:hover { background-position: -526px -925px; } #jelly-social #jelly-rss { display: block; background-position: -591px -985px; left: 272px; top: -5px; } #jelly-social #jelly-rss:hover { background-position: -591px -925px; } .messages { background: #effcfe url(../img/message-penguin.png) 500px 18px no-repeat; color: #306ba2; margin: 20px auto; padding: 25px; width: 500px; } .messages ul { margin: 5px 0 0 50px; width: 350px; } .messages li { list-style: square; } .messages.error { background-color: #f3b5b5; color: #a23030; } .messages.success { background-color: #bef3b5; color: #38a230; } .messages.warning { background-color: #f3f2b5; color: #a29b30; } h3 { font-size: 2em; color: #3399cc; margin-bottom: 25px; } h4 { border-bottom: 1px solid #fff; line-height: 2em; padding: 0 10px; margin-bottom: 10px; } .light { background: #effcfe; color: #306ba2; position: relative; } .light h3 { color: #9be0f8; } .light h4 { border-color: #b5e9f3; } .light-corner-topleft, .light-corner-topright, .light-corner-bottomleft, .light-corner-bottomright { background: url(../img/website.png) no-repeat; display: block; height: 16px; position: absolute; width: 16px; } .light-corner-topleft { background-position: -526px -700px; left: 0; top: 0; } .light-corner-topright { background-position: -542px -700px; right: 0; top: 0; } .light-corner-bottomleft { background-position: -526px -716px; bottom: 0; left: 0; } .light-corner-bottomright { background-position: -542px -716px; bottom: 0; right: 0; } #client-testimonial-container { margin: 0 0 25px; height: 230px; } #testimonial-list-container { float: right; height: 210px; margin: 0; padding: 20px 20px 0; width: 660px; } #testimonial-list-container h3 { float: left; line-height: 30px; margin: 0 0 10px; } #testimonial-list { height: 150px; overflow: hidden; width: 660px; } #testimonial-list li { float: left; height: 150px; padding: 10px 0; width: 660px; } #testimonial-list p { padding: 5px 0; } #testimonial-list .author { font-size: 11px; font-style: italic; text-align: right; } #testimonial-pager { background: transparent; float: right; height: 20px; padding: 5px 0; } #testimonial-pager a { background: url(../img/website.png) -526px -792px no-repeat; display: block; float: left; height: 20px; overflow: hidden; text-indent: -1000px; width: 20px; } #testimonial-pager a:hover { background-position: -546px -792px; } #testimonial-pager a.activeSlide, #testimonial-pager a.activeSlide:hover { background-position: -566px -792px; cursor: default; } .client-list-container { clear: both; margin: 25px 0 0; overflow: auto; padding: 25px 25px 5px; } .client-list { overflow: auto; } .client-list li { float: left; height: 120px; margin: 0 0 20px; text-align: center; width: 120px; } .client-list li a { font-size: 11px; } .client-list li img { display: block; height: 100px; margin: 0 auto 5px; width: 100px; } #about-team-photo, #contact-photo, #recent-events-photo, #testimonial-photo, #welcome-photo { background: url(../img/team-photos.jpg) 0 0 no-repeat; } #about-team-photo { background-position: -1px -1px; float: left; height: 375px; margin: 0 0 30px 0; width: 420px; } #contact-photo { background-position: -1px -619px; clear: both; height: 175px; width: 790px; } #recent-events-photo { background-position: -426px -1px; height: 295px; float: left; width: 325px; } #testimonial-photo { background-position: -1px -379px; float: left; height: 230px; width: 420px; } #welcome-photo { background-position: -426px -300px; display: block; height: 130px; margin: 30px auto 0 auto; width: 420px; }