/*** set the width and height to match your images **/

#slideshow {position:relative; height:350px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:660px; height:350px;}
#slideshow IMG.active {z-index:10; opacity:1.0; }
#slideshow IMG.last-active {z-index:9;}
body, p, div, li, ul, h1, h2, h3 { margin:0px; padding:0px;}
body {background:url(images/bodylogo.jpg);}
.pmarinewrap{background:#fff; width:1000px; margin:0 auto;}
a:hover {text-decoration:underline;}
.content {padding:5px 10px; font:12px arial; background:url(images/pragati-watermark.jpg) no-repeat 50% 50%; min-height:300px; overflow:hidden;}
.content .head {position:relative;}
.content .head table{ background:url(images/headbg.jpg) repeat-x; width:100%;}
.content .head table .head-text{color:#000; padding:7px 7px 0 5px; font:bold 16px arial;}
.content .head .bmtrada{position:absolute; top:-30px; float:right; right:75px; z-index:10; } 
.content .head .bmtrada .login{background:#0071FE; color:#fff; font:bold 13px arial; text-decoration:none; padding:20px 10px 0px 10px; height:39px; margin-left:10px; position:absolute;}
.content .head .bmtrada .login:hover{background:#00BBFE; color:#fff;}
.nav { background:url(images/menu-bg.jpg) no-repeat; height:51px; padding:0 10px;}


.nav ul{ list-style-type:none; float:right;}
.nav li {display:inline; margin-left:5px;}
.nav li a { background: url("images/bullet.gif") no-repeat scroll 50% 3px transparent; color: #FFFFFF; display: block; float: left; font: bold 13px arial; margin-left: 14px; padding-top: 20px; text-decoration: none;}
.nav li a:hover{text-decoration:underline;}
.servicebox { float:right; margin:0px 0px 5px 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius:10px; background:#f5f5f5; padding:10px; font:12px arial; width:200px;}
.servicebox p {color:#042159; padding:5px 0px; font:bold 16px arial;}
.servicebox ul { list-style-type:none;}
.servicebox li { padding:5px; background:url(images/arrow.gif) no-repeat 0px 50%; padding-left:15px; font-size:14px;}
.servicebox li a {color:#042159; text-decoration:none;}
.servicebox li a:hover {text-decoration:underline;}

.bottom { background:url(images/bottombg.jpg) repeat-x; margin-top:15px; color:#292929; font:11px arial; padding:5px 10px; overflow:hidden;}
.bottom td {padding:5px; }
.bottom .left {float:left;}
.bottom .right {float:right;}

#serviceblk {width:320px; margin:10px 0px; float:left;}
#serviceblk .head{font:bold 15px arial; color:#fff; padding:5px 10px; text-transform:uppercase; text-shadow: 1px 1px 1px #3d3d3d;
-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;-o-border-radius:10px 10px 0px 0px;
background: #ff6e02;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6e02), color-stop(100%,#ffdc00));
background: -webkit-linear-gradient(top, #ff6e02 0%,#ffdc00 100%);
background: -o-linear-gradient(top, #ff6e02 0%,#ffdc00 100%);
background: -ms-linear-gradient(top, #ff6e02 0%,#ffdc00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ffdc00',GradientType=0 );
background: linear-gradient(top, #ff6e02 0%,#ffdc00 100%);
background: -moz-linear-gradient(top, #ff6e02 0%, #ffdc00 100%);
}
#serviceblk .head1{
background: #b40014;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b40014), color-stop(100%,#ff001c));
background: -webkit-linear-gradient(top, #b40014 0%,#ff001c 100%);
background: -o-linear-gradient(top, #b400140%,#ff001c 100%);
background: -ms-linear-gradient(top, #b40014 0%,#ff001c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40014', endColorstr='#ff001c',GradientType=0 );
background: linear-gradient(top, #b40014 0%,#ff001c 100%);
background: -moz-linear-gradient(top, #b40014 0%, #ff001c 100%);
}
#serviceblk .head2{
background: #06359f;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06359f), color-stop(100%,#6091cd));
background: -webkit-linear-gradient(top, #06359f 0%,#6091cd 100%);
background: -o-linear-gradient(top, #06359f%,#6091cd 100%);
background: -ms-linear-gradient(top, #06359f 0%,#6091cd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06359f', endColorstr='#6091cd',GradientType=0 );
background: linear-gradient(top, #06359f 0%,#6091cd 100%);
background: -moz-linear-gradient(top, #06359f 0%, #6091cd 100%);
}
#serviceblk .desc{font:12px arial; padding:5px; background:#efefef; height:80px; overflow:hidden;}
#serviceblk .descimg{ padding-top:2px; height:120px; overflow:hidden;}
#serviceblk .descimg img{width:320px; height:120px; display:block;}
#serviceblk .readmore {background:#ff6e02; padding:5px 10px; -moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-o-border-radius:0px 0px 10px 10px; text-align:right;}
#serviceblk .readmore1 {background:#b40014;}
#serviceblk .readmore2 {background:#06359f;}
#serviceblk .readmore a {color:#fff; text-decoration:none; font-size:85%; }
#serviceblk .readmore a:hover {color:#fff; text-decoration:underline; }

.mr20 {margin:10px 20px!important;}
#serviceinner .title { font:bold 18px arial; border-bottom:2px solid #ccc; padding-bottom:5px; margin-bottom:10px;}
#serviceinner .ser-img{ vertical-align:top; padding:5px;}
#serviceinner .ser-desc{padding-right:10px;}

/* Contact Form */
.contact-form table {width:100%;}
.contact-form td {padding:5px;}
.contact-form input[type="text"], .contact-form textarea {padding:5px; border:1px solid #ccc; border-radius:3px; font-family:arial; width:250px;}
.contact-form textarea {height:80px;}
.contact-form input[type="submit"], .contact-form input[type="reset"] {padding:6px 20px; background:#0071FE; color:#fff; border:none; border-radius:3px; cursor:pointer;}
.contact-form input[type="reset"] {background:#666;}
.contact-form input[type="submit"]:hover {background:#0055cc;}
.contact-form input[type="reset"]:hover {background:#444;}

/* Contact Info */
.contact-info {padding:10px;}
.contact-info table {width:100%;}
.contact-info td {padding:5px; vertical-align:top;}
.contact-info .address {font-size:12px; line-height:1.8;}

/* Crew Table */
.crew-table {width:47%; margin:10px auto; border-collapse:collapse; background:#3399FF;}
.crew-table table {width:100%; border-collapse:collapse;}
.crew-table td {padding:8px 12px; background:#fff;}

/* Under Construction */
.under-construction {text-align:center; padding:30px 0;}
.under-construction img {max-width:100%;}

/* Responsive */
@media (max-width:1000px) {
    .pmarinewrap {width:100%;}
    #slideshow {width:60%; height:auto;}
    #slideshow IMG {width:100%; height:auto;}
    .header-area img.logo {width:35%; height:auto;}
    #serviceblk {width:30%;}
    #serviceblk .descimg img {width:100%; height:auto;}
}
@media (max-width:700px) {
    #serviceblk {width:90%; margin:10px auto!important; float:none;}
    #slideshow {float:none; width:100%;}
    .header-area img.logo {float:none; width:100%; height:auto;}
    .nav li {display:block;}
    .nav li a {float:none; display:block; padding:8px; background:none; border-bottom:1px solid #444;}
    .nav {height:auto;}
    .nav ul {float:none;}
    .contact-form input[type="text"], .contact-form textarea {width:100%;}
    .contact-info td {display:block; width:100%!important;}
    .crew-table {width:100%;}
}