@charset "utf-8";
/* CSS Document */

/*--default style--*/

.clear { clear: both;}

a { text-decoration: none; color:#fff;}
a:visited { text-decoration: none; color:#fff;}
a:active { text-decoration: none; color:#fff;}
a:hover { text-decoration: none; color:#d61414;}

img { border: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px;}

p { margin: 0px; padding: 0px; line-height:20px;}

strong { font-weight: bold; }

hr { margin: 0px; padding:0px; color:#aebab4;}

ul { margin:0px; padding:0; list-style-type:none;}

ol { margin:0px; padding:0; list-style-type:none;}

li { margin:0px; padding:0; list-style-type:none;}


.important { background:#FFFF00;}

body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#fff;
font-weight:normal;		
margin: 0px;
padding: 0px;
outline: none;
height:100%;
background:url(../images/body-bkg.jpg) repeat;
}
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
/*---Default style end----*/

/*Wrapper Style Starts*/
#wrapper{width:1000px; margin:0 auto;}
/*Wrapper Style Ends*/

/*Font Family*/
@font-face {
    font-family: 'HelveticaInseratCyrillicUpright';
    src: url('../font/hiyu.eot');
    src: url('../font/hiyu.eot') format('embedded-opentype'),
         url('../font/hiyu.woff') format('woff'),
         url('../font/hiyu.ttf') format('truetype'),
         url('../font/hiyu.svg#HelveticaInseratCyrillicUpright') format('svg');
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/bebasneue.eot');
    src: url('../font/bebasneue.eot') format('embedded-opentype'),
         url('../font/bebasneue.woff') format('woff'),
         url('../font/bebasneue.ttf') format('truetype'),
         url('../font/bebasneue.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../font/caviardreams.eot');
    src: url('../font/caviardreams.eot') format('embedded-opentype'),
         url('../font/caviardreams.woff') format('woff'),
         url('../font/caviardreams.ttf') format('truetype'),
         url('../font/caviardreams.svg#CaviarDreamsRegular') format('svg');
}

/*Font Family*/

/*Header Style Starts*/
#header{background:#fff; float:left; width:1000px; margin:0; padding:0; border-top:none !important; border:1px #c5c5c5 solid; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;}
#logo-icon-area{float:left; margin:0; padding:10px 10px 20px;}
#logo{float:left; margin:0; padding:0; width:500px;}
#search_area{float:left; padding:26px 0 0 124px;}
#search_area input[type="text"]{width:158px; height:20px; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#search_area input[type="submit"]{height:27px; background:url(../images/search.png) no-repeat; width:67px; height:26px; border:none;}
#social-icon-area{float:left; padding:25px 0 0 30px;}
#social-icon-area a{padding:0 2px;}

#menu-area{float:left; margin:0; padding:0 0 25px;}
#menu-bkg{background-color: #e76625; width:1000px; height:34px;}
#menu-left-bar{position:absolute; margin:-5px 0 0 -6px; padding:0;}
#menu-right-bar{position:absolute; margin:-39px 0 0 1000px; padding:0;}
/*ul#menu{margin:0; padding:0 0 0 10px;}
#menu li{float:left; margin:0; padding:9px 0 0;}
#menu li.divi{float:left; margin:0; padding:3px 5px 0;}
#menu li a{font-size:14px; color:#fff; text-transform:uppercase; padding:0 20px; transition:0.5s ease;}
#menu li a:hover{background:#ca602b; padding:5px 20px; border-top:1px #ab5124 solid; border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px;}
#menu li a.active{background:#ca602b; padding:5px 20px; border-top:1px #ab5124 solid; border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px;}
#menu li ul{position:absolute; opacity:0; background:#e47035; width:200px; padding:10px 0; margin:8px 0 0; transition:1s ease;}
#menu li:hover ul{ opacity:1;}
#menu li ul li{float:none;}
#menu li ul li a{padding:5px 10px; display:block;}
#menu li ul li a:hover{border-radius:0; padding:5px 10px 5px 20px; border:none;}*/

/* Giving a background-color to the nav container. http://webdesignerhut.com/examples/pure-css-dropdown-menu/ */
nav { 
	margin: 0;
	padding:0;
	background-color: transparent !important;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #e76625; 
	}

/* Styling the links */
nav a {
	display:block;
	padding:0 22px;	
	color:#FFF;
	font-size:16px;
	line-height: 34px;
	text-decoration:none;
}

/* Background color change on Hover */
nav a:hover { 
	background-color: #e76625; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 34px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:240px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-34px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:240px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/*Banner Area Starts*/
#banner{float:left; margin:0; padding:20px 0; width:1000px;}
/*Banner Area Ends*/

/*Body Area Style Starts*/
#body-area{float:left; margin:0; padding:0;}
.body-row{float:left; margin:0; padding:0 0 20px;}
.intro{background:#fff; padding:15px; box-shadow:0 0 1px #666; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; color:#666; text-align:justify;}
.intro span{color:#11A6EA; font-weight:bold; font-size:16px;}
.box-area1{float:left; margin:0; padding:0 20px 0 0; width:235px;}
.box-area{float:left; margin:0; padding:0 20px 0 0; width:320px;}
.big-box{background:#fff; padding:10px; height:350px; border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 2px #666;}
.big-box img{border-top:4px #11a6ea solid;}
.big-box h2{font-size:24px; color:#383838; font-weight:normal; font-family:'BebasNeueRegular'; line-height:22px; padding:10px 0 7px;}
.big-box ul{margin:0; padding:0 0 0 16px;}
.big-box ul li{list-style:url(../images/list-bullet.png); color:#666; font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:5px 0;}
.news_read_more img{border:none; float:right; margin:12px 0 0;}
.news_row{float:left; margin:0; padding:16px 0;}
.calender_bkg{background:url(../images/calender_image.png) no-repeat; width:52px; height:51px; text-align:center; float:left;}
.calender_bkg h6{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; font-weight:normal; padding:19px 0 0;}
.calender_bkg h6 span{font-size:12px; text-transform:uppercase; color:#e55107;}
.news_row p{color:#000; float:left; /*width:153px; padding:6px 0 0 10px;*/ line-height:16px;}
.news_row p span{font-size:16px; color:#28a6e3; font-family: 'CaviarDreamsRegular';}

.small-box{background:#fbfbfd; float:left; width:300px; height:60px; padding:10px; border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 2px #666;}
.small-box img{float:left; padding:0 15px 0 0;}
.small-box img.arrow{padding-top:8px;}
.small-box h3{font-size:21px; color:#383838; font-weight:normal; font-family:HelveticaInseratCyrillicUpright; padding:3px 0 0; line-height:24px;}
.small-box h4{font-size:22px; color:#383838; font-weight:normal; font-family: 'BebasNeueRegular'; padding:0 0 0 66px; line-height:28px;}
.small-box h4 span{font-size:16px;}

.link_area{background:url(../images/link_bkg.png) no-repeat; width:960px; height:231px; padding:20px 20px 0;}
.link_coll{float:left; margin:0; padding:0; width:200px;}
.link_coll h5{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; padding:0 0 10px;}
.link_coll ul{margin:0; padding:0 0 15px;}
.link_coll ul li{color:#7d7d7d; font-size:12px; padding:2px 0;}
.linkcoll_divaider{float:left; margin:0 41px;}
/*Body Area Style Ends*/

/*Footer Style Starts*/
#footer{margin:0; padding:5px 0 0; border-top:1px #cbcbcb solid;}
#fmenu-area{float:right; margin:0; padding:0 0 25px;}
ul#fmenu{margin:0; padding:0; color:#383838;}
#fmenu li{float:left; margin:0; padding:0;}
#fmenu li a{font-size:12px; color:#383838; padding:0 10px; font-family:Verdana, Geneva, sans-serif;}
#fmenu li a:hover{text-decoration:underline;}
#ftext{float:left; margin:0; padding:0;}
#ftext p{font-size:12px; color:#383838; font-family:Verdana, Geneva, sans-serif;}
#bottom-bar{background:#28a6e3; width:100%; height:10px;}
/*Footer Style Ends*/

/*Inner Page Style Starts*/
#inner-box{background:#fff; float:left; width:980px; text-align:justify; padding:25px 10px; border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 2px #666;}
#inner-box h5{font-size:26px; text-transform:uppercase; color:#383838; font-weight:normal; font-family:HelveticaInseratCyrillicUpright; padding:0 0 20px; line-height:28px;}
#inner-box p{color:#383838; font-size:14px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
#inner-box p a{color:#383838; text-decoration:underline;}
#inner-box p strong{font-size:16px; text-transform:uppercase;}
#inner-box p span{float:left; height:140px; padding:10px; margin:5px 4px; border:1px #666 solid; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
.contentleft_image{margin:0 0 0 240px; border:10px #fff solid; box-shadow:0 0 1px #666;}
.inner_coll{float:left; width:274px; height:240px; padding:10px; margin:0 30px 20px 0; border:1px #666 solid; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
.inner_coll h6{font-size:20px; color:#00aeef; text-transform:uppercase; font-family: 'BebasNeueRegular'; font-weight:normal;}
.inner_coll ul{padding:10px 0 0 15px; margin:0;}
.inner_coll ul li{color:#383838; font-size:12px; padding:2px 0; list-style:disc;}

.inner_heading{color:#cf4101; font-size:17px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding:20px 0 3px;}
ul.inner_list{margin:0; padding:0 0 0 18px;}
.inner_list li{list-style:url(../images/arrow_icon.jpg); color:#464646; font-size:14px; padding:5px 0 0;}

/*Inner Page Style Ends*/ 

.customer-logos-outer{display:block; text-align:left;}
.customers-logos{display:inline-block; height:100px; width:17.5%; margin:0 1% 15px; border:1px solid #c5c5c5; white-space: nowrap; vertical-align:middle; text-align:center;}
.helper {display: inline-block; height: 100%; vertical-align: middle;}
.customers-logos img{vertical-align:middle;}