#header{ padding:10px 0px; box-shadow:1px 1px 6px #ccc;}
#top-navi{float: right;margin-right: 20px;}
#top-navi ul{margin:0; padding:0; float:right; list-style-type:none} 
#top-navi ul li{float:left; padding:0 10px;}
#top-navi ul li a{font-size:12px;  font-weight:400; color:#393D3D; text-transform:uppercase;}
#top-navi ul li a:hover{color:#00ADEF; text-decoration:none; border-bottom:solid 3px #00ADEF;}
#navi{background:#00ADEE; }
#navi ul{margin:0; padding:0; list-style-type:none; }
#navi ul li{float:left; line-height:33px;}
#navi ul li a{font-size:16px; color:#fff;}


.ddsmoothmenu{
 /*background of menu bar (default state)*/
height:40px;
text-align:left;
margin:0 auto; display:block;
font-weight:600;

}

.ddsmoothmenu ul{
z-index:100;
margin:0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block; /*background of menu items (default state)*/
padding:9px 15px;
color: #FFF;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #850f32; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #016c8c; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-size: 13px !important;
width: 200px; /*width of sub menus*/
padding: 10px 15px;
background:#b21141;
margin: 0px;
line-height:normal;
border-top:1px solid #09F;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

/*.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}*/

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0;
}
#box{margin-top:-50px; margin-left:10px;}
#box .span4{padding:0px; color:#555; border-radius:5px;}
#box .span12 {padding:0; margin:0;}
#box .span4 p{font-size:13px; }
#box .span4 p span{font-size:19px; }
#box .span4 p a{float:right; margin-top:15px; color:#555;}
.home img{border:1px solid #00ADEF;}

.home .row-fluid .span12 {width:101% !important;}

.bb-tilte {margin:10px 0; padding:0; font-size:22px; color:#016c8c; font-weight:600; line-height:normal;}
.desc {font-size:16px !important; color:#333 !important; text-align:justify; line-height:22px;}

.readmore {margin-top:5px; color:#016c8c;font-size:14px; font-weight:bold; display:inline-block;}
.readmore:hover {color:#333;}


#lefts{background:#5e5e5e; margin-top:15px;}
#lefts ul{margin:0; padding:0; list-style-type:none;}
#lefts ul li{line-height:35px;border-bottom:dashed 1px #00adef;}
#lefts ul li a{padding:5px 15px; color:#fff; display:block; font-size:14px;}
#lefts ul li a:hover,#lefts ul li a.active{background:#00adef; text-decoration:none;}
#lefts ul li a.active {font-weight:700;}

#rights{margin:15px 0px 15px 30px; width:870px;min-height:400px;}
#rights h4{font-weight:400; padding:5px 0; margin:15px 0; font-size:30px; color:#333;}
#rights p{/*font-size:12px;*/ text-align:justify;}

#indus{margin:0px 0px 15px 0px; width: 100%; min-height: 400px;}
#indus h4{font-weight:400; padding:5px 0; margin-left:10px; font-size:30px; color:#333;}
#indus .title{font-weight:400; padding:10px 5px; margin-left:10px; font-size:18px; color:#333;}
#indus .title2 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 22px;
    margin-left: 10px;
    padding: 5px;
    vertical-align: middle;
}
#indus .title a:hover{color:#005580;}
#indus .box-cat {background:#fff; margin:10px;border: 1px solid #DDDDDD;}
#indus .box-cat:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
#indus table td{text-align:center;vertical-align: top;}


#register {margin-left: 15px;}
#register h5 {margin:15px 0;}
#register table td{text-align:left;vertical-align: middle;}
#register input, #register select, #register textarea{margin:0; margin-left:10px; width:300px;}
#register select{width:314px;}
#register textarea {width:300px; height:60px;}
#register .btn {width:80px; display:inline-block;}
.services th {background:#fff; padding:10px; font-size:16px;}
.services td{text-align:left !important; background:#f9f9f9; border:1px solid #ddd; padding:0px;}

.services ul {margin:0 !important; padding:0 !important;}
.services li {padding:10px; list-style:none;border-bottom:1px solid #ddd; display:block;}
.services li:hover {background:#fff;color:#333;}
.services li a{color:#555; display:block;}
.services li a:hover {text-decoration:none; background:#fff;color:#333;}

.cgroup .box-cat img {width: auto;height: 150px;}

#footer{background:#3f3f3f;  border-top:solid 8px #535758; margin-top:15px;padding-top: 10px;}
#footer h4{color:#fff;  font-weight:normal;list-style-type:none;font-variant:inherit; font-size:14px;}
#footer h4 ul{margin:0; padding:0; list-style-type:none;font-variant:inherit;}
#footer h4 ul li{color:#fff; font-size:16px; font-variant:small-caps;}
#footer h4 ul a{color:#fff; font-size:16px; font-variant:inherit;}
#footer a:hover{color:#fff; list-style-type:none;font-variant:inherit;}
#footer p{color:#fff;font-variant:inherit;}
.footercontent{font-size:12px;color:#FFF;}
.content{font-size:14px;color:#333;}
.headngs{font-size:16px;color:#333;}
.subheadings{font-size:16px;color:#09F;}
.footer{/*font-size:18px;*/	color:#FFF; }

.tabs-list ul {display:block; margin: 0 !important; padding:0 !important; border-radius:5px 5px 0 0; width:auto; overflow:hidden; background:#5e5e5e;border:1px solid #ccc; border-bottom:none;}
.tabs-list li {list-style:none; display:block; float:left; background:#5e5e5e;border-right:1px solid #eee;}
.tabs-list li:last-child {border:none;}
.tabs-list li a {padding:10px 15px; color:#fff; display:block; font-size:14px; font-weight:bold;}
.tabs-list li a:hover {color:#fff; text-decoration:none;background:#666;}
.tabs-list li a.active {color:#333; background:#eee;text-decoration:none; outline:none;}

.tabs-list-cont {border:1px solid #ccc; border-top:none; padding:20px;background:#eee;}

.box-img img{width:100%; height:100px; margin-bottom:10px;}

.class-box {background:#fff; border-radius:5px; margin-left:10px;  float:right;}

.tc {text-align:center !important;}
.tj {text-align:justify !important;}

.sm-list {list-style-image:url(../img/hand-right.png); }
.sm-list li {line-height:normal; padding:3px 0;}
.sm-list li ul {list-style:circle;}
.sm-list li ul li a{color:#75b8da; font-size:12px; line-height:normal; padding:0px !important;}
.sm-list li ul li {padding:0px !important;}

.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.pad10 {padding:10px !important}
.pad20 {padding:20px !important}

.error {color:#C00; font-size:11px;margin-top: -10px;}
.sml-text {font-size:11px; color:#069;margin-top:-15px;padding-left: 11px;}