/*====================================== 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{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
ul											{margin: 0;}
li											{list-style: none;}



/******Global Elements*******/
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;}


/* ----------------------- layout ----------*/
html 										{}
body										{color:#b1b1b1; font-family: 'Varela Round', sans-serif; font-size:12px;}
.flt_Lt										{float:left; display:inline;}
.flt_Rt										{float:right; display:inline;}
.wrapper									{margin:0 auto;}
.container									{}
.main-container								{width:1000px; margin:0 auto; /*border:1px solid red;*/ border-top:0 none;}

/* ------------------ HEADER HERE -------------------*/
#header										{padding: 0 0 20px 0; background: url(../images/header-shadow.png) scroll repeat-x left bottom;}
#logo										{float: left;}

#header a.phone								{float: right; font-size: 10px; color: #ffffff; width: 170px; text-align: center; padding: 5px 0; background: #0d9a48; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-transform: uppercase;}
.bottom-header								{padding: 10px 0 0 0;}


/* ------------------------- NAVIGATION HERE ---------------*/
#nav										{float: right; padding: 25px 0 0 0; position: relative; z-index: 100;}
#nav ul										{}
#nav ul li									{float: left; margin: 0 30px 0 0; position: relative;}
#nav ul li a								{color: #5d5e5e; font-size: 14px; display: block; border-bottom: 1px solid transparent; padding: 0 0 7px 0;}
#nav ul li a span							{}
#nav ul li a:hover							{}
#nav ul li a:hover							{border-bottom: 1px solid #ee3324;}
#nav ul li.active a							{border-bottom: 1px solid #ee3324;}

#nav ul li ul								{display: none; position: absolute; top: 100%; left: 0; width: 150px; background: #ffffff; opacity: 0.8; padding: 20px 0 0 0;}
#nav ul li ul li							{float: none; margin: 0; padding: 5px 20px 5px 20px;} 
#nav ul li:hover ul							{display: block;}

/* ------------------------ MIAN CONTENT HERE --------------*/
.maincontent								{}
.banner										{position: relative; margin-top: -4px;}
.banner img									{width: 100%; height: auto;}
.banner .caption							{position: absolute; bottom: 30px; left: 0; width: 100%;}
.banner .caption h1							{font-size: 24px; color: #ffffff; line-height: 30px; font-weight: normal; padding: 0 0 0 5px;}
.banner .caption h1	span					{display: block;}

.inner-content								{padding: 25px 0 10px 0; color: #ffffff; background: #5e5e5e;}
.inner-content h1							{font-size: 48px; text-align: center; line-height: 48px; padding: 0 0 20px 0; font-weight: normal;}
.inner-content p							{font-size: 12px; line-height: 15px; margin: 0; padding: 0 0 20px 0; text-align: center;}
.inner-content a.more						{display: block; background: #0d9a48; width: 140px; margin: 0 auto 30px auto; color: #ffffff; padding: 15px 30px; font-size: 15px; border-radius: 5px;}
.inner-content a.more span					{background: url(../images/right-arrow.png) scroll no-repeat right center; display: block;}
.inner-content h5							{font-size: 16px;}
.inner-content h4							{font-size: 21px; font-weight: normal;}
.services									{padding: 40px 0; border-top: 1px solid #838080;}
.services ul								{}
.services ul li								{float: left; width: 240px; margin: 0 10px 0 0;}
.services ul li h5							{background: #4783c4; padding: 13px 0 13px 20px; font-weight: normal;}
.services ul li a							{display: block;}
.client										{}
.client	h4									{text-transform: uppercase; padding: 0 0 5px 0;}
.client	ul									{display: inline-block; padding: 30px 0; border-top: 1px solid #838080; border-bottom: 1px solid #838080;}
.client	ul li								{float: left; margin: 0 50px 0 0;}
.ditributor									{padding: 20px 0 0 0;}
.ditributor	h4								{text-transform: uppercase; padding: 0 0 5px 0;}
.ditributor	ul								{display: inline-block; padding: 30px 20px; border-top: 1px solid #838080; border-bottom: 1px solid #838080;}
.ditributor	ul li							{float: left; margin: 0 33px 0 0;}

/* ------------------ FOOTER HERE --------------------------*/
#footer										{background: #5e5e5e; padding: 15px 0 50px 0;}
.copy										{}
#footer	.left								{float: left; padding: 15px 0 0 0;}
#footer	.right								{float: right;}
#footer	.left p								{font-size: 14px; color: #ffffff;}
#footer	.left p a							{display: block; color: #e7e220;}
#footer	.right ul							{}
#footer	.right ul li						{float: left; margin: 0 12px 0 0;}


/* ------------------ INNER1 HERE --------------------------*/

.inner-page									{padding: 75px 0 40px 0; color: #5e5e5e;}
.inner-page	h1								{font-size: 52px; line-height: 52px; font-weight: 300; text-align: center; font-family: 'Open Sans Condensed', sans-serif; padding: 0 0 25px 0;}
.inner-page	h4								{font-size: 24px; line-height: 24px;}
.inner-page p								{font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 18px; padding: 0 0 40px 0;}
.inner-page ul								{border-top: 1px solid #d5d3d3; padding: 40px 0;}
.inner-page ul li							{margin: 0 0 25px 0;}
.inner-page ul li img						{float: left; padding: 0 20px 0 0;}
.inner-page ul li h4						{font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; padding: 15px 0 10px 0;}
.inner-page ul li p							{font-family: 'Droid Sans', sans-serif; font-size: 12px; font-weight: 700; text-align: left; padding: 0 20px 20px 0;}
.inner-page ul li a.more					{display: inline-block; background: #0d9a48; width: 140px; margin: 0; color: #ffffff; padding: 15px 30px; font-size: 15px; border-radius: 5px;}
.inner-page ul li a.more span				{background: url(../images/right-arrow.png) scroll no-repeat right center; display: block;}



.mob_title									{display: none;}


input[type='text'],textarea 					{font-size: 14px;padding: 10px 10px 10px 5px;width: 250px;}
input[type='button']						{padding:5px;width:100px;}
.contact_form ul li						{margin:0 0 10px !important;}