@charset "utf-8";
/* CSS Document by heydaysolutions.com*/

@font-face {
   font-family: 'calibrilight';
    src: url('fonts/calibril-webfont.eot');
    src: url('fonts/calibril-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibril-webfont.woff') format('woff'),
         url('fonts/calibril-webfont.ttf') format('truetype'),
         url('fonts/calibril-webfont.svg#calibrilight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* seloction color */
::-moz-selection { background-color: #ccc; color: #ccc;}
::selection {background-color: #ccc;color: #ccc;}
/* seloction color */

body {padding:0; margin:0; background: url(../images/left_bg.png) repeat-x #fff; font:normal 12px calibrilight; color:#333 ; line-height:18px}
*{ outline:none;}
a{font:normal 12px Arial; color:#3f3f3f; text-decoration:none}
object:active{outline: none;}
object:focus{-moz-outline-style: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

form{ margin:0 ; padding:0;}

input {}
input[type=submit]{}
input,textarea {}

p { padding:10px 0 0 0; margin:0px; text-align:left;color:#3f3f3f; font:normal 16px calibrilight;}
img{ border:0px; behavior: url("../css/iepngfix.htc")}
strong{font:bold !important}
ul, li{list-style:none}

h1{ font:normal 30px calibrilight; color:#733b20;}


/*------------ separate for ie -----------------*/

/* background: gray;
*background: green; /* IE 7 and below */
/*_background: blue;  IE 6 */
/*background: pink\9;  IE 8 and below */

/*------------ END IE -----------------*/

/*------------separate style for Firefox -----------------*/

/* Target all Firefox 
#id[id=id] { color: red; }*/
/* Target all Firefox  	
@-moz-document url-prefix() { .class { color: red; } } */

/* Target all Gecko (includes Firefox) 
*>.class { color: red; }*/

/*------------ END Firefox -----------------*/

.wrap{}

.bodytext{font:normal 12px Arial; color:#333; text-align:justify}

.pad20px {padding:20px}
.pad15px {padding:15px;}
.pad10px {padding:10px;}
.pad5px {padding:5px;}

.footer{font:normal 12px Arial; color:#8a8a8a; }
.footer a{font:normal 12px Arial; color:#8a8a8a; }
.footer a:hover{color:#8a8a8a;}

.float_right{ float:right}
.float_left{float:left}
.clear_both{ clear:both}

/*------------ main div -----------------*/

.home_body{padding:0; margin:0; background: url(../images/home_bg.jpg) repeat-x #f7f7f7; font:normal 12px Arial; color:#333 ; line-height:18px}

.inner_body{padding:0; margin:0; background: url(../images/inner_bg.jpg) repeat-x #f7f7f7; font:normal 12px Arial; color:#333 ; line-height:18px}

.container{margin-right:auto;margin-left:auto;width:980px}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}
.container_full{width:100%; display:table}


.header{width:980px; float:left; margin:74px 0 5px 0}
.logo{widt:317px; float:left}
.header_right{width:610px; float:right}
.header_link{width:610px; float:left}
.header_link ul{margin:0; padding:0}
.header_link li{padding:0 4px 0 0; margin:0; float:left; background:url(../images/menu_bar.png) right no-repeat}
.header_link li a{padding:4px 10px; float:left; font:normal 14px calibrilight; color:#7f5022}

.menu{width:700px; float:left}
.menu ul{margin:16px 0 0 0; padding:0}
.menu li{padding: 0; margin:0; float:left; background:url(../images/menu_bar_big.png) right no-repeat}
.menu li a{padding:8px 15px; float:left; font:normal 17px calibrilight; color:#565656; display:block}
.menu li li a{background-image:none !important; border-radius:none}
.menu li li{background-image:none !important; border-radius:none }
.menu li li a:hover{background-image:none !important}
.menu li a:hover{background:url(../images/menu_hover.png) repeat-x;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;color:#fff}

.banner{width:980px; float:left; margin:3px 0 0 0}
.wrapper{width:980px; float:left; margin:20px 0 20px 0}
.home_heading{ font:normal 30px calibrilight; color:#733b20; text-align:center}
.wrapper p{color:#3f3f3f; font:normal 16px calibrilight; text-align:center}
.home_box{width:300px; float:left; margin:30px 20px 25px 0;}
.home_box_heading1{color:#733b20;font:normal 30px calibrilight; background:url(../images/web_app_icon.gif) no-repeat; padding:0 0 0 80px; margin:30px 0 0 0; line-height:24px; height:75px}
.home_box_heading2{color:#733b20;font:normal 30px calibrilight; 
background:url(../images/it_solution_icon.gif) no-repeat; padding:0 0 0 60px; margin:30px 0 0 0;line-height:24px; height:75px}
.home_box_heading3{color:#733b20;font:normal 30px calibrilight; background:url(../images/data_icon.gif) no-repeat; padding:0 0 0 80px; margin:30px 0 0 0;line-height:24px; height:75px}
.home_box p{color:#3f3f3f; font:normal 16px calibrilight; padding:10px 0 0 0; text-align:left}

.bottom_full_div{width:100%; float:left; background:url(../images/bottom_bg.png) repeat; border:solid 1px #c6c6c6; border-left:none; border-right:none; padding:30px 0}
.bottom_div{width:980px; margin:0 auto}

.bottom_box{width:380px; float:left; padding:0 50px 0 0; background:url(../images/bottom_border.png) no-repeat right; float:left}
.bottom_box_heading{color:#733b20;font:normal 24px calibrilight; margin:0 0 10px 0 }

.inner_right{width:225px; float:right}
.inner_right_heading{border-right:solid 6px #d4aa24; padding:40px 10px 0 0; font:normal 30px calibrilight; color:#733b20; margin:0 0 20px 0 }

.news{width:380px; float:left; margin:0 0 0 10px}

.news li{list-style:none;background:url(../images/news_list.gif) no-repeat; float:left; font:color:#3f3f3f; font:normal 14px calibrilight; border-bottom:solid 1px #ef634c; padding:10px 0 10px 10px}

.inner_left{width:645px; float:left; margin:40px 0 0 0}
.inner_left p{color:#3f3f3f; font:normal 16px calibrilight; text-align:justify}

.inner_heading{color:#3f3f3f; font:bold 16px calibrilight; margin: 10px 0}

.footer_ful{width:100%; float:left; padding:10px 0}
.footer{width:980px; margin:0 auto}
.footer a{color:#8a8a8a; font:normal 14px calibrilight}
#toTop {
    width:61px; height:63px;
    position: fixed;
    bottom: 10px;
    right: 30px;
    display: none;
}


#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
   
    border-radius: 5px 5px 5px 5px;
   
    display: table;
    padding: 10px;
    position: relative;
	margin:7px 0 0 0;
}
#nav ul {
    background-color: #ef624b;
    border:1px solid  #ef624b;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    padding: 20px 0 10px;
    position: absolute;
    top: -9999px;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
	z-index:99999;
}
#nav li {
    float: left;
    position: relative;
}
#nav li a {
    
    display: block;
   font:normal 17px calibrilight; color:#565656;
    padding: 7px 20px;
    text-decoration: none;
	
}
#nav li:hover > a {
    background-color:  #ef624b;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}
#nav li:hover > a.hsubs {
    border-radius: 5px 5px 0 0;
}
#nav li:hover ul.subs {
    left: 0;
    top: 34px;
    width: 180px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
}
#nav ul li {
    width: 100%;
}
#nav ul li a{
 color:#fff !important;
}
#nav ul li:hover > a {
    background-color: #222222 !important;
    border-radius: 5px 5px 5px 5px  !important;
	width:140px;
	color:#fff !important;
}