/* Theme Name: Saltbush Theme URI: http://wordpress.org/extend/themes/twentyeleven Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats. Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentyeleven */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* normal */ * { margin: 0px; padding: 0px; } html, body { font-family: Arial; font-size: 12px; color: #8c806e; } input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; } body { background: #fff url('images/bg.jpg') left top repeat-x; } img { border: 0px; display: block; margin-bottom:10px; } a, input { outline: none; } /* global style */ .clear { clear: both; height: 0px; overflow: hidden; } /* wrapper */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('images/wraper-bg.jpg') center top no-repeat; } /* layout */ #layout { width: 100%; } /* header */ #header { margin: 0 auto; position: relative; width: 997px; height: 300px; z-index: 200; } #header .logo { position: absolute; top: 29px; left: 5px; } #header .logo a { display: block; width: 370px; height: 165px; } #header .fone { position: absolute; top: 138px; right: 32px; } #header .fone h3 { padding-left: 37px; text-decoration: none; font-size: 30px; color: #050505; font-weight: normal; background: url('images/fone-bg.png') left center no-repeat; } #header .fone h3 a { color: #050505; text-decoration: none; } /* menu */ .menu { position: absolute; bottom: 50px; right: -10px; z-index: 999; } .menu ul { list-style: none; } .menu li { padding: 0 18px 25px 18px; float: left; position: relative; } .menu li a { text-decoration: none; font-size: 13px; color: #030303; font-family: Arial; } .menu li.sub a { padding-right: 10px; background: url('images/arrow.jpg') right 4px no-repeat; } .menu li:hover li a { padding-left: 2px; background: none; } .menu li a:hover, .menu li.current-menu-item a { color: #c13802; } .menu li ul.sub-menu { display: none; } .menu li:hover ul.sub-menu { display: block; width: 170px; position: absolute; top: 38px; left: 0px; background: #764e35; } .menu ul.sub-menu li { padding: 2px 18px 2px 18px; width: 134px; overflow: hidden; float: left; border-bottom: 1px solid #9b7158; } .menu ul.sub-menu li a { text-decoration: none; color: #fff; } .menu ul.sub-menu li a:hover { text-decoration: underline; } .menu a.click { margin: 19px 0 0; width: 31px; height: 26px; color: #fff; font-size: 15px; line-height: 26px; display: none; text-decoration: none; background: url('images/cliks.png') left top no-repeat; } /* banner */ #banner { padding-top: 1px; float: left; width: 100%; height: 351px; background: #a59084; } /* banner bar */ .bannerBar { margin: 0 auto; position: relative; width: 997px; } .bannerBar img.text { position: absolute; right: -34px; top: 0px; } /* content */ #content { margin: -41px 0 0 -2px; position: relative; z-index: 999; width: 100%; float: left; } #content .center { padding: 21px 0 32px 23px; margin: 0 auto ; width: 930px; overflow: hidden; background: url('images/content-bg.png') left top repeat; } /* center side */ #centerSide { padding-top: 15px; float: left; width: 912px; background: url('images/center-top.png') left top no-repeat; } #centerSide.sub { margin-left: 1px; background: url('images/center-top2.png') left top no-repeat; } #centerSide.sub1 { background: url('images/center-top3.png') left top no-repeat; } #centerSide.sub2 { padding-top: 15px; background: url('images/top1.png') left top no-repeat; } #centerSide .bottom { padding-bottom: 10px; float: left; width: 912px; background: url('images/center-bottom.png') left bottom no-repeat; } #centerSide .bottom.sub { background: url('images/center-bottom2.png') left bottom no-repeat; } #centerSide .bottom.sub1 { background: url('images/center-bottom3.png') left bottom no-repeat; } #centerSide .bottom.sub2 { padding-bottom: 10px; float: left; width: 912px; background: url('images/bottom1.png') left bottom no-repeat; } #centerSide .mid { padding: 10px 0 0px 0px; width: 912px; float: left; background: url('images/center-mid.png') repeat-y; } #centerSide .mid.sub { background: url('images/center-mid2.png') repeat-y; } #centerSide .mid.sub1 { background: url('images/center-mid3.png') repeat-y; } #centerSide .mid.sub2 { padding: 10px 0 0px 0px; width: 912px; float: left; background: url('images/mid1.png') repeat-y; } /* offer bar */ .offerBar { padding-left: 7px; margin-right: 20px; width: 184px; float: left; } .offerBar h2 { padding-left: 22px; width: 150px; margin: -9px 0 0 -16px ; font-size: 24px; color: #040404; font-family: 'carbon_blockregular'; line-height: 43px; height: 43px; background: url('images/offer-bg.png') left top no-repeat; } .offerBar .links h2 { width: 181px; height: 54px; padding: 0px; margin: 0px; position: absolute; left: -16px; top: -20px; text-indent: -9999px; background: url('images/we-offer-heading.png') left top no-repeat; } .offerBar .links { padding-top: 38px; position: relative; margin-bottom: 14px; width: 161px; background: #f8f8f8; } .offerBar ul { overflow: hidden; list-style: none; } .offerBar li { padding: 0 0 4px 20px; margin-bottom: 5px; overflow: hidden; border-bottom: 1px solid #eaeaea; line-height: 18px; background: url('images/arrow1.jpg') 2px 8px no-repeat; } .offerBar .links li a.more { display: none; } .offerBar li.last { padding-bottom: 0px; margin-bottom: 0px; border: none; } .offerBar li span { display: block; } .offerBar li a { text-decoration: none; font-size: 11px; color: #525252; } .offerBar li a:hover { text-decoration: underline; } .offerBar h3{ padding: 0 0 5px 22px; width: 150px; margin-left: -16px; font-size: 24px; color: #040404; font-family: 'carbon_blockregular'; line-height: 43px; height: 43px; background: url('images/offer-bg.png') left top no-repeat; } .offerBar .news li { padding: 0 10px 0 7px; margin: 0px; color: #3a1701; font-family: "Myriad Pro", Arial; font-size: 13px; line-height: 18px; background: none; border: 0px; } .offerBar .news li a { color: #3a1701; font-family: Arial; font-size: 12px; line-height: 18px; display: block; } .offerBar .news h2 { margin: 0px 0px 0px -16px; width: 181px; height: 54px; padding: 0px; text-indent: -9999px; background: url('images/news-heading.png') left top no-repeat; } .offerBar .news li a.more { margin: 0px 32px 0 0; text-decoration: none; float: right; display: block; color: #746c67; font-size: 12px; } .offerBar .news li a.more:hover { text-decoration: underline; } .offerBar .news br { display: none; } /* welcome bar */ .welcomeBar { padding: 1px 0 0 15px; width: 469px; float: left; } .welcomeBar h2 { padding-bottom: 13px; font-size: 18px; color: #fb5a02; font-weight: normal; } .welcomeBar p { padding: 0 25px 23px 2px; font-size: 13px; color: #757474; line-height: 24px; } /* suit bar */ .suitBar { padding: 0 0 0 22px; margin: -9px 10px 0 0; width: 471px; float: left; } .suitBar h2 { padding-bottom: 17px; font-size: 22px; color: #ce510c; font-weight: normal; } .suitBar p { padding: 0 60px 18px 2px; font-size: 12px; color: #757474; line-height: 18px; } /* gallery bar */ .galleryBar { padding: 0 0 0 32px; width: 164px; margin: -11px 10px 0 0; float: left; } .galleryBar h2 { padding-bottom: 13px; padding-left:18px; font-size: 22px; color: #ce510c; font-weight: normal; } .galleryBar ul { padding-left: 1px; list-style: none; overflow: hidden; } .galleryBar li { padding: 3px; width: 120px; margin-bottom: 10px; height: 72px; background: url('images/frame.png') left top no-repeat; } /* map bar */ .mapBar { padding: 0 0 0 25px; width: 342px; margin: -10px 23px 0 0; float: left; } .mapBar h2 { padding-bottom: 12px; font-size: 22px; color: #ce510c; font-weight: normal; } .mapBar .widget_sp_image img { padding: 3px; margin-left: 14px; width: 283px; display: block; border-bottom: 1px solid #666971; border-right: 1px solid #9ca9ae; background: #d7ebf3; } /* moto bar */ .motorBar { padding: 6px 40px 0 20px; width: 247px; margin: -10px 0 0 0; float: left; } .motorBar h2 { padding-bottom: 5px; font-size: 22px; color: #545352; font-weight: normal; font-family: Arial; } .motorBar p { padding-bottom: 10px; font-size: 12px; color: #545352; line-height: 19px; font-family: "Myriad Pro", Arial; } .motorBar p a { color: #545352; text-decoration: none; } .motorBar .wpcf7-submit { padding: 3px 10px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; border: 0px; cursor: pointer; background: #714b33; } .motorBar address { font-size: 14px; line-height: 19px; font-style: normal; color: #353534 } /* add bar */ .addBar { padding: 10px 0 0 35px; width: 161px; float: left; } .addBar.sub { padding: 10px 0 0 22px; width: 174px; } .addBar img.bg { margin: -60px 0 0 -7px; position: relative; z-index: 9999; } .addBar img.bravo { margin: 17px 0 43px 0px; display: block; } /* feature bar */ .featureBar { padding: 0 111px 0 22px; margin-top: -8px; width: 564px; float: left; overflow: hidden; } .featureBar h2 { padding-bottom: 17px; font-size: 24px; color: #ce510c; font-weight: normal; } .featureBar p { padding-bottom: 18px; font-size: 12px; color: #757474; font-weight: normal; line-height: 18px; } .featureBar h3 { padding: 0 0 3px 0; font-size: 12px; color: #757474; } .featureBar ul { padding-left: 17px; list-style: none; } .featureBar li { padding: 0 0 3px 10px; background: url('images/dot.png') left center no-repeat; } .featureBar li a { font-size: 12px; color: #757474; text-decoration: none; } .featureBar li a:hover { text-decoration: underline; } /* footer */ #footer { margin-top: -46px; float: left; width: 100%; background: #553826 url('images/footer-bg.jpg') left repeat-x; } /* footer bar */ .footerBar { padding: 66px 0 20px 22px; margin: 0 auto; overflow: hidden; width: 975px; } .footerBar img.face { margin-right: 12px; float: left; } .footerBar .links { padding-top: 5px; font-weight: normal; float: left; line-height: 40px; } .footerBar .links ul li { list-style:none; float:left; padding: 0 5px; text-decoration: none; font-size: 13px; color: #b0b0b0; } .footerBar .links ul li a{ text-decoration: none; font-size: 13px; color: #b0b0b0; } .footerBar .links ul li a:hover{ text-decoration: underline; font-size: 13px; color: #b0b0b0; } .footerBar p { padding: 4px 35px 0 0px; float: right; font-size: 13px; line-height: 18px; text-align: right; color: #b0b0b0; } .footerBar p span { display: block; } .footerBar p a { text-decoration: none; color: #b0b0b0; } .footerBar p a:hover { text-decoration: underline; } .footerBar .socialmedia-buttons { float: left; } .footerBar .textwidget { float: right; } .footerBar .links .textwidget { float: left; } .bannerBar .navi { display: none; } .bannerBar:hover .navi { display: block; z-index: 9999999999; width: 100%; position: absolute; left:0; top: 175px; } .bannerBar .previous { float: left; margin-left:18px; text-indent: -9999px; width: 17px; height: 22px; background:url(images/prev-bg.png) left top no-repeat; } .bannerBar .next { float: right; padding-right:20px; text-indent: -9999px; width: 17px; height: 22px; background:url(images/next-bg.png) left top no-repeat; } .featureBar h1 { font-size: 15px; } .widget_sp_image-image-link{ float:left; padding-right:12px;} img.alignleft { float: left; } .footerBar ul#menu-footer { list-style: none; list-style-type: none; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 980px ) and (max-width: 996px) { #header .fone { right: 42px; } .menu { right: 25px; } #header,.bannerBar,.footerBar { padding: 0 10px; width: auto; } #footer { width: 100%; } img { max-width: 100%; } #content { z-index: 9; } #content .center { padding: 21px 0 32px 0; width: auto; } #centerSide { padding:15px 20px; float: none; margin: auto; width: auto; max-width: auto; background: none; } #centerSide .mid { width: auto; background: none; } #centerSide .bottom { width: auto; background: none; } .offerBar { padding: 25px 0 0 10px; min-height: 436px; width: 20%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .welcomeBar { padding: 25px 1.7% 0; width: 48.5%; min-height: 437px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .addBar { padding: 25px 2.4% 0; min-height: 392px; width: 17.8%; float: right; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2, #centerSide.sub1, #centerSide .bottom.sub1, #centerSide .mid.sub1, #centerSide.sub, #centerSide .mid.sub, #centerSide .bottom.sub { background: none; } .featureBar { padding: 25px 20px 0; margin: 2px 0 0 0; width: 71%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .featureBar h2 { padding-bottom: 0; } .featureBar p { padding-bottom: 17px; line-height: 16px; } .mapBar { padding: 0 20px; margin: 3px 22px 0 0; width: 38%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .motorBar { width: 22.8%; margin: 3px 21px 0 0; margin: 3px 0 0 0; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } #centerSide.sub1 { margin: 0 auto; width: auto; } .suitBar { margin-top: 3px ; padding-top: 10px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .galleryBar { margin-top: 3px; padding-top: 10px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .suitBar h2 { padding-bottom: 10px; } .suitBar p { padding: 0 60px 10px 2px; } #footer { margin-top: 0; } #wpcontent_slider_container,#wpcontent_slider,#wpcontent_slider_container { width: 100% !important; height: auto; } .bannerBar img { width: 100%; height: auto; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 768px ) and (max-width: 979px) { #wrapper { background: url("images/wraper-bg.jpg") no-repeat scroll -540px top rgba(0, 0, 0, 0); } #header,.bannerBar,.footerBar { padding: 0 10px; width: auto; } img { max-width: 100%; } .menu { right: 30px; } #content { z-index: 9; } #content .center { width: auto; } #centerSide .mid { width: auto; } #centerSide .bottom { width: auto; } #footer { width: 100%; } img { max-width: 100%; } #content { z-index: 9; } #content .center { padding: 21px 0 32px 0; width: auto; } #centerSide { padding:15px 20px; float: none; margin: auto; width: auto; max-width: auto; background: none; } #centerSide .mid { width: auto; background: none; } #centerSide .bottom { width: auto; background: none; } .offerBar { padding: 25px 9px 0 9px; min-height: 436px; width: 20%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .welcomeBar { padding: 25px 1.7% 0; width: 44.5%; min-height: 437px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .addBar { padding: 25px 43px 0 6px; min-height: 392px; width: 17.8%; float: right; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } #footer { margin-top: 0; } .offerBar .links { width: auto; } .welcomeBar p { font-size: 12px; line-height: 21px; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2{ background: none; } .featureBar { padding: 25px 20px 0; margin: 2px 0 0 0; width: 67%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .featureBar h2 { padding-bottom: 0; } .featureBar p { padding-bottom: 17px; line-height: 16px; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2, #centerSide.sub1, #centerSide .bottom.sub1, #centerSide .mid.sub1, #centerSide.sub, #centerSide .mid.sub, #centerSide .bottom.sub { background: none; } { background: none; } .mapBar { padding: 0 20px; margin: 3px 22px 0 0; width: 38%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .motorBar { width: 22.8%; margin: 3px 21px 0 0; margin: 3px 0 0 0; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } #centerSide.sub1 { margin: 0 auto; width: auto; } .mapBar .widget_sp_image img { margin-left: 0; width: 265px; } .motorBar { padding: 6px 0 0 20px; } input, select, textarea { width: 90%; } .suitBar { margin-top: 3px ; padding-top: 10px; width: 40%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .galleryBar { margin-top: 3px; padding-top: 10px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .suitBar h2 { padding-bottom: 10px; } .suitBar p { padding: 0 60px 10px 2px; } #wpcontent_slider_container,#wpcontent_slider,#wpcontent_slider_container { width: 100% !important; height: auto; } #banner { height: auto; } .bannerBar img { width: 100%; height: auto; } #centerSide .mid.sub2 { width: auto; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and ( max-width: 767px) { #wrapper { overflow: hidden; background-size: contain; background: url("images/wraper-bg.jpg") no-repeat scroll left top #d7792f; } #content { margin: 0; } #header,.bannerBar { padding: 0 10px; width: auto; } #header { height: auto; } .footerBar { padding: 10px; width: auto; } #header .logo { padding: 12px 0 0 0; width: 100%; position: static; } #header .logo a { margin: 0 auto; width: 292px; } #header .fone h3 { font-size: 16px; line-height: 32px; top: 5px; } #header .fone { top: 15px; } #content { z-index: 9; } #content .center { padding: 0 0 32px; width: auto; } #centerSide .mid { width: auto; } #centerSide .bottom { width: auto; } #footer { width: 100%; } img { max-width: 100%; } #content { z-index: 9; background: #fff; } #content .center { padding: 21px 0 32px 0; width: auto; } #centerSide { padding:15px 20px; float: none; margin: auto; width: auto; max-width: auto; background: none; } #centerSide .mid { width: auto; background: none; } #centerSide .bottom { width: auto; background: none; } .offerBar { padding: 25px 9px 0 9px; min-height: 436px; width: 20%; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .offerBar { margin-bottom: 20px; min-height: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; } .welcomeBar { padding: 10px 10px; margin-bottom: 20px; border-radius: 10px; -webkit-border-radius: 10px; min-height: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; background: #fff; } .addBar { min-height: 0; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; } .offerBar .links { width: auto; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2{ background: none; } .featureBar { padding: 25px 20px 0; margin: 2px 0 10px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .featureBar h2 { padding-bottom: 0; font-size: 20px; } .featureBar p { padding-bottom: 17px; line-height: 16px; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2{ width: auto; background: none; } .featureBar p a img { width: 100%; height: auto; } .addBar .images { margin: 0 auto; width: 200px; } #centerSide.sub2 ,#centerSide .bottom.sub2, #centerSide .mid.sub2, #centerSide.sub1, #centerSide .bottom.sub1, #centerSide .mid.sub1, #centerSide.sub, #centerSide .mid.sub, #centerSide .bottom.sub { background: none; } { background: none; } { background: none; } .mapBar { padding: 0 20px; margin: 3px 22px 10px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .motorBar { padding: 17px 0 0 20px; width: 100%; margin: 3px 21px 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } #centerSide.sub1 { margin: 0 auto; width: auto; } .mapBar .widget_sp_image img { margin-left: 0; width: 265px; } .motorBar { padding: 6px 0 0 20px; } input, select, textarea { width: 90%; } .mapBar .widget_sp_image img { width: 200px; margin: 10px auto 10px; } .suitBar { margin-top: 3px ; margin-bottom: 10px; padding-top: 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .galleryBar { margin-top: 3px; margin-bottom: 10px; padding: 10px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .suitBar h2 { padding-bottom: 10px; } .suitBar p { padding: 0 60px 10px 2px; } .galleryBar li { margin: 0 2px; display: inline-block; float: none; width: auto; } .galleryBar h2 { padding-left: 0; text-align: center; } .galleryBar ul { padding-left: 0; text-align: center; } .galleryBar li { width: auto; display: inline-block; float: none; } .addBar.sub { width: 100%; } .menu a.click { padding: 0 0 0 35px; display: block; } .menu { position: static; padding-bottom: 10px; width: auto; margin: -2px -10px 0; background: #d17832; } .menu ul { display: none; border: 1px solid #fff; overflow: hidden; } .menu ul li { padding: 0; width: 100%; float: left; border-top: 1px solid #fff; } .menu ul li:first-child { border: 0; } .menu li a { padding:0 0 0 20px; line-height: 31px; display: block; } .menu li ul.sub-menu { width: 100%; } .menu li:hover ul.sub-menu { width: 100%; position: static; } .menu ul.sub-menu li { width: 100%; } .menu li.sub li a { padding: 0; } .menu li:hover ul.sub-menu { display: none; } .menu li.sub a { background: url("images/mobarow.png") no-repeat scroll right 12px rgba(0, 0, 0, 0); } #header .logo a img { display: none; } #banner { height: auto; background: #fff; } #footer { margin: 0; } .footerBar .textwidget { width: 100%; } .footerBar p { padding: 4px 0 20px 0; float: none; text-align: center; } .bannerBar img { width: 100%; height: auto; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and ( min-width: 640px) and ( max-width: 767px) { #wrapper { background: url("images/wraper-bg.jpg") no-repeat scroll -440px top ; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and ( min-width: 480px) and ( max-width: 540px) { #wrapper { background: url("images/wraper-bg.jpg") no-repeat scroll -514px top ; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and ( min-width: 320px) and ( max-width: 479px) { #wrapper { background: url("images/wraper-bg.jpg") no-repeat scroll -559px top; } }