@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Futura Bk BT;
    src: url(../font/FUTURAN.TTF);
}

body{padding:0; margin:0; font-family:Futura Bk BT; color:#adadad; font-weight:normal; font-size:16px; letter-spacing:normal;}
* {padding:0; margin:0;}
img {width:100%;}
img.logo{border:none !important; width:60%; margin-left:15%; margin-bottom:15px;}
a{color:#29166f; text-decoration:none;}
a:hover{color:#da251d;}
a.active{color:#da251d;}
ul, p{list-style-type:none; margin:0; padding:0;}
h1 a{display:block; height:103px;}
/***** Common CSS *****/
.floatL{float:left;}
.floatR{float:right;}
.clr{clear:both;}
.marL44{margin-left:44px;}
.marR40{margin-right:40px;}
.marR20{ margin-right:20px;}
.marT10{margin-top:10px;}
.marT55{margin-top:55px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}

.heading1{font-size:18px; color:#4b4a4a;}
.mobNo{color:#29166f; font-size:24px;}
/***** Layout CSS *****/
.wrapper{width:100%; float:left; background:url(../images/bg-img.jpg) repeat;}
.container{padding:21px 40px 40px; background:#FFF; margin:auto; max-width:993px;}
.header{border-bottom:solid 3px #e6e6e6; height:124px;}
.logo{float:left;}
.headerLinks{float:right; margin-top:85px;}
.footer{border-top:solid 3px #e6e6e6; margin-top:35px; margin-bottom:20px; color:#29166f; font-size:15px; padding-top:40px; text-align:center;}
.footer img{width:30px; height:29px; vertical-align:middle;}

/***** portfolio effect css *****/
.main{position:relative; /*width:1004px;*/ margin:0 auto;}
.main ul{float:left; margin:30px 15px 0; text-align:center;}
.main ul.workDisplay{float:left; text-align:left; width:72%; margin-top:35px; margin-left:0; margin-right:45px;}
.main ul.workDisplay img{margin-top:35px; border:1px solid #d0d0d0;}
.main ul.experience{float:left; text-align:left; width:51%; margin-top:35px; margin-left:0; margin-right:35px;}
.main ul.DVThumbnail{float:right; margin:35px 0 0; width:219px;}
.main ul.DVThumbnail li{float:left; margin-right:4px;}
.main ul.praashConcept{float:right;}
.view{float:left; overflow:hidden; position:relative; text-align:center; cursor:default;}
.view img{display:block; position:relative;}
.contact{margin:100px 0; text-align:center; font-size:32px; color:#4b4a4a}
.contact a{font-size:24px;}

@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) /* 768 */
{
.main ul{width:22%; margin:22px 0 0 22px;}
}

@media only screen and ( min-width: 365px ) and ( max-width: 495px ) /* 365 */
{
.container{padding:20px; background:#FFF; margin:auto; max-width:993px;}
.header{border-bottom:solid 3px #e6e6e6; height:151px;}
.logo{float:none; width:160px; margin:0 auto;}
.main ul{width:21%; margin:22px 0 0 15px;}
.headerLinks{float:none; margin:10px auto; width:265px;}
.headerLinks a{font-size:15px; padding:1px 12px;}
.headerLinks a.workBtn{background:url(../images/work-btn.png) no-repeat; margin-right:15px}
.headerLinks a.experienceBtn{background:url(../images/experience-btn.png) no-repeat; margin-right:15px; padding:1px 15px;}
.headerLinks a.contactBtn{background:url(../images/contact-btn.png) no-repeat;}
}

@media only screen and ( min-width: 496px ) and ( max-width: 600px ) /* 496 */
{
/*.logo{width:40%;}*/
.headerLinks{float:right; font-size:16px; width:48%; text-align:right;}
}

@media only screen and ( min-width: 640px ) and ( max-width: 1020px ) /* 640 */
{
.main ul.workDisplay{text-align:left; width:72%; margin:20px 15px 0 0; font-size:11pt; float:left;}
}