/* CSS Document */

/*
# Project:Laxmi Hericon
# Company:Sharptech
# info@sharptechcompany.com
------------------------------------------------------------------------------------------------------------------[ Reset ]
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, def, em, img, ins, kbd, q, samp, small, strong, sup, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, th, td{margin:0; padding:0; border:0; outline:0;} 


/*---html5 display rule
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {display:block;}------------*/

/*---BODY------------*/
body{ background:#FFF; margin:0px; font-family: Arial, Helvetica, sans-serif; color:#3A3A3A; font-size:12px; font-weight:normal; line-height:16px;}

/*---SelectionColor------------
::selection {background: #fffbce;}
::-moz-selection {background: #fffbce;}*/

/*---Float----------*/
.fL{ float:left;}
.fR{ float:right;}
.cB{ clear:both; margin:0px; padding:0px; height:0px; border:none;}

/*---Links----------*/
a{ color:#2d2d2a; text-decoration:none; }
a:hover{ color:#0076bd; text-decoration:none; }

/*---Align----------*/
.aC{ text-align:center;}
.aR{ text-align:right;}
.aL{ text-align:left;}
.lH20{line-height:20px;}

.cGreen{color:#008f36;}

/*---Heights----------*/
.h8{height:20px;}
.h25{height:25px;}

/*---Margins----------*/
.mT7{margin-top:7px;}
.mT8{margin-top:8px;}
.mT15{margin-top:15px;}

.mB24{margin-bottom:24px;}

.mL2{margin-left:0px;}

.mR12{margin-right:12px;}
.mR20{margin-right:20px;}

/*---Face----------*/
@font-face {
    font-family: 'LaxmiHericonRegular';
    src: url('font/texgyreadventor-regular-webfont.eot');
    src: url('font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/texgyreadventor-regular-webfont.woff') format('woff'),
         url('font/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('font/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'LaxmiHericonItalic';
    src: url('font/texgyreadventor-italic-webfont.eot');
    src: url('font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/texgyreadventor-italic-webfont.woff') format('woff'),
         url('font/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('font/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;}


/*---MainStyles----------*/
#MainWrap{width:960px; height:auto; margin:0 auto; vertical-align:text-top;}

#left{width:174px; height:auto;}
#left .logo{height:114px; width:174px; margin-bottom:4px;}

/*navi*/
#left .navi { padding:0 0 0 1px; float: left; }
#left .navi ul { padding:0px; width:172px; list-style:none; text-transform:uppercase;}
#left .navi ul li a { padding:6px 10px 6px 10px; color:#FFFFFF; background-color:#027cc5; text-align:left; font-size:12px; display:block; margin-bottom:2px;
border-top-left-radius: 5px;  
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-bottom-left-radius: 5px;  
-moz-border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
behavior:url(PIE.htc);

webkit-transition: all 0.8s ease-out; -moz-transition: all 0.10s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}


#left .navi ul li a:hover {color:#FFFFFF; background:#008f3d; -webkit-transition: background 0.3s linear;
all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

#left .navi ul li.selected a{color:#FFFFFF;  background:#008f3d; z-index:10000;}
/*navi---Subnav*/
#left .navi ul ul { display:none; width:auto; z-index:1000;}
#left .navi li:hover ul { display:block; position:absolute; margin:-30px 0 0 172px; font-size:11px;}
#left .navi li:hover ul li a {padding:6px 10px; text-align:left; font-size:11px; margin:0; border-bottom:2px solid #fff; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
/*navi---Subnav-2*/
#left .navi ul ul ul li { display:none; width:auto; }
#left .navi ul ul li:hover ul li { display: block; position:absolute; left:-26px; width:180px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

#right{height:245px; width:784px;}
#right-Two{height:auto; width:784px;}

h1, h2, h3, h4, h5, h6{font-family: 'LaxmiHericonRegular'; text-decoration:none; font-weight:normal; text-transform:uppercase;}

#Welcome{width:630px; height:auto; margin-top:24px;}
#Welcome h1{font-size:24px; color:#007cc2;}
#Welcome p{margin:15px 0 0 0; text-align:justify; line-height:20px;}

#Accre{width:302px; height:auto; margin-top:24px;}
#Accre h1{font-size:24px; color:#007cc2; margin-bottom:13px;}
#Accre img{margin:14px 0 0 0;}
.accred-bg{ width:292px; height:auto; border:1px #CCCCCC solid; float:left; padding:10px 0 0 10px; font-size:10px;}

.more{color:#3A3A3A; line-height:30px;}
.more a{color:#027cc4; text-decoration:none;}
.more a:hover{color:#008f3d; text-decoration:none;
-webkit-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-ms-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
transition: color 0.5s linear;}

#Technology{width:310px; height:auto;}
#Technology h1{font-size:24px; color:#007cc2;}
#Technology .box{height:121px; width:276px; border:1px solid #d7d7d7; margin-top:15px; padding:16px 0px 16px 5px;}
#Technology img{float:left;}
#Technology p{margin:0 0 0 10px; text-align:justify; line-height:16px; font-size:12px;}

#Startegic{width:310px; height:auto;}
#Startegic h1{font-size:24px; color:#007cc2;}
#Startegic .box{height:151px; width:295px; border:1px solid #d7d7d7; margin-top:15px; padding:0px;}
#Startegic img{float:left; margin-top:0px;}
#Startegic .text{margin:15px 0 0 10px; text-align:justify; line-height:16px; font-size:12px;}

#RNews{width:302px; height:auto;}
#RNews h1{font-size:24px; color:#007cc2;}
#RNews .box{height:54px; width:284px; border:1px solid #d7d7d7; background:#fafafa; padding:9px;}
#RNews .box .date{ height:33px; width:35px; background:#008f3d; line-height:14px; text-align:center; color:#fff; font-size:12px; padding:2px 0 0 0; margin:0 12px 25px 0;}
#RNews .box h2{font-size:16px; color:#008f3d; text-transform:none; margin-bottom:6px;}
#RNews .box h2 a{color:#008f3d; text-decoration:none;}
#RNews .box p{margin:0 0 0 10px; text-align:justify; line-height:16px; font-size:11px;}



#innerBanner{height:356px; width:784px;}

#FullWidth{width:100%; height:auto; margin-top:24px; margin-left:5px;}
#FullWidth h1{font-size:24px; color:#007cc2;}
#FullWidth p{margin:15px 0 0 0; text-align:justify; line-height:20px;}

.impli-twxt{margin:15px 0 0 0; padding:0 0 25px 0; text-align:justify; line-height:20px;}
.impli-twxt h2{font-size:13px; color:#008f3d; text-decoration:underline;}

.case-twxt{margin:15px 0 0 0; padding:0 0 25px 0; text-align:justify; line-height:20px;}
.case-twxt h2{font-size:13px; color:#008f3d; text-decoration:underline;}
.case-twxt img{margin-top:5px;}

/*Gallery Pages*/
.gallery{width:180px; height:155px; vertical-align:text-top;}
.gallery img{margin:0; padding:0;}
.gallery h4{border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; line-height:35px; color:#008f3d; font-size:12px; margin:-4px 0 0 0; padding:0 0 0 5px;}

.gallery_2{ width:100px; height:auto; vertical-align:text-top; margin-right: 11px; float: left; border:1px solid #e9e9e9; padding:5px; }

 
/*Contact Pages*/
#FullWidthCon{width:380px; height:auto; margin-top:24px; margin-left:5px;}
#FullWidthCon h1{font-size:24px; color:#007cc2;}
#FullWidthCon .Text{padding:5px 0 0 0; line-height:20px;}
#FullWidthCon .Text2{padding:5px 0 0 0; line-height:20px; color:#008f3d; font-size:13px;}
#FullWidthCon .Text-red{color:red; font-weight:normal; font-size:14px;}
#FullWidthCon .FC{height:16px; line-height:16px; width:210px; border:1px solid #CCCCCC; outline:0; padding:2px; margin:5px 0 10px 0; font-size:11px; font-family: 'LaxmiHericonRegular';}
#FullWidthCon .FC:hover{border:1px solid #027cc5; -webkit-transition: color 0.5s linear;
-moz-transition: border 0.5s linear;
-ms-transition: border 0.5s linear;
-o-transition: border 0.5s linear;
transition: border 0.5s linear;}

#FullWidthCon .FC2{height:16px; line-height:16px; width:70px; border:1px solid #CCCCCC; outline:0; padding:2px; margin:5px 0 10px 0; font-size:11px; font-family: 'LaxmiHericonRegular';}
#FullWidthCon .FC2:hover{border:1px solid #027cc5; -webkit-transition: color 0.5s linear;
-moz-transition: border 0.5s linear;
-ms-transition: border 0.5s linear;
-o-transition: border 0.5s linear;
transition: border 0.5s linear;}
#FullWidthCon .FCB{height:40px; line-height:16px; width:210px; border:1px solid #CCCCCC; outline:0; padding:2px; margin:5px 0 10px 0; font-size:11px; font-family: 'LaxmiHericonRegular';}
#FullWidthCon .FCB:hover{border:1px solid #027cc5; -webkit-transition: color 0.5s linear;
-moz-transition: border 0.5s linear;
-ms-transition: border 0.5s linear;
-o-transition: border 0.5s linear;
transition: border 0.5s linear;}

#FullWidthCon .sub{width:65px; background:#027cc5; border:0; outline:0; color:#fff; font-family: 'LaxmiHericonRegular'; font-size:12px; padding:3px 0; margin:0; cursor:pointer;}
#FullWidthCon .sub:hover{background:#008f3d;  -webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;}

#map{width:775px; height:200px; border:1px solid #fff; outline:3px solid #CCCCCC; margin:0 auto; margin-top:20px;}
#map:hover{border:1px solid #fff; outline:3px solid #027cc5;
-webkit-transition: outline 0.5s linear;
-moz-transition: outline 0.5s linear;
-ms-transition: outline 0.5s linear;
-o-transition: outline 0.5s linear;
transition: outline 0.5s linear;}

/*About Pages*/
#FullWidthTwo{width:495px; height:auto; margin-top:24px; margin-left:5px;}
#FullWidthTwo h1{font-size:24px; color:#007cc2;}
#FullWidthTwo .hea_tex{ font-size:18px; color:#027CC5; line-height: 25px; font-weight: 200; }
#FullWidthTwo p{margin:15px 0 0 0; text-align:justify; line-height:20px;}
#FullWidthTwo .p2{margin:15px 0 0 0; text-align:left; line-height:25px; font-size:24px; color:#000; text-transform:uppercase;}
#FullWidthTwo .p3{padding:0 0 0 18px; margin:0 0 10px 0; text-align:justify; line-height:20px; background:url(../images/points.jpg) no-repeat scroll -2px 1px;}
#FullWidthTwo h2{font-size:16px; color:#008f3d; text-transform:none;}

#RightThree{width:261px; height:auto; margin-top:24px;}

.about{width:150px; height:auto;}
.about h1{font-size:15px; color:#fff; background:#969593; padding:5px 0 7px 5px; margin-bottom:1px;}
.about ul{margin:0; padding:0;}
.about li{margin:0; padding:0; list-style:none;}
.about li a{width:145px; margin:0 0 1px 0; padding:4px 0 6px 5px; list-style:none; display:inline-block; color:#fff; background:#969593; font-size:11px; text-transform:uppercase;}
.about li a:hover{list-style:none; display:inline-block; color:#fff; background:#027cc5;
webkit-transition: all 0.8s ease-out; -moz-transition: all 0.10s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}

.about li a.selected{list-style:none; display:inline-block; margin-bottom:1px; color:#fff; background:#027cc5 url(../images/arrow-tab.png) no-repeat scroll 4px 7px; padding-left:15px; width:135px;
webkit-transition: all 0.8s ease-out; -moz-transition: all 0.10s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}



















/*---Footer----------*/
#foot{width:100%; height:70px; background:#555354;}
#foot .fix{width:960px; margin:0 auto; height:50px;}
#foot .copy{color:#fff; line-height:20px; margin:10px 0 0 0;}
#foot .copy a{color:#fff; text-decoration:none;}
#foot .copy a:hover{color:#a5ffcb; text-decoration:none;}