@charset utf-8;
html{background:url(../images/de4design-body-bg.jpg) repeat-x left 34px}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;background:url(../images/de4design-footer-bg.jpg) repeat-x left bottom}
*{margin:0;padding:0}
.fr{float:right}
.clr{clear:both}
ul,li{list-style:none}
a{text-decoration:none;color:#999;outline:none}
a:hover{text-decoration:underline}
img{border:0}
#layout{width:1000px;margin:auto}
#top{height:120px;background:#fff}
#logo{float:left;margin-left:32px;margin-top:15px}
#nav{float:right;margin-top:34px}
#nav li{float:left;font-family:Panefresco500wtRegular;line-height:20px}
#nav li a{float:left;height:24px;width:92px;background:url(../images/de4design-navigation-sprite.gif) no-repeat left top;text-align:center;font-size:14px;padding-top:8px;color:#FFF;text-indent:-2px}
#nav li a.select{background:url(../images/de4design-navigation-sprite.gif) no-repeat -92px top;text-decoration:none;float:left;height:24px;width:92px;text-align:center;font-size:14px;padding-top:8px;color:#FFF;text-indent:-2px}
#nav li.get-a-quote a{background:url(../images/de4design-navigation-sprite.gif) no-repeat -184px top;text-decoration:none}
#header{background:url(../images/de4design-header-bg.jpg) no-repeat 0 bottom;height:318px;width:1000px}
#header li .header-text{width:345px;float:left;position:relative;height:300px;margin-right:35px}
#header .header-text h2{font-size:35px;font-family:"Trebuchet MS";color:#615f5f;margin-bottom:20px;font-weight:400}
#header .header-text p{color:#615f5f;font-size:12px;line-height:18px}
#header .header-text .veiw-more{position:absolute;right:10px;bottom:10px}
#header .header-text .veiw-more a{background:url(../images/viewMore.png) no-repeat 0 0;height:20px;width:92px;display:block;cursor:pointer;color:#f09742;font-style:italic}
#header li .header-thum1{float:left;width:564px;height:318px;background:url(../images/bannersSprite.png) no-repeat 0 0}
#header li .header-thum2{float:left;width:564px;height:318px;background:url(../images/bannersSprite.png) no-repeat 0 -318px}
#header li .header-thum3{float:left;width:564px;height:318px;background:url(../images/bannersSprite.png) no-repeat 0 -636px}
#header li .header-thum4{float:left;width:564px;height:318px;background:url(../images/bannersSprite.png) no-repeat 0 -954px}
.service-tabs{height:47px}
.service-tabs li a{float:left;width:334px;height:47px;text-align:center;line-height:47px;background:#1a99cc;color:#F7F7F7;font-family:PlayRegular;font-size:24px}
.service-tabs li.psd2html a{width:333px;background:#f09137}
.service-tabs li.development a{background:#20ab04;width:333px}
.service-tabs li a:hover{color:#FFF;background:#949494;text-decoration:none}
#content{padding-bottom:10px}
.de4design-services{background:#f7f7f7;padding-bottom:15px;margin-bottom:25px}
.de4design-services .services-thum{width:250px;text-align:center;padding-top:19px;margin:auto auto 15px}
.de4design-services ul{width:250px;margin:auto}
.de4design-services ul li{background:url(../images/de4design-sevrice-icon.gif) no-repeat left center;padding-left:20px;margin-bottom:5px;color:#484848;font-family:"Trebuchet MS"}
.de4design-services .webdesign-services{background:url(../images/de4design-sprter.gif) no-repeat right top;height:255px;width:333px;float:left}
.de4design-services .psd2html-services{background:url(../images/de4design-sprter.gif) no-repeat right top;height:255px;width:334px;float:left}
.de4design-services .development-services{height:255px;width:333px;float:right}
#content .left-panel{float:left;width:705px;font-family:"Trebuchet MS"}
#content .right-panel{float:right;width:270px}
.left-panel h3{font-size:24px;color:#615f5f;margin-bottom:10px;font-weight:400}
.left-panel p{margin-bottom:20px;font-size:13px;color:#363636}
.left-panel h4{font-size:16px;color:#615f5f;margin-bottom:8px}
#footer{color:#FFF;height:250px;padding-top:26px}
#footer h3{font-family:"Trebuchet MS";border-bottom:#FFF dotted 1px;font-size:24px;font-weight:400;padding-bottom:2px;width:219px;margin-bottom:10px}
#footer .contact-form{float:left;width:250px;margin-right:110px;height:227px}
#footer .input-text input{background:#6bbfe6;border:none;font-family:Arial, Helvetica, sans-serif;font-style:italic;color:#1178a2;font-size:12px;padding:0px 5px;width:234px;margin-bottom:11px;padding:4px 3px}
#footer .input-text textarea{background:#6bbfe6;border:none;font-family:Arial, Helvetica, sans-serif;font-style:italic;color:#1178a2;font-size:12px;padding:0px 5px;width:234px;margin-bottom:8px;height:60px;padding:4px 3px}
#footer .input-button input{background:#1178a2;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:none;overflow:visible;cursor:pointer;padding:2px 10px}
#footer .testimonals{float:left;width:284px;background:url(../images/testimonials-top.gif) no-repeat left 40px}
#footer .testimonals p{background:url(../images/testimonials-bottom.gif) no-repeat right 90%;font-size:12px;padding:0 31px}
#footer .testimonals .readmore{text-align:right;padding-right:35px}
#footer .testimonals .readmore a{color:#FFF}
#footer .find-de4design{float:right;width:254px}
#footer .find-de4design a{color:#fff}
#footer .find-de4design li,.intouch li{height:30px;padding-left:36px;line-height:24px;margin-bottom:5px;font-size:15px}
.intouch li{ padding-left:0px;}
#footer .find-de4design li.de4design-facebook{background:url(../images/de4design-facebook.gif) no-repeat left top}
#footer .find-de4design li.de4design-twitter{background:url(../images/de4design-twitter.gif) no-repeat left top}
#footer .find-de4design li.de4design-linkedin{background:url(../images/de4design-linkedin.gif) no-repeat left top}
#footer .find-de4design li.de4design-blog{background:url(../images/de4design-blog.gif) no-repeat left top}
#footer .copyrights{display:block;text-align:center;width:100%;height:20px;line-height:20px}
.de4design-content{padding-top:20px}
#testimonals li{background:url(../images/dedesign-testimonials-top.gif) no-repeat 20px top;border-bottom:1px dotted #D7D8DA;margin-bottom:30px;padding-bottom:0}
#testimonals p{background:url(../images/dedesign-testimonials-bottom.gif) no-repeat 97% bottom;font-size:11px;line-height:14px;text-align:center;padding:20px 100px 3px}
#testimonals p strong{display:block;text-align:right;padding-top:10px;min-height:30px}
.featuredVideoGallery{padding-top:25px;width:995px;padding-bottom:30px;margin:auto}
.left-panel form label{display:block;color:#666;font-size:13px;width:226px;float:left;margin-top:3px}
.left-panel form p.red{font-size:11px;color:red;margin:0 0 0 226px}
.left-panel form .field{background:url(../images/txtFeildBg.gif) left top no-repeat;width:245px;height:28px;line-height:28px;float:left;border:none;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:italic;padding:0px 5px;}
.left-panel form .textArea{background:url(../images/txtAreaBg.gif) left top no-repeat;padding:0px 5px;width:245px;height:104px;line-height:28px;float:left;border:none;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:italic}
.left-panel form .submitBlue{background-image:none;background-color:#0080c3;font-size:14px;text-decoration:none;color:#fff;width:auto;height:auto;line-height:normal;font-style:normal;border:none;cursor:pointer;float:left;margin:15px 0 0 223px;padding:4px 6px}
.left-panel form li{line-height:17px;width:500px;float:left;margin-bottom:10px}
.quick-contact em{display:block;margin-bottom:5px;font-style:normal}
.quick-contact li{font-family:Panefresco500wtRegular;font-size:13px}
.quick-contact p{margin-bottom:5px}
#footer .testimonals p,#footer .testimonals .readmore{font-size:13px}
.widCent{margin-left:45px;margin-top:20px}
.captcha{margin-left:221px}
.captchaImg{margin-bottom:10px!important}
.linkArow{padding-bottom:20px}
.linkArow li{background:url(../images/arolinks.png) no-repeat 0 4px;padding-left:20px;margin-bottom:10px;width:200px;float:left;color:#363636}
.orangeAro li{background:url(../images/arolinksOrange.png) no-repeat 0 4px!important}
.greenAro li{background:url(../images/arolinksGreen.png) no-repeat 0 4px!important}
.clorange{color:#f09137!important}
.clblue{color:#1a99cc!important}
.clgreen{color:#20ab04!important}
#footer .input-text,#footer .input-button{position:relative}
#footer .input-text .red{position:absolute;right:0;font-size:11px;top:21px}
#footer .textarea .red{top:65px}
#footer .input-button .send{position:absolute;left:75px;font-size:11px;top:5px}
#contactQoute_frm .yellow{color:green;left:59px;position:absolute;text-align:center;top:46px}
.marBot15{margin-bottom:15px}
.disBlk{display:block}
BODY:nth-of-type(1) #footer .testimonals p,#footer .testimonals .readmore{font-size:12px}
BODY:nth-of-type(1) #nav li a{padding-top:6px;height:26px}
.readMore{color:#ff0;text-decoration:none;outline:none;float:left;width:275px}
.readMore:hover{color:#ff0;text-decoration:none}
.fl,.service-tabs li{float:left}
#nav li a:hover,#nav li.get-a-quote a:hover{background:url(../images/de4design-navigation-sprite.gif) no-repeat -92px top;text-decoration:none}
#footer .find-de4design ul,#testimonals{padding-top:5px}
.left-panel form li .req,#contactQoute_frm .yellow span{color:red}
.quick-contact,#footer .testimonals,.find-de4design{font-family:Panefresco500wtRegular}
.submenuheader,.btnBor{float:left;width:900px;cursor:pointer;text-decoration:none;text-align:center;border-bottom:1px dotted #a3a7a8;border-top:1px dotted #a3a7a8;margin-top:10px;overflow:hidden;padding-bottom:15px;padding-top:15px}
.intouch a{
text-decoration:none;
color:#FFFFFF;}
.intouch a:hover{
text-decoration: underline;
color:#FFFFFF;}