/*====================================== reset.css is here ========================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}

table {	border-collapse:collapse; border-spacing:0;}

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}

ol,ul { list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}

q:before,q:after {content:'';}

abbr,acronym { border:0;}

.clear_0{clear:both; font-size:0px;line-height:0px; display:block;}

.last	{margin:0 !important;}

.pad_last{padding:0 !important;}

.no_bg {background:none !important;}

/**************************************************************************************/

@font-face {

    font-family: 'CorbelRegular';

    src: url('../fonts/corbel.eot');

    src: url('../fonts/corbel.eot') format('embedded-opentype'),

         url('../fonts/corbel.woff') format('woff'),

         url('../fonts/corbel.ttf') format('truetype'),

         url('../fonts/corbel.svg#CorbelRegular') format('svg');

}



@font-face {

    font-family: 'CorbelBold';

    src: url('../fonts/corbelb.eot');

    src: url('../fonts/corbelb.eot') format('embedded-opentype'),

         url('../fonts/corbelb.woff') format('woff'),

         url('../fonts/corbelb.ttf') format('truetype'),

         url('../fonts/corbelb.svg#CorbelBold') format('svg');

}



@font-face {

    font-family: 'CorbelItalic';

    src: url('../fonts/corbeli.eot');

    src: url('../fonts/corbeli.eot') format('embedded-opentype'),

         url('../fonts/corbeli.woff') format('woff'),

         url('../fonts/corbeli.ttf') format('truetype'),

         url('../fonts/corbeli.svg#CorbelItalic') format('svg');

}



@font-face {

    font-family: 'CorbelBoldItalic';

    src: url('../fonts/corbelz.eot');

    src: url('../fonts/corbelz.eot') format('embedded-opentype'),

         url('../fonts/corbelz.woff') format('woff'),

         url('../fonts/corbelz.ttf') format('truetype'),

         url('../fonts/corbelz.svg#CorbelBoldItalic') format('svg');

}



@font-face {

    font-family: 'HelveticaInseratLTStdRoman';

    src: url('../fonts/helveticainseratltstd-roman.eot');

    src: url('../fonts/helveticainseratltstd-roman.eot') format('embedded-opentype'),

         url('../fonts/helveticainseratltstd-roman.woff') format('woff'),

         url('../fonts/helveticainseratltstd-roman.ttf') format('truetype'),

         url('../fonts/helveticainseratltstd-roman.svg#HelveticaInseratLTStdRoman') format('svg');

}

/**************************************************************************************/

a											{color:#000; text-decoration:none; outline:0 none;}

a:hover										{color:#000;  text-decoration:none;}

h1											{font-size:24px;}

h2											{font-size:22px;}

h3											{font-size:18px;}

h4											{font-size:16px;}

h5											{font-size:14px;}

h6											{font-size:12px;}

/*----------------------------------------------------------------------------------*/

html 										{}

body										{color:#b1b1b1; font-family: 'CorbelRegular'; font-size:12px; background:#4f4f57;}

.flt_Lt										{float:left; display:inline;}

.flt_Rt										{float:right; display:inline;}



p											{ color:#474747; padding:7px 0; font-size:17px; font-family: 'CorbelRegular'; text-align:justify;}

ul											{}

/* ---------------------------------------------------------------------------------*/





/* ----------------------- layout ----------*/

.wrapper									{margin:0 auto;}

.container1									{width:100%; margin:0 auto; border:0px solid red; border-top:0 none; height:auto;}

.main_content								{}

#header										{ width:980px; height:65px; margin:auto;}

#relHead									{ width:980px; height:auto; position:relative;}

.bannerTxt									{ width:450px; position:absolute; top:-320px; left:300px; z-index:1; font-family: 'HelveticaInseratLTStdRoman'; color:#fff; text-transform:uppercase; background:rgba(0, 0, 0, .7); padding:30px 20px; }





.bannerTxt1									{ font-size:36px; padding:0px; margin:0px; line-height:.2em;}

.bannerTxt2									{ font-size:72px; padding:0px; margin:0px; }

.bannerTxt3									{ font-size:36px; padding:0px; margin:0px; line-height:.2em; text-align:right;}



.innerbannerTxt									{ width:450px; position:absolute; top:-120px; left:350px; z-index:1; font-family: 'HelveticaInseratLTStdRoman'; color:#fff; text-transform:uppercase; }



.innerbannerTxt1									{ font-size:30px; padding:0px; margin:0px; line-height:.2em;}

.innerbannerTxt2									{ font-size:60px; padding:0px; margin:0px; }

.innerbannerTxt3									{ font-size:30px; padding:0px; margin:0px; line-height:.2em; text-align:right;}



/*-------------------------------------------*/



/* ------------------------- HEADER HERE -------------------*/

#logo										{ width:150px; height:115px; position:absolute; z-index:1;}

/* ---------------------------------------------------------*/

.greenLine									{ width:100%; height:12px; background:#b0bc22;}





/* ------------------------- NAVIGATION HERE ---------------*/

#nav										{ width:828px; height:65px; float:right; font-family: 'CorbelRegular'; font-size:15px; text-transform:uppercase;}

#nav ul										{ margin:0px; padding:0px;}

#nav ul li									{ float:left; padding:0 1px 0 0; display:inline-block;}

#nav ul li a								{ color:#231f20; padding:23px 11px; background:#fff; display:inline-block;}

#nav ul li a span							{}

#nav ul li a:hover							{ /*background:#b2be35;*/ background:url(../images/hover-img.gif) center 57px no-repeat #b2be35; color:#fff;}

#nav ul li a.active							{ /*background:#b2be35;*/ background:url(../images/hover-img.gif) center 57px no-repeat #b2be35; color:#fff;}



/* ---------------------------------------------------------*/



/* ------------------------ MIAN CONTENT HERE --------------*/

.wrap										{ width:980px; height:auto; margin:auto;}

.lwmHold									{ width:980px; height:130px; padding:18px 0px;}

.lat_Box									{ width:322px; height:auto; float:left; margin:0 7px 0 0;}

.why_Box									{ width:322px; height:auto; float:left; margin:0 7px 0 0;}

.mile_Box									{ width:322px; height:auto; float:left; margin:0 0px 0 0;}



.lat_head_txt								{ font-family: 'CorbelBold'; font-size:16px; color:#fff; text-transform:uppercase;}

.lat_content								{ width:100%; height:110px; background:#fff; color:#231f20;}

.why_content								{ width:302px; height:90px; background:#fff; color:#231f20; padding:10px;}



.lat_1										{ width:84px; height:auto; padding:10px 0px 10px 16px; font-size:10px; float:left;}

.italic_cobel								{ font-family: 'CorbelBoldItalic'; font-size:10px; color:#333;} 

.cobel_10									{ font-size:10px; color:#333;}

.italic_cobel_17							{ font-family: 'CorbelBoldItalic'; font-size:17px; color:#333;}

.cobel_bold_17								{ font-family: 'CorbelBold'; font-size:17px; color:#333;}



.why_img									{ width:130px; height:88px; float:left;}

.why_txt									{ width:160px; height:auto; float:right;}

.readmore									{ color:#6e7c31; font-family: 'CorbelBold'; font-size:12px;}

.readmore a									{ color:#6e7c31;}



.milelist									{}

.milelist ul								{ margin:0px; padding:0px;}

.milelist ul li								{ background:url(../images/mile-li.gif) 0px 8px no-repeat; padding:3px 0 3px 10px;}

/* ---------------------------------------------------------*/





/* ------------------ FOOTER HERE --------------------------*/

#footer										{ padding: 0 0 10px 0;}

.foot_left									{ width:500px; height:auto; font-family: 'CorbelRegular'; font-size:13px; float:left;}

.foot_left ul								{ margin:0px; padding:0px;}

.foot_left ul li 							{ float:left; padding:5px 10px 0 0; color:#fff;}

.foot_left ul li a 							{ color:#fff;}

.foot_right									{ width:auto; height:auto; float:right; padding:5px 0px;}

.made										{ font-family: 'CorbelRegular'; font-size:13px; color:#fff;}

.made a										{ color:#fff;}

.copy										{}

/* ---------------------------------------------------------*/



/* ------------------ ABOUT HERE --------------------------*/

.about-banner								{ width:100%; height:182px; background:url(../images/about-banner.jpg) top center no-repeat;}



.aboutBox									{ width:980px; height:auto; padding:15px 0px;}

.about_leftBox								{ width:242px; height:auto; float:left;}



.inner_left									{ width:242px; height:225px; background:#fff; padding:12px 0px; margin:0 0px 21px 0px;}

.in_leftHead								{ font-family: 'CorbelBold'; font-size:16px; color:#b0bc22; text-transform:uppercase; padding:0 12px;}

.view_a										{ font-family: 'CorbelRegular'; font-size:12px; float:right; padding:4px 12px;}

.view_a a									{ color:#474747;}

.leftsmall_hold								{ padding:0px 12px;}



.leftsmall_1								{ width:84px; height:auto; float:left; margin:8px 12px; color:#666;}



.leftsmall_2								{ width:84px; height:auto; float:left; margin:8px 12px; color:#666; font-family: 'CorbelBold'; font-size:12px;}



.about_rightBox								{ width:694px; height:auto; float:right; background:#fff; padding:15px;}

.titleTxt									{ font-family: 'CorbelBold'; font-size:27px; color:#b1be35; text-transform:uppercase;}



.vms_hold									{ width:auto; height:auto;}

.visionHold									{ width:320px; height:auto; float:left; margin-right:10px;}

.visionBox									{ width:290px; height:220px; background:#FFF; padding:15px; }

.visionTxt									{ font-family: 'CorbelBold'; font-size:17px; color:#474747; background:#b1be35; display:inline-block; padding:5px 15px;}

/* ---------------------------------------------------------*/



/* ------------------ PRODUCT HERE --------------------------*/

.titleTxt1									{ color:#fff; font-family: 'CorbelBold'; font-size:27px; text-transform:uppercase; padding:0 0 10px 0;}



.productBox									{ width:242px; height:242px; background:#fff; position:relative; float:left; margin:0 4px 4px 0;}

.productName								{ background: url(../images/proName-bg.png) no-repeat; height:26px; width:210px; padding:16px 0px 0 12px; color:#000; position:absolute; bottom:10px; left:10px; font-family: 'CorbelBoldItalic'; font-size:16px;}



.proPagei									{ float:right; font-family: 'CorbelBoldItalic'; font-size:12px;} 

.proPagei ul								{}

.proPagei ul li								{ float:left; padding:5px 10px;}

.proPagei ul li a							{ color:#6e7c31;}



.popupDiv									{}

.popupImgDiv								{ width:405px; height:405px; background:#666; float:left;}

.popupTxtDiv								{ width:270px; height:200px; float:right; color:#333; padding:0px 10px 0 0;}

.popupTxtDiv p								{ font-size:12px;}



.popImgDiv									{ position:relative;}

.popImgTxt									{ position:absolute; font-size:17px; bottom:16px; left:16px; background:#fff; color:#333; padding:5px 15px;}

.popImgTxt strong							{ font-family: 'CorbelBold';}

/* ---------------------------------------------------------*/



/* ------------------ WHY SLIDERS HERE --------------------------*/

.whyS_list									{ width:680px;}

.whyS_list ul								{ margin:0px; padding:0px; font-size:17px; color:#474747;}

.whyS_list ul li							{ background:url(../images/why-li.gif) 0px 12px no-repeat; padding:3px 0 3px 18px;}







.why_lti_Box								{ width:290px; height:450px; background:#FFF; padding:15px; }



/* --------------------------------------------------------------*/



/* ------------------ WHY SLIDERS HERE --------------------------*/

.milestonesBox								{ width:976px; height:auto; background:#b1be35; padding:2px 2px; margin:10px 0px;}

.milewhite									{ width:484px; min-height:138px; background:#fff; float:left; margin:2px 2px 2px 2px;}

.milestonesBox .milewhite ul							{ font-size:17px; color:#333;}

.milestonesBox .milewhite ul li						{ width:450px; margin:0px 0px; background:url(../images/why-li.gif) 7px 12px no-repeat #fff; padding:3px 14px 3px 20px; border-bottom:2px solid #b1be35;}



.milestonesBox .milewhite ul li:nth-last-child(1)		{ border:none;}		



.mile4ImgBox								{}

.mile4ImgBox img							{ margin-right:7px;}

.mile4ImgBox img:nth-child(4)					{ margin:0px;}

/* --------------------------------------------------------------*/



/* ------------------ WHY SLIDERS HERE --------------------------*/

.contactLeft								{ width:284px; height:auto; background:#fff; float:left; padding:23px 20px;}

.contactRight								{ width:650px; height:520px; background:#fff; float:right;}

.mapBox										{ width:650px; height:376px;}



/* --------------------------------------------------------------*/



/* ------------------ CONTACT HERE --------------------------*/

.careersLeft					{width:284px; height:auto; background:#fff; float:left; padding:10px 20px}

.careersLeft table				{ color:#000; font-size:14px;}

.careersLeft table tr td		{ padding:5px 0px;}



.txtfield {	border:solid 1px #a8a8a8; width:200px; height:auto; margin:0; padding:5px 5px 5px 5px; font-size:14px; font-family: 'CorbelRegular'; }



.txtfield:focus

{

/*	outline-style:none;

box-shadow:none;

border-color:transparent;*/

font-size:14px;

}



.txtarea { border:solid 1px #a8a8a8; width:200px; height:70px; margin:0; padding:5px 5px 5px 5px; font-size:14px; font-family: 'CorbelRegular'; resize:none; }



.txtarea:focus

{

/*	outline-style:none;

box-shadow:none;

border-color:transparent;*/

}



.needsfilled



{ color:red; }



.submit { cursor:pointer; color:#333; background:#b2be35; margin:0; padding:5px 10px; border:none; font-size:16px;}



/* --------------------------------------------------------------*/



/* ------------------ CLIENTS HERE --------------------------*/

.clientsHold								{ width:980px; height:auto; /*background:#933;*/}

.clientsLeft								{ width:715px; height:auto; float:left;}

.clientsRight								{ width:240px; height:auto; /*background:#963;*/ float:right;}



.clientsImgBox								{ width:713px; height:auto; background:#FFF; border:1px solid #c5c4c4;}



.clients_ca									{ width:715px; height:auto; background:#FFF; margin:10px 0px;}



.clientsBox									{ margin:1px; background:#333; color:#fff;}

.clientsBox:hover							{ margin:1px; background:#b0bc22; color:#333 !important; }

.clientsLogo								{ width:78px; height:48px; float:left; background:#039;}

.clientsName								{ width:122px; height:auto;  float:left; font-family: 'CorbelBoldItalic'; font-size:12px; }

.clientsName a								{ width:122px; color:#fff; padding:17px 10px; display:inline-block;}

.clientsName a:hover						{ background:#b0bc22; color:#333; width:122px; padding:17px 10px; display:inline-block;}



/* --------------------------------------------------------------*/











/*--------------------------------------------------------------*/



/* Circular Content Carousel Style */

.ca-container{

	position:relative;

	margin:0px auto 0px auto;

	width:630px;

	height:120px;

	border:0px solid red;

}

.ca-wrapper{

	width:100%;

	height:100%;

	position:relative;

}

.ca-item{

	position:relative;

	float:left;

	width:105px;

	height:100%;

	/*text-align:center;*/

}

/*.ca-more{

	position: absolute;

	bottom: 10px;

	right:0px;

	padding:4px 15px;

	font-weight:bold;

	background: #ccbda2;

	text-align:center;

	color: white;

	

	font-style:italic;

	text-shadow:1px 1px 1px #897c63;

}

.ca-close{

	position:absolute;

	top:10px;

	right:10px;

	background:#fff url(../images/cross.png) no-repeat center center;

	width:27px;

	height:27px;

	text-indent:-9000px;

	outline:none;

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	opacity:0.7;

}*/

.ca-close:hover{

	opacity:1.0;

}

.ca-item-main{

	/*padding:20px;*/

	position:absolute;

	top:5px;

	left:5px;

	right:5px;

	bottom:5px;

	

	overflow:hidden;

	margin:10px 5px;

	/*background:#06C;

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/

}

.ca-icon{

	width:233px;

	height:189px;

	position:relative;

	margin:0 auto;

	background:transparent url(../images/animal1.png) no-repeat center center;

}

/*.ca-item-2 .ca-icon{

	background-image:url(../images/animal2.png);

}

.ca-item-3 .ca-icon{

	background-image:url(../images/animal3.png);

}

.ca-item-4 .ca-icon{

	background-image:url(../images/animal4.png);

}

.ca-item-5 .ca-icon{

	background-image:url(../images/animal5.png);

}

.ca-item-6 .ca-icon{

	background-image:url(../images/animal6.png);

}

.ca-item-7 .ca-icon{

	background-image:url(../images/animal7.png);

}

.ca-item-8 .ca-icon{

	background-image:url(../images/animal8.png);

}

.ca-item h3{

	font-family: 'Coustard', sans-serif;

	text-transform:uppercase;

	font-size:30px;

	color:#000;

	margin-bottom:20px;

	height:85px;

	text-align:center;

	text-shadow: 0px 1px 1px #e4ebe9;

}

.ca-item h4{

	font-family: "Georgia","Times New Roman",serif;

	font-style:italic;

	font-size:12px;

	text-align:left;

	border-left:10px solid #b0ccc6;

	padding-left:10px;

	line-height:24px;

	margin:10px;

	position:relative;

}

.ca-item h4 span{

	text-indent:40px;

	display:block;

}

.ca-item h4  span.ca-quote{

	color:#f4eee3;

	font-size:100px;

	position:absolute;

	top:20px;

	left:0px;

	text-indent:0px;

}*/











.ca-nav span{

	width:25px;

	height:38px;

	background:transparent url(../images/arrows.png) no-repeat top left;

	position:absolute;

	top:50%;

	margin-top:-19px;

	left:-40px;

	text-indent:-9000px;

	opacity:0.7;

	cursor:pointer;

	z-index:100;

}

.ca-nav span.ca-nav-next{

	background-position:top right;

	left:auto;

	right:-40px;

}

.ca-nav span:hover{

	opacity:1.0;

}



/****************************************************/



.sitemapBox							{ width:940px; height:auto; background:#fff; padding:20px;}

.sitemapBox ul						{}

.sitemapBox ul li					{ background:url(../images/mile-li.gif) 15px 12px no-repeat; padding:3px 0 3px 35px; font-size:17px;}



.worksBox							{ width:auto; height:auto; background:#fff;}

.figure								{ width:auto; height:auto; float:left; padding:10px 10px;}

.figure img							{ border:1px solid #666;}

.imgFigure							{font-family: 'CorbelBold'; font-size:16px; color:#000;}