.box{float:left}#root{max-width:980px;margin:0 auto}#top-bar{width:100%;border-top:groove medium #dfdfdf;background-color:#fff;-webkit-box-shadow:0 1px 5px #282828;box-shadow:0 1px 5px #282828;position:relative}.logo{float:left;width:50%;padding-left:45px}.phone{padding-top:25px;float:left;width:35%;color:#0077e5;font-size:24px;font-family:Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;font-weight:bold;text-align:center}.phone a{text-decoration:none;color:#0077e5}#banner{background-image:url(../locksmith--richardson/locksmith-in-richardson.jpg);background-repeat:no-repeat;width:100%;height:300px;font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif}.nav{float:right;background-color:#fff;width:200px;padding-right:35px;margin-right:0;padding-bottom:40px;padding-top:10px}.nav ul li{line-height:45px;border-bottom:thin groove #bcbcbc;list-style-position:inside;list-style-image:url(../locksmith--richardson/mark.PNG)}.nav ul li a{text-decoration:none;color:#000}.nav ul li a:hover{color:#0077e5}#main{width:100%;background-color:#fff;text-align:justify;-webkit-box-shadow:0 -1px 6px #282828;box-shadow:0 -1px 6px #282828}#content{width:66%;font-family:"Microsoft Tai Le";font-size:14px;padding:20px 15px 20px 20px;line-height:25px}.grid1{width:96%;float:left;background-color:#e0e0e0;padding:0 15px 5px 15px;border-radius:15px;background-image:url(../locksmith--richardson/new-keys.png);background-position:right bottom;background-repeat:no-repeat}.script{padding-right:230px;text-align:left}.grid2{width:48%;float:left;margin-right:20px;text-align:left}.grid3{width:48%;float:left;text-align:left}#sidebar{width:28%;text-align:center;margin-left:10px}.services{border-bottom:groove medium #dfdfdf;text-align:left}.services ul li{list-style-position:inside;list-style-image:url(../locksmith--richardson/mark.PNG);font-family:"Microsoft Tai Le";margin-left:10px;line-height:25px}.services ul li a{text-decoration:none;color:#000}.contact-info ul li{line-height:25px;font-family:"Microsoft Tai Le";list-style:none;margin-left:-30px}.contact-info ul li a{color:#000}#footer{width:100%;border-bottom:groove medium #dfdfdf;background-color:#fff;padding:15px 0 15px 0;text-align:center;font-family:"Microsoft Tai Le";font-size:14px;-webkit-box-shadow:0 1px 6px #282828;box-shadow:0 1px 6px #282828}h1{font-size:24px;font-family:Constantia,"Lucida Bright","DejaVu Serif",Georgia,serif;border-bottom:groove medium #dfdfdf;line-height:40px;width:88%}h1 span{color:#0077e5}h2{font-size:19px;font-family:Constantia,"Lucida Bright","DejaVu Serif",Georgia,serif;border-bottom:groove medium #e7e7e7;line-height:40px;color:#0077e5;width:88%}h2 span{color:#000;font-size:17px}.img2{float:right}.contact-us{width:600px;height:350px}@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape){#top-bar{width:100%}.logo{width:100%;padding:0;text-align:center}.phone{width:100%}#banner{width:100%}.nav{width:30%}#main{width:100%}#content{width:100%;padding-left:0;padding-right:0}#sidebar{width:99%}#footer{width:100%}.script{width:100%;text-align:center}.grid1{width:97%;padding-bottom:235px;background-color:#fff;background-position:center bottom}h1{font-size:18px;text-align:center;width:100%}.grid2{width:99%;margin:0;text-align:center}h2{text-align:center;width:100%}.grid3{width:99%;margin:0;text-align:center}.coupon{width:50%;float:left}.services{width:40%;float:left;border-bottom:0;padding-left:80px}.response{width:50%;float:left}.contact-info{width:50%;float:left}.payment{display:none}.contact-us{width:100%;height:auto}}@media only screen and (min-width:321px) and (max-width:1024px) and (orientation:portrait){#top-bar{width:99.5%}.logo{width:100%;padding:0;text-align:center}.phone{width:100%}#banner{width:99%}.nav{width:40%}#main{width:99%}#content{width:100%;padding-left:0;padding-right:0}#sidebar{width:97%}#footer{width:99%}.script{width:100%;text-align:center}.grid1{width:94%;padding-bottom:235px;background-color:#fff;background-position:center bottom}h1{font-size:18px;text-align:center;width:100%}.grid2{width:99%;margin:0;text-align:center}h2{text-align:center;width:100%}.grid3{width:99%;margin:0;text-align:center}.coupon{text-align:center}.services ul li{text-align:center;margin-left:-30}.contact-us{width:100%;height:auto}}@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape){#top-bar{width:99.5%}.logo{width:100%;padding:0;text-align:center}.phone{width:100%}#banner{width:99%}.nav{width:40%}#main{width:99%}#content{width:100%;padding-left:0;padding-right:0}#sidebar{width:97%}#footer{width:99%}.script{width:100%;text-align:center}.grid1{width:88%;padding-bottom:235px;background-color:#fff;background-position:center bottom}h1{font-size:18px;text-align:center}.grid2{width:99%;margin:0;text-align:center}h2{text-align:center}.grid3{width:99%;margin:0;text-align:center}.contact-us{width:100%;height:auto}}@media only screen and (max-width:320px){#top-bar{width:99.5%}.logo{width:100%;padding:0;text-align:center}.phone{width:100%}#banner{width:99%}.nav{width:93%}#main{width:99%}#content{width:100%;padding-left:0;padding-right:0}#sidebar{width:97%}#footer{width:99%}.script{width:95%;text-align:center;padding-right:0}.grid1{width:88%;padding-bottom:235px;background-color:#fff}h1{font-size:18px;text-align:center}.grid2{width:95%;margin:0;text-align:center}h2{text-align:center}.grid3{width:95%;margin:0;text-align:center}.services ul li a{line-height:35px}.nav ul li a{line-height:35px}.contact-us{width:100%;height:auto}.contact-info ul li a{line-height:35px}}