/* CSS Document */
/****************************************************************************************************
* Filename: Main.css
* Purpose: All the main CSS Rules required to design web pages.
* Author: Swapnil Telkar t[dot]swapnil[at]agiletechnosys[dot]com
****************************************************************************************************/

/*** BODY (GLOBAL SETTING)***/
html,body {height:100%}
body {font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; background:fff}

a {color:#565656}

/*** MAIN WRAPPERS ***/
#wrapper {margin:0 auto; width:958px; min-height:99%}

/*** HEADER ***/
#header {width:100%; height:95px; margin-bottom:8px}
#header .topdv {height:95px}
/*** WEBSITE LOGO ***/
#logo {width:252px; height:48px; padding-top:30px}
#logo a , #logo a:hover {display:block; width:252px; height:48px}

#navbar {width:576px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#b5c6dc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#b5c6dc), to(#839ab6)); background:-moz-linear-gradient(#b5c6dc, #839ab6); background: linear-gradient(#b5c6dc, #839ab6); -pie-background: linear-gradient(#b5c6dc, #839ab6); behavior: url(PIE.htc); height:48px; margin-top:30px}

/** MAIN NAV **/
#globalNav li {padding-right:2px; background:url(../images/devider.gif) 100% 0 no-repeat}
#globalNav li a {font:bold 15px Arial, Helvetica, sans-serif; color:#fff; padding:0 19px; behavior:url(PIE.htc); height:48px; line-height:48px; behavior: url(PIE.htc)}
#globalNav li a.active,#globalNav li a:hover {background:#839ab6; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#839ab6), to(#b5c6dc)); background:-moz-linear-gradient(#839ab6, #b5c6dc); background: linear-gradient(#839ab6, #b5c6dc); -pie-background: linear-gradient(#839ab6, #b5c6dc)}
#globalNav li.first a {font-size:15px; color:#fff; padding:0 19px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; behavior:url(PIE.htc); height:48px; line-height:48px; behavior: url(PIE.htc)}
#globalNav li.last {background:none; margin-right:-2px}
#globalNav li.last a {font-size:15px; color:#fff; padding:0 19px; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; behavior:url(PIE.htc); height:48px; line-height:48px; behavior: url(PIE.htc)}

/*** MAIN CONTENTS (section wise) ***/
#maincont{width:100%; margin-bottom:10px}

/* Bottom sec */
.bottombg {background:#939393; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#939393), to(#666666)); background:-moz-linear-gradient(#939393, #666666); background: linear-gradient(#939393, #666666); -pie-background: linear-gradient(#939393, #666666); behavior: url(PIE.htc); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:13px 20px 10px; -moz-box-shadow:0 2px 0 #dbdbdb; -webkit-box-shadow:0 2px 0 #dbdbdb; box-shadow:0 2px 0 #dbdbdb; margin-bottom:12px}
.bottomwid {width:918px}

/* Offence */
.roadofence {width:340px; padding-right:10px; margin-left:30px}
.offencetitle {color:#fff; margin-bottom:5px}
li.ofncelist {margin-bottom:3px}
li.ofncelist a {color:#fff; font-size:12px; text-transform:capitalize}

/* Criminal defence */
.defence {width:334px; padding-right:10px}

/* Points Allowed */
.pointsallowed {width:180px}

/*** FOOTER ***/
#footer {color:#393739; padding-bottom:12px; color:#656565}

/*** COMMON MODULES ***/
#illust {height:348px; margin-bottom:15px; background:#e9eef4; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e9eef4), to(#b0c1d8)); background:-moz-linear-gradient(#e9eef4, #b0c1d8); background: linear-gradient(#e9eef4, #b0c1d8); -pie-background: linear-gradient(#e9eef4, #b0c1d8); behavior: url(PIE.htc); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.ilustcol1 {width:365px; padding:62px 20px 0 0; color:#353434}
.illustimgbg {background:url(../images/frame.gif) 0 0 no-repeat; padding:2px 0 0 2px; z-index:1; position:absolute; top:27px; left:18px; z-index:1; height:304px; width:516px}
.illusttxt {line-height:22px; text-shadow:1px 0 1px #fff}

.ilustcol2 {width:517px; padding:29px 0 0 20px}

/*** Common button ***/
.button {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#b5c6dc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#b5c6dc), to(#839ab6)); background:-moz-linear-gradient(#b5c6dc, #839ab6); background: linear-gradient(#b5c6dc, #839ab6); -pie-background: linear-gradient(#b5c6dc, #839ab6); behavior: url(PIE.htc); height:28px; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; border:none; cursor:pointer; position:relative}
.button:hover {background:#b5c6dc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#839ab6), to(#b5c6dc)); background:-moz-linear-gradient(#839ab6, #b5c6dc); background: linear-gradient(#839ab6, #b5c6dc); -pie-background: linear-gradient(#839ab6, #b5c6dc); behavior: url(PIE.htc)}

/* Common BG */
.cmnbg {background:#ebf0f5; margin-bottom:20px; border:1px solid #d5d5d5}

/* All (h1-h6) tags */
h2.delitstitle {font:normal 18px Georgia, "Times New Roman", Times, serif; color:#16171c; margin:15px 12px}
h2.illusttitle {font:normal 30px Georgia, "Times New Roman", Times, serif; color:#515151; margin-bottom:12px}
h2.tagline {font:normal 47px Georgia, "Times New Roman", Times, serif; color:#515151; position:relative; top:-15px; font-weight:normal}
h2.contitle {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#fe613f; margin:0 0 8px}

/* Font Size */
.vbigtxt {font-size:18px}
.bigfont {font-size:26px}

/* Col Sec */
.col1 {width:200px}
.col2 {width:212px}
.midcol {width:502px; margin:0 230px 0 226px}

/* Form */
.from {padding:0 12px}
li.formli {margin-bottom:10px}
.inputbox {background:#fff; border:1px solid #838383; padding:5px 5px 6px 8px; color:#16171c; font:normal 12px Arial, Helvetica, sans-serif}

/* Contact */
.contact {padding:15px 12px}
.contact p {line-height:20px}

/* Delites */
.delites {margin-bottom:20px}
.imgsec {background:#fff; padding:12px; -moz-box-shadow:0px 0px 3px #cacaca; -webkit-box-shadow:0px 0px 3px #cacaca; box-shadow:0px 0px 3px #cacaca; behavior:url(PIE.htc); width:142px; height:89px; margin-bottom:8px}

/* Link list */
li.linklist {margin-bottom:5px; float:left; clear:both; width:100%}
li.linklist a {color:#565656; padding-left:5px; width:154px}
li.linklist span {background:url(../images/bullet.png) 0 8px no-repeat; width:6px}

/* Mid content */
.mittitle {font:normal 16px Arial, Helvetica, sans-serif; color:#565656; margin-bottom:10px}
.midimg {padding-bottom:10px}
.midimgbg {background:url(../images/frame1.png) 0 0 no-repeat; width:249px; height:158px; text-align:center; padding:15px 0 0}

li.midlist {float:left; clear:both; width:100%; padding-bottom:15px}
span.arwicn {background:url(../images/arrw1.png) 0 4px no-repeat; width:9px; margin-right:10px}
.desccol {width:471px}
.desccol p {margin-bottom:5px; font-size:13px}

.midcomnt {padding:15px 10px 10px 30px; font:normal 13px Arial, Helvetica, sans-serif; font-style:italic; color:#7b6f7f; line-height:20px} 
.pargmar {margin-bottom:25px}
.startqou {background:url(../images/quote.png) 0 0 no-repeat; width:16px; height:13px; display:block; position:absolute; left:10px; top:13px}
.endqou {background:url(../images/quote.png) -29px 0 no-repeat; width:16px; height:13px; display:block; position:absolute; right:50px; bottom:0px}

.datetimebg {background:#b5c6dc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#b5c6dc), to(#839ab6)); background:-moz-linear-gradient(#b5c6dc, #839ab6); background: linear-gradient(#b5c6dc, #839ab6); -pie-background: linear-gradient(#b5c6dc, #839ab6); behavior: url(PIE.htc); padding:15px; color:#fff; font-size:15px; margin-bottom:15px}

#cta-new-site {display: block; padding: 10%; margin: 40px auto 0; color: #fff; background: #E80000; font-size: 2em; font-weight: bold; border-radius: 6px;  transition: background 250ms linear}
#cta-new-site:hover {background: #8c0000;}