* { margin:0; padding:0;}
html, body { background:#fff; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family:"Times New Roman", Times, serif;
font-size:13px; color:#000; text-align:justify; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none;}
a { text-decoration:none;}
li { list-style:none;}
.indent { text-indent:2em;}
h3 { /*font-family: 'Oswald', sans-serif;*/ font-family:"Times New Roman", Times, serif; color:#26157a; font-size:18px;}
.h1 { color:#26157a; font-size:16px; /*font-family: 'Oswald', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
.h2 {color:#26157a; font-size:14px; /*font-family: 'Oswald', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
/* Outer warpper */
#wrapper_outer { width:1000px; margin:0 auto; border:1px solid #dad5f0; position:relative; }
/* outer warpper end */
/* Header section */
.social_icon_box { width:100px; float:right; height:48px; padding-top:15px;}
.header { width:100%; height:100px; float:left;}
.logo { width:300px; height:100px; float:left;}
/*.menu { width:auto;
float:right;
background:#F00; height:35px; border:1px solid #dad5f0;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);
margin-left:130px;}
#nav { margin: 0; height:35px; width:500px; }
#nav li {height:35px; float: left; position: relative;list-style: none; background:url(../images/divideer.gif) right no-repeat;}
#nav a {color: #000; text-decoration: none; display: block; line-height:35px; padding:0 10px; margin: 0;}
#nav a:hover { background: #000; color: #fff;}
#nav .current a, #nav li:hover > a {color: #26157a; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #fff, #e3e3e3); background-image:-moz-linear-gradient(top, #fff, #e3e3e3); background-image: -ms-linear-gradient(top, #fff, #e3e3e3); background-image: -o-linear-gradient(top, #fff, #e3e3e3);}
#nav ul li:hover a, #nav li:hover li a {background: none; border: none; color: #666;}
#nav ul a:hover { background: #26157a !important; color: #fff !important;}
#nav li:hover > ul {display: block;}
#nav ul { display: none; margin: 0; padding: 0; width: 200px; position: absolute; top: 35px; left: 0;background: #ddd;border: solid 1px #b4b4b4;}
#nav ul li {float: none; margin: 0; padding: 0;}
#nav ul a { font-weight: normal;}
#nav ul ul { left: 200px; top: -1px;}
#nav ul li:last-child > a { }
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#nav { display: inline-block;}
html[xmlns] #nav { display: block;}
* html #nav { height: 1%;}
*/
nav {
display: block;
text-align: center;
font-family:"Times New Roman", Times, serif;
float:right;
}
nav ul {
margin: 0;
padding:0;
list-style: none;
}
.nav a {
display:block;
/* background: #111; */
/*color:#fff; */
color:#000000;
text-decoration: none;
padding: .8em 1.8em;
/* text-transform: uppercase;*/
/* font-size: 80%;*/
/*letter-spacing: 2px;*/
/*text-shadow: 0 -1px 0 #000;*/
position: relative;
text-align:left;
font-size:12px;
background:#F00; border:1px solid #dad5f0;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); /*margin-left:50px;*/
}
.nav{
vertical-align: top;
display: inline-block;
box-shadow: 1px -1px -1px 1px #000, -1px 1px -1px 1px #fff, 0 0 6px 3px #fff;
border-radius:6px;
}
.nav li{position: relative;}
.nav > li {
float:left;
/* border-bottom: 4px #aaa solid; */
/* margin-right: 1px; */
}
.nav > li > a {
margin-bottom:1px;
/* box-shadow:inset 0 2em .33em -.5em #555; */
}
/* .nav > li:hover , .nav > li:hover >a{ border-bottom-color:orange;}*/
.nav li:hover > a { /*color:orange;*/
background: #26157a !important;
color: #fff !important; }
.nav > li:first-child { border-radius: 4px 0 0 4px;}
.nav > li:first-child>a{border-radius: 4px 0 0 0;}
.nav > li:last-child {
border-radius: 0 0 4px 0;
margin-right: 0;
}
.nav > li:last-child >a{border-radius: 0 4px 0 0; }
.nav li li a { margin-top:1px}
.nav > li:hover , .nav > li:hover >a{ color: #26157a; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #fff, #e3e3e3); background-image:-moz-linear-gradient(top, #fff, #e3e3e3); background-image: -ms-linear-gradient(top, #fff, #e3e3e3); background-image: -o-linear-gradient(top, #fff, #e3e3e3);}
/* .nav li a:first-child:nth-last-child(2):before {
content:"";
position: absolute;
height:0;
width: 0;
border: 5px solid transparent;
top: 50% ;
right:5px;
}
*/
/* submenu positioning*/
.nav ul {
position: absolute;
white-space: nowrap;
/* border-bottom: 5px solid orange;*/
z-index: 1;
left: -99999em;
}
.nav > li:hover > ul {
left: auto;
/* padding-top: 5px ;*/
min-width: 100%;
}
.nav > li li ul { border-left:1px solid #fff;}
.nav > li li:hover > ul {
/* margin-left: 1px */
left: 100%;
top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before {
border-top-color: #aaa;
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
border: 5px solid transparent;
border-bottom-color: orange;
margin-top:-5px;
}
.nav li li > a:first-child:nth-last-child(2):before {
border-left-color: #aaa;
margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
border: 5px solid transparent;
border-right-color: orange;
right: 10px;
}
/* Banner */
.banner { width:100%; height:250px; float:left; margin-top:5px; margin-bottom:30px;}
/* banner end */
/* Home Top content box */
.top_container { width:1000px; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
/* left content */.left_content { width:678px; height:auto; float:left; padding:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0; margin-right:10px;} .image_left { background:#fff; -moz-box-shadow: inset 0 0 10px #e3e3e3; -webkit-box-shadow: inset 0 0 10px #e3e3e3; box-shadow: inset 0 0 10px #e3e3e3; width:130px; float:left; height:208px; padding:10px; border:1px solid #dad5f0;}/*heading*/ .heaing_container { width:504px; line-height:40px; padding-left:10px; margin-left:10px; float:left; border:1px solid #dad5f0; height:40px; margin-bottom:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); }/*content*/ .home_content { width:514px; height:auto; float:left; margin-left:10px; line-height:20px;}
/*gallery*/.left_content_gallery { width:980px; height:auto; float:left; padding:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0; margin-right:10px;}
.heaing_container_gallery { width:950px; line-height:40px; padding-left:10px; margin-left:10px; float:left; border:1px solid #dad5f0; height:40px; margin-bottom:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); }
/* right enquiry */
.right_enquiry { width:268px; float:left; height:230px; padding:10px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0;font-family: 'Oswald', sans-serif;}
.textbox { width:200px; height:35px;}
/* home top content box end */
/* center content 3 boxes */
.outer_box { width:1000px; height:290px; float:left; }
.small_box { width:304px; height:270px; float:left; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0; padding:10px; margin-right:10px;}
.image_small_box { background:#fff; -moz-box-shadow: inset 0 0 10px #e3e3e3; -webkit-box-shadow: inset 0 0 10px #e3e3e3; box-shadow: inset 0 0 10px #e3e3e3; width:130px; float:left; height:250px; padding:10px; border:1px solid #dad5f0; }
.heaing_small_box { width:130px; margin-left:10px; float:left; border:1px solid #dad5f0; height:40px; padding-left:10px; line-height:40px; margin-bottom:10px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);}
.small_box_content { width:140px; float:left; height: auto; margin-left:10px; text-align: justify;}
.no_margin { margin:0; width:304px;}
/* center content 3 boxes end */
/*mission_right*/
.mission_right_home {width:268px; float:left; height:230px; padding:10px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0;font-family: 'Oswald', sans-serif;}
.image_small_box_mission { background:#fff; -moz-box-shadow: inset 0 0 10px #e3e3e3; -webkit-box-shadow: inset 0 0 10px #e3e3e3; box-shadow: inset 0 0 10px #e3e3e3; width:95px; float:left; height:210px; padding:10px; border:1px solid #dad5f0; }
.heaing_small_box_mission { width:120px; margin-left:10px; float:left; border:1px solid #dad5f0; height:40px; padding-left:10px; line-height:40px; margin-bottom:10px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);}
.small_box_content_mission { width:130px; float:left; height: 180px; margin-left:10px; text-align: justify;}
.small_box_content_mission p{
font-family:"Times New Roman", Times, serif;
}
/*mission_right end*/
/* right box */
.right_news { width:268px; float:left; height:230px; padding:10px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); border:1px solid #dad5f0; margin-top:10px;}
/* right box end */
/* footer */
.footer { width:1000px; height:50px; float:left; margin-top:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);}
.footer_menu { width:600px; height:40px; line-height:40px; float:left; margin-top:10px;}
.footer_menu ul {}
.footer_menu ul li { display:block; float:left; padding:0 10px;}
.footer_menu ul li a { color:#444444;}
.footer_menu ul li a:hover { color:#26157a}
.footer_designed {width:390px; height:40px; line-height:40px; float:left; margin-top:10px; text-align:right; padding-right:10px;}
.footer_designed a { color:#42aade;}
.footer_designed a:hover { color:#d01d57;}
/* footer end */
/* get in touch form */
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}
div.box {margin:0 auto;width:260px;position:relative;}
div.box h1 { color:#26157a;font-size:18px;text-transform:uppercase;text-align:center;}
div.box label {display: block;padding:2px 0 5px 0;}
div.box label span {display: block;color:#26157a;font-size:12px;float:left;width:60px;text-align:left;padding:5px 20px 0 0;}
div.box .input_text {padding:5px 5px;width:160px;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d7d7d7)); background-image: -webkit-linear-gradient(top, #fff, #d7d7d7); background-image: -moz-linear-gradient(top, #fff, #d7d7d7); background-image: -ms-linear-gradient(top, #fff, #d7d7d7); background-image: -o-linear-gradient(top, #fff, #d7d7d7);border-bottom: 1px double #d7d7d7;border-top: 1px double #d7d7d7;border-left:1px double #d7d7d7;border-right:1px double #d7d7d7;color:#000;}
div.box .message{padding:7px 7px;width:155px;color:#000;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d7d7d7)); background-image: -webkit-linear-gradient(top, #fff, #d7d7d7); background-image:-moz-linear-gradient(top, #fff, #d7d7d7); background-image: -ms-linear-gradient(top, #fff, #d7d7d7); background-image: -o-linear-gradient(top, #fff, #d7d7d7);border-bottom: 1px double #d7d7d7;border-top: 1px double #d7d7d7;border-left:1px double #d7d7d7;border-right:1px double #d7d7d7;overflow:hidden;height:45px;}
div.box .button{margin:0 0 10px 0;padding:4px 7px;background:#26157a;border:0px;position: relative;top:10px;left:150px;width:100px;border-bottom: 1px double #d7d7d7;border-top: 1px double #d7d7d7;border-left:1px double #d7d7d7;border-right:1px double #d7d7d7;cursor: pointer;font-family: 'Oswald', sans-serif;}
.send_success { width:100px; height:40px;}
/* TBLE Style*/
/*Features table------------------------------------------------------------*/
.features-table{ width: 514px; margin: 0 auto; border-collapse: separate; border-spacing: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); }
.features-table td{ height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; white-space: nowrap; text-align: left;}
/*Body*/
.features-table tbody td{ text-align: left; font: normal 12px Verdana, Arial, Helvetica; width: 150px;}
.font_table { font-family: 'Oswald', sans-serif; font-size:13px; color:#26157a;}
.features-table tbody td:first-child{ width: auto; text-align: left;}
.features-table td:nth-child(2), .features-table td:nth-child(3){ background: #efefef; background: rgba(144,144,144,0.15); border-right: 1px solid white;}
.features-table td:nth-child(4){ background: #e7f3d4; background: rgba(184,243,85,0.3);}
/*Header*/
.features-table thead td{ font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 1px solid #eaeaea; }
.features-table thead td:first-child{ border-top: none;}
/*Footer*/
.features-table tfoot td{ font: bold 1.4em Georgia; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #dadada;}
.features-table tfoot td:first-child{ border-bottom: none;}
/* testimonial */
.testimonial { line-height: 30px;width:760px;
/* height:150px; */
border-bottom:1px dashed #dad5f0; float:left; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d7d7d7)); background-image: -webkit-linear-gradient(top, #fff, #d7d7d7); background-image:-moz-linear-gradient(top, #fff, #d7d7d7); background-image: -ms-linear-gradient(top, #fff, #d7d7d7); background-image: -o-linear-gradient(top, #fff, #d7d7d7); margin-bottom:15px; -moz-box-shadow: inset 0 0 10px #e3e3e3; -webkit-box-shadow: inset 0 0 10px #e3e3e3; box-shadow: inset 0 0 10px #e3e3e3; padding:10px;}
.testimonial span { color:#26157a;font-family: 'Oswald', sans-serif; font-size:15px;}
@font-face {
font-family: 'IcomoonSocial';
src: url('../fonts/IcomoonSocial.eot');
src: url('../fonts/IcomoonSocial.eot?#iefix') format('embedded-opentype'), url('../fonts/IcomoonSocial.woff') format('woff'), url('../fonts/IcomoonSocial.ttf') format('truetype'), url('../fonts/IcomoonSocial.svg#IcomoonSocial') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
[class*="nbs-social"] {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
font-size: 18px;
text-align: center;
padding-top: 2px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
color: #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
text-decoration:none;
}
[class*="nbs-social"]:hover {
top: -30px;
background: #666;
color: #fff;
}
[class*="nbs-social"]:before {
font-family: 'IcomoonSocial';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/*** FACEBOOK ***/
.nbs-social-facebook {
background: #3b5997;
}
.nbs-social-facebook:before {
content: "\e000"; line-height:30px;
}
/*** TWITTER ***/
.nbs-social-twitter {
background: #41b7d8;
color: #fff;
}
.nbs-social-twitter:before {
content: "\e008"; line-height:30px;
}
/*** LINKED IN ***/
.nbs-social-linkedin {
background: #0073b2;
}
.nbs-social-linkedin:before {
content: "\e024"; line-height:30px;
}
/* Variations: "\e01e" "\e01f" "\e020" "\e021" "\e022" */
.scrollup{
width:40px;
height:40px;
text-indent:-9999px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
background: url('icon_top.png') no-repeat;
}
#popupbox{
margin:315px 720px ;
padding:10px;
width: 250px;
height: 35px;
position: absolute;
line-height:35px;
background: #ed7777;
border-radius:5px 5px;
-moz-border-radius:5px 5px;
-o-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border: solid #bc7e7a 2px;
z-index: 9;
font-family: 'Oswald', sans-serif;
color:#fff;
text-align:center;
}
#popupboxenq{
margin:315px 320px ;
padding:10px;
width: 250px;
height: 35px;
position: absolute;
line-height:35px;
background: #ed7777;
border-radius:5px 5px;
-moz-border-radius:5px 5px;
-o-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border: solid #bc7e7a 2px;
z-index: 9;
font-family: 'Oswald', sans-serif;
color:#fff;
text-align:center;
}
.readmore { width:75px; float:right; background:#F00; height:35px; border:1px solid #dad5f0;background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); line-height:35px; text-align:center; color:#000;}
.readmore:hover {color: #26157a; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #fff, #e3e3e3); background-image:-moz-linear-gradient(top, #fff, #e3e3e3); background-image: -ms-linear-gradient(top, #fff, #e3e3e3); background-image: -o-linear-gradient(top, #fff, #e3e3e3);}
/*list style image */
ol{
counter-reset: li; /* Initiate a counter */
list-style: none; /* Remove default numbering */
*list-style: decimal; /* Keep using default numbering for IE6/7 */
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 #dd4814);
}
ol ol{
margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rectangle-list li{
position: relative;
display: block;
padding: .4em .4em .4em .8em;
*padding: .4em;
margin: .5em 0 .5em 2.5em;
background: #d9ea85;
color: #dd4814;
text-decoration: none;
transition: all .3s ease-out;
cursor:default;
}
.rectangle-list li:before{
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #26157a;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle-list li:after{
position: absolute;
content: '';
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle-list li:hover:after{
left: -.5em;
border-left-color: #26157a;
}
/* gallery image seprater */
.seprate { width:960px; float:left; height:40px; line-height:20px; padding:0 10px 0 10px; text-align:right; color:#000; border-bottom:1px dashed #00F; margin-bottom:20px;}
.seprate_heading {width:400px; line-height:40px; padding-left:10px; margin-left:10px; float:left; border:1px solid #dad5f0; height:40px; margin-bottom:10px; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); background-image:-moz-linear-gradient(top, #e3e3e3, #ffffff); background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); margin-right:500px; }
#tooltip {
background:#009;
border: 1px solid #5d5d5d;
float: left;
font-size: 12px;
max-width: 500px;
padding: 1em 1em 1em 1em;
position: absolute;
color:#090
}
.rounded {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}