@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
html {background:#000 url(../images/pagebg.gif) 0 0 repeat-x fixed;}
body {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000033; text-align:left; background:url(../images/mnubg.gif) center 49px no-repeat fixed}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#000; font-weight:bold; text-decoration:none}
a:hover {color:#ad1419; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#topmnubg {background:url(../images/menubg1.png) center 0 no-repeat;}
#wrapper {margin:0 auto; width:988px}
#header  {width:100%; height:71px}
#logo    {background:url(../images/logo.png) 0 0 no-repeat; width:218px; height:26px; margin:0 auto}
#logo  a {width:218px; height:26px; display:block}
#logo  a:hover {text-decoration:none}
#globNav {width:896px; margin:0 auto 8px auto; height:32px; line-height:32px}
#maincont {width:946px; margin:0 auto}
#sidebar {float:left; width:172px}
#content {float:right; width:766px}


/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* -------------->MENUS< -------------- */ 
ul.topnav {list-style:none; padding:0; margin:0}
ul.topnav li {display:inline; float:left}
ul.topnav li a  {font:normal 11px/32px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding: 0 10px;  display:block; float:left; height:32px} 
ul.topnav li a:hover, ul.topnav li a.active {color:#000033; background:url(../images/mnuover.gif) 0 0 repeat-x; text-decoration:none}


/* -------------->LISTINGS< -------------- */ 
ul.list1 {margin:0; padding:0; list-style:none; position:relative; z-index:1}
ul.list1 li a {font:normal 11px/24px Verdana, Arial, Helvetica, sans-serif; color:#000033; padding-left:18px; height:24px; display:block}
ul.list1 li a:hover, ul.list1 li a.active {background:url(../images/bg2.gif) 0 0 repeat-x; text-decoration:none; color:#6699ff}
ul.list1 li ul li a {padding-left:33px}

ul.tabs {margin:0; padding:0; list-style:none}
ul.tabs li {margin-right:2px; display:inline; float:left}
ul.tabs li a {display:block; height:23px; font:normal 11px/23px Arial, Helvetica, sans-serif; color:#6699ff; padding:0 10px; float:left; background:url(../images/tabbg.png) 0 0 repeat-x}
ul.tabs li a:hover {background:#fff; color:#000; text-decoration:none}
ul.tabs li a.active {background:#fff; font-weight:bold; color:#000}


ul.form {margin:0; padding:0; list-style:none}
ul.form li label {font-size:10px; color:#fff; text-transform:uppercase; padding-bottom:2px; display:block; cursor:pointer}
ul.form li input,ul.form li textarea {background:url(../images/inputbg.gif) 0 0 repeat-x; width:271px; padding:4px 2px 0 2px; border:none; border:1px solid #00264b; margin-bottom:10px; font-size:11px; color:#666}
ul.form li input:focus, ul.form li textarea:focus {border:1px solid #fff}
ul.form li input {height:17px}
ul.form li textarea {height:61px; background:url(../images/textbg.gif) 0 0 repeat-x}
ul.form li input.button {font-weight:bold; background:none; border:none; color:#fff; text-transform:uppercase; font-size:10px; cursor:pointer; height:20px; margin:3px 0 0}
ul.form li input.button:hover {color:#FF0033}
/* -------------->FORMS< -------------- */ 


/* -------------->GRIDS< -------------- */ 
#illust {background:url(../images/illust.jpg) 0 0 no-repeat; margin:0 auto; width:944px; height:437px}

#sidebar .imgtop {position:absolute; top:-13px; right:1px; z-index:0}
#sidebar .imgend {position:absolute; bottom:-12px; left:4px; z-index:0}

#content .imgtop1 {position:absolute; top:-13px; right:8px; z-index:0}
#content .imgtop2 {position:absolute; top:-14px; left:5px; z-index:0}
#content .imgend1 {position:absolute; bottom:-13px; left:6px; z-index:0}
#content .video {margin-left:52px; position:relative; z-index:1}

#illust1 {background:url(../images/contactillust.png) 0 0 no-repeat; margin:0 auto; width:911px; height:361px; padding:80px 0 0 36px}
#illust1  .contact {width:244px; font-size:11px; color:#000033; float:left}
#illust1  .contact p.name {font-size:14px; font-weight:bold}
#illust1  .contact p.padbtm1 {padding-bottom:16px}
#illust1  .contact p.padbtm2 {padding-bottom:27px}
#illust1  .contactfrm {width:303px; height:276px; font-size:11px; color:#000033; float:left; margin-left:18px; background:url(../images/contactbg.png) 0 0 no-repeat; padding-left:29px; padding-top:28px}
/*****Books***/
a.shopCart {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000033; background:url(../images/cart.gif) 100% 0 no-repeat; float:right; display:block; height:24px; line-height:24px; padding-right:29px}
.innCls {padding:0 36px; position:relative; z-index:1; width:694px; margin-left:-19px}
.innCls1 {padding:0 18px; position:relative; z-index:1}
 h1.books {font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#000033; padding-bottom:20px} 
.innCls .cont1 {width:154px; height:237px; float:left; margin-left:19px; margin-bottom:20px}
.innCls .cont1 .imgdv {background:url(../images/tran_bg1.png) 0 0 repeat-y; text-align:center; padding:11px 0}
.innCls .cont1 .imgdv img {border:1px solid #a6c4df}
.innCls .cont1 .imgdv img:hover {border:1px solid #fff}
.innCls .cont1 .txtdv {background:#fff; height:40px; padding-top:5px; text-align:center; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000033}
.innCls1 .cont2 {width:236px; height:315px; padding:6px 0; float:left; text-align:center; background:url(../images/tran_bg2.png) 0 0 repeat-y}
.innCls1 .tabdata {width:473px; float:left; background:url(../images/tran_bg3.png) 0 100% repeat-x; height:327px}
.innCls1 .tabdataDv {background:#fff; width:447px; height:222px; overflow-y: auto; font:normal 12p Verdana, Arial, Helvetica, sans-serif; color:#000033; padding:13px}
.innCls1 .tabdataDv p {padding-bottom:18px}
.innCls1 .tabdata .add2cart {color:#000033; font:bold 13px Arial, Helvetica, sans-serif; padding-top:6px; float:right; padding-right:24px}
.innCls1 .tabdata .add2cart a.cart {background:url(../images/add2cart.gif) 0 0 no-repeat; height:27px; width:95px; font:bold 11px/27px Arial, Helvetica, sans-serif; color:#fff; display:block;text-align:center}
.innCls1 .tabdata .add2cart a.cart:hover {text-decoration:none}
.innCls1 .tabdata .add2cart select {border:1px solid #000033}


/*****EVENT REQUEST***/
.eventInn {padding:62px 0 0 103px; position:relative; z-index:1}
.eventfrm {width:479px; height:301px; font-size:11px; color:#000033; float:left; margin-left:18px; background:url(../images/formbg.png) 0 0 no-repeat; padding:31px 37px 0 37px}
.eventfrm h3 {font-size:14px; font-weight:bold; padding-bottom:20px; color:#fff; text-align:center}
.eventfrm  label {width:226px}
.eventfrm .button {text-align:center; width:477px; padding-top:2px; height:15px}


/**presentation**/
.pre_inn {position:relative}
.bgimage {text-align:right; position:absolute; right:8px; top:-13px}
.txtdv1 {position:relative; z-index:1; width:425px; margin-left:30px; padding-top:19px; font-size:11px; color:#000033}
.txtdv1 h3 {font-size:14px; font-weight:bold; color:#000033 }

/****news***/
#illust2 {background:url(../images/newsillust.png) 0 0 no-repeat; margin:0 auto; width:724px; height:390px; padding:38px 0 0 37px}
.illust2inn {color:#000033; padding:38px 0 0 37px; position:relative}
.widone {width:466px}
.illust2inn .posrel {position:relative}
.illust2inn .news {position:absolute; right:5px; top:-13px}
.illust2inn p {padding-bottom:10px}
.illust2inn h1 {font-size:18px}
.illust2inn h3 {font-size:14px; padding-bottom:15px}
/* -------------->MODS< -------------- */ 

/* ROUNDED CORNERS */
.ModTop1, .ModTop1 div, .ModEnd1, .ModEnd1 div {background:url(../images/mnumod.png) 0 0 no-repeat}
.ModTop1 {background-position:0 0; height:16px}
.ModEnd1 {background-position:0 -16px; height:16px}
.ModBg1 {background:url(../images/bg1.png) 0 0 repeat-y; padding-left:5px; padding-right:2px; min-height:402px; position:relative}

.ModTop2, .ModTop2 div, .ModEnd2, .ModEnd2 div {background:url(../images/contmod.png) 0 0 no-repeat}
.ModTop2 {background-position:0 0; height:16px}
.ModEnd2 {background-position:0 -23px; height:16px}
.ModBg2 {background:url(../images/bg3.png) 0 0 repeat-y; padding-left:5px; padding-right:2px; min-height:398px; position:relative}
/* BORDERS */

/* BACKGROUNDS */

/* COLUMNS (id=COLS)
**********************************************************/




/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
/* colored text */
.clrOne {} /* for green color */
/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; height:0; padding:0; overflow:hidden; margin:0}
.fl {float:left}
.fr {float:right}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}


/* custom css for comment section*/
ol.comments li {
border-bottom:1px dotted #626262;
float:left;
padding-bottom:11px;
width:100%;
}
ol.comments li .actualcomment {
float:right;
padding-top:13px;
position:relative;
width:540px;
}
ol.comments {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px;
padding:0 0 20px;
width:100%;
}
ol.comments li {
font-size:12px;
}
ol.comments li span.grav12 {
right:0;
top:0;
float:right;
}
ol.comments li span.fn {
text-transform: capitalize;
font-weight:bold;
font-size:14px;
}
.vcard p{
padding:10px;

}